-
- );
-};
diff --git a/packages/fetch-extension/src/components/proposal/proposal/style.module.scss b/packages/fetch-extension/src/components/proposal/proposal/style.module.scss
deleted file mode 100644
index a49ddb4e15..0000000000
--- a/packages/fetch-extension/src/components/proposal/proposal/style.module.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-.proposal {
- display: flex;
- line-height: 20px;
- justify-content: space-between;
- margin: 12px 0;
- background: #ffffff;
- cursor: pointer;
- .pContent {
- width: 65%;
- .pTitle {
- font-weight: 400;
- font-size: 16px;
- color: #525f7f;
- margin: 0;
- line-height: 22px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-right: 10px;
- &::first-letter {
- text-transform: capitalize;
- }
- }
-
- .pDesc {
- font-weight: 400;
- font-size: 15px;
- color: #808da0;
- margin: 0;
- line-height: 22px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
-
- .govStatus {
- display: flex;
- width: 30%;
- justify-content: space-between;
- }
-}
diff --git a/packages/fetch-extension/src/components/proposal/vote-block/index.tsx b/packages/fetch-extension/src/components/proposal/vote-block/index.tsx
deleted file mode 100644
index 45db83d10c..0000000000
--- a/packages/fetch-extension/src/components/proposal/vote-block/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React, { FunctionComponent } from "react";
-import style from "./style.module.scss";
-import classNames from "classnames";
-interface Props {
- title: string;
- icon: string;
- color: string;
- activeColor: string;
- id: number;
- selected: number;
- handleClick: any;
- closed: boolean;
-}
-export const VoteBlock: FunctionComponent
-
-
- {title}
-{id}
-
-
- handleClick(id)}
- >
- })
-
- );
-};
diff --git a/packages/fetch-extension/src/components/proposal/vote-block/style.module.scss b/packages/fetch-extension/src/components/proposal/vote-block/style.module.scss
deleted file mode 100644
index 396504d104..0000000000
--- a/packages/fetch-extension/src/components/proposal/vote-block/style.module.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.voteBlock {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 10px;
- gap: 5px;
- cursor: pointer;
-
- border-radius: 4px;
-
- .voteImage {
- width: 20px;
- height: 20px;
- }
-
- .voteText {
- margin: 0;
- text-align: center;
- font-weight: 700;
- line-height: 14px;
- color: #525f7f;
- font-size: 14px;
- }
-}
-
-.voteTick {
- background: rgba(106, 183, 122, 0.3);
-}
-
-.voteCross {
- background: rgba(220, 100, 97, 0.3);
-}
-
-.voteAbstain {
- background: rgba(236, 170, 93, 0.3);
-}
-
-.voteNoVeto {
- background: rgba(62, 100, 196, 0.3);
-}
diff --git a/packages/fetch-extension/src/index.tsx b/packages/fetch-extension/src/index.tsx
index 8e370b640d..62d9bc0ffc 100644
--- a/packages/fetch-extension/src/index.tsx
+++ b/packages/fetch-extension/src/index.tsx
@@ -90,9 +90,8 @@ import { ValidatorListPage } from "./pages-new/validator-list";
import { Delegate } from "./pages-new/validator/delegate";
import { Redelegate } from "./pages-new/validator/redelegate";
import { Unstake } from "./pages-new/validator/unstake";
-import { AxelarBridgeCosmos } from "./pages-unused/axelar-bridge/axelar-bridge-cosmos";
-import { AxelarBridgeEVM } from "./pages-unused/axelar-bridge/axelar-bridge-evm";
-import { ValidatorList } from "./pages-unused/validator-list";
+import { AxelarBridgeCosmos } from "./pages/axelar-bridge/axelar-bridge-cosmos";
+import { AxelarBridgeEVM } from "./pages/axelar-bridge/axelar-bridge-evm";
import { AgentChatSection } from "./pages/agent-chat-section";
import { ApproveAddChainByNetworkPage } from "./pages/approveAddChainByNetwork";
import { ApproveSwitchAccountByAddressPage } from "./pages/approveSwitchAccountPage";
@@ -121,7 +120,6 @@ import { BlockList } from "./pages/setting/chat/block";
import { Privacy } from "./pages/setting/chat/privacy";
import { ReadRecipt } from "./pages/setting/chat/readRecipt";
import { SettingEndpointsPage } from "./pages/setting/endpoints";
-import { StakeComplete } from "./pages/validator/stake-complete";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { useAutoLockMonitoring } from "./use-auto-lock-monitoring";
@@ -451,18 +449,10 @@ ReactDOM.render(
path="/setting/chat/readRecipt"
element={
- - {title} -
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/activity/filter/style.module.scss b/packages/fetch-extension/src/pages-unused/activity/filter/style.module.scss
deleted file mode 100644
index 288bfaa041..0000000000
--- a/packages/fetch-extension/src/pages-unused/activity/filter/style.module.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-.dropdown {
- font-size: 12px;
-}
-
-.dropdownToggle {
- padding: 0 10px;
- height: 20px;
- position: relative;
- color: #000000;
- cursor: pointer;
- width: 50%;
- margin-left: 50%;
- margin-bottom: 10px;
- z-index: 1;
-}
-.dropdownHeading {
- padding: 0 10px;
- height: 20px;
- margin-left: -7%;
- border-radius: 5px;
- display: flex;
- align-items: center;
- border: 1px solid #f0f0f0;
- justify-content: space-between;
-}
-
-.dropdownMenuPopup {
- position: absolute;
- top: 100%;
- left: 0;
- width: 97%;
- background-color: #f0f0f0;
- border-radius: 0 0 4px 4px;
-}
-
-.dropdownMenu {
- display: flex;
- flex-direction: column;
- padding: 5px;
-}
-
-.dropdownItem {
- align-items: center;
- display: flex;
-}
-
-.arrowIcon {
- transform: rotate(90deg);
- width: 6px;
- height: 12px;
- margin-left: 10px;
-}
-
-.select {
- padding: 2px 5px 0 2px;
- display: flex;
- justify-content: space-around;
- align-items: center;
-}
-
-.select div:hover {
- color: #3b82f6;
-}
diff --git a/packages/fetch-extension/src/pages-unused/activity/gov-proposals/activity-row.tsx b/packages/fetch-extension/src/pages-unused/activity/gov-proposals/activity-row.tsx
deleted file mode 100644
index 0f52871b1b..0000000000
--- a/packages/fetch-extension/src/pages-unused/activity/gov-proposals/activity-row.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { formatActivityHash } from "@utils/format";
-import React from "react";
-import style from "./style.module.scss";
-import success from "@assets/icon/success.png";
-import cancel from "@assets/icon/cancel.png";
-import govPropsalIcon from "@assets/icon/gov.png";
-
-const getStatusIcon = (status: string): string => {
- switch (status) {
- case "Success":
- return success;
- case "Error":
- return cancel;
- default:
- return cancel;
- }
-};
-const getVoteIcon = (vote: string): string => {
- switch (vote) {
- case "YES":
- return "gov-tick.svg";
- case "NO":
- return "gov-cross.svg";
- case "ABSTAIN":
- return "gov-abstain.svg";
- case "NO_WITH_VETO":
- return "gov-no-veto.svg";
- default:
- return "gov-tick-white.svg";
- }
-};
-
-const getHash = (proposal: any) => {
- if (proposal && proposal.id) {
- return formatActivityHash(proposal.id);
- }
- return null;
-};
-
-export const ActivityRow = ({ node }: { node: any }) => {
- const details = node.option;
- const hash = getHash(node);
- const { status, id } = node.transaction;
- return (
-
-
-
-
- Filter
- 
-
- {isOpen && (
-
-
- )}
-
-
- Select all
- Unselect all
-
- {options.map((option) => (
-
- ))}
-
-
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/activity/gov-proposals/index.tsx b/packages/fetch-extension/src/pages-unused/activity/gov-proposals/index.tsx
deleted file mode 100644
index c8247d52d2..0000000000
--- a/packages/fetch-extension/src/pages-unused/activity/gov-proposals/index.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { fetchGovProposalTransactions } from "@graphQL/activity-api";
-import React, { useEffect, useState } from "react";
-import { Button } from "reactstrap";
-import { useStore } from "../../../stores";
-import { FilterActivities } from "../filter";
-import { ActivityRow } from "./activity-row";
-import style from "../style.module.scss";
-const options = [
- { value: "YES", label: "Voted Yes" },
- { value: "NO", label: "Voted No" },
- { value: "ABSTAIN", label: "Voted Abstain" },
- { value: "NO_WITH_VETO", label: "Voted No With Veto" },
-];
-
-export const GovProposalsTab = ({ latestBlock }: { latestBlock: any }) => {
- const { chainStore, accountStore, analyticsStore } = useStore();
- const current = chainStore.current;
- const accountInfo = accountStore.getAccount(current.chainId);
- const [isLoading, setIsLoading] = useState(false);
- const [loadingRequest, setLoadingRequest] = useState(false);
- const [nodes, setNodes] = useState
- 
-
-
- {hash}
-
-
- ![]({require("@assets/svg/")
{" "}
- {details}
-
-
- })
-
- Loading Activities...
- ) : (
-
- No activity available right now
-
- )}
- {
- handleTabClick("native");
- analyticsStore.logEvent("activity_transaction_tab_click");
- }}
- >
- Transactions
-
- {
- handleTabClick("gov");
- analyticsStore.logEvent("activity_gov_proposals_tab_click");
- }}
- >
- Gov Proposals
-
-
-
-
-
- {!isEvm && {tabs()}
}
- {activeTab === "native" &&
- Latest Block: {latestBlock}{" "}
- {blockIsLoading && }
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/activity/native-eth/index.tsx b/packages/fetch-extension/src/pages-unused/activity/native-eth/index.tsx
deleted file mode 100644
index fe12d19f3b..0000000000
--- a/packages/fetch-extension/src/pages-unused/activity/native-eth/index.tsx
+++ /dev/null
@@ -1,322 +0,0 @@
-import React, { FunctionComponent, useEffect, useRef, useState } from "react";
-import { useStore } from "../../../stores";
-import style from "./style.module.scss";
-import sendIcon from "@assets/icon/send-grey.png";
-import pendingIcon from "@assets/icon/awaiting.png";
-import success from "@assets/icon/success.png";
-import cancel from "@assets/icon/cancel.png";
-import prohibition from "@assets/icon/prohibition.png";
-import contractIcon from "@assets/icon/contract-grey.png";
-import { ITxn } from "@keplr-wallet/stores";
-import { Button, Modal, ModalBody } from "reactstrap";
-import { useNavigate } from "react-router";
-import { useIntl } from "react-intl";
-import { useNotification } from "@components/notification";
-
-const TransactionItem: FunctionComponent<{
- transactionInfo: ITxn;
- setCancelOpen: React.Dispatch
- {transactionInfo.cancelled && (
-
- );
- };
-
- const displayActivity = (status: string, amount: string | undefined) => {
- return (
-
- {" "}
- Cancellation in progress{" "}
- {" "}
-
- )}
-
- {!transactionInfo.cancelled && (
-
-
-
-
- )}
- {showSpeedUp && (
-
-
-
- )}
-
-
- );
- };
-
- return (
-
- })
-
-
- {transactionInfo.type}
-
-
- {amount + " " + transactionInfo.symbol}
-
-
-
-
- {
- e.preventDefault();
- if (chainStore.current.explorerUrl) {
- window.open(
- chainStore.current.explorerUrl + "/tx/" + transactionInfo.hash,
- "_blank",
- "noreferrer"
- );
- }
- }}
- >
- {displayActivity(transactionInfo.status, transactionInfo.amount)}
- {queued &&
- );
-};
-
-export const NativeEthTab = () => {
- const { chainStore, accountStore } = useStore();
- const [hashList, setHashList] = useStateQueued
}
- {transactionInfo.status === "pending" &&
- !queued &&
- displaySpeedupCancelButtons()}
-
- Cancelling the transaction by increasing the current gas price by
- 15%. Note that this action is irreversible as the original
- transaction will be replaced.
-
-
-
- Speeding up the transaction by increasing the current gas price by
- 15%.
-
-
-
- {hashList.map((transactionInfo, index) => (
-
- ) : (
- No activity
- )} -
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/activity/native/index.tsx b/packages/fetch-extension/src/pages-unused/activity/native/index.tsx
deleted file mode 100644
index f4b6667333..0000000000
--- a/packages/fetch-extension/src/pages-unused/activity/native/index.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { fetchTransactions } from "@graphQL/activity-api";
-import React, { useEffect, useState } from "react";
-import { Button } from "reactstrap";
-import { useStore } from "../../../stores";
-import { FilterActivities } from "../filter";
-import { ActivityRow } from "./activity-row";
-import style from "../style.module.scss";
-
-const options = [
- { value: "/cosmos.bank.v1beta1.MsgSend", label: "Funds transfers" },
- {
- value: "/cosmos.staking.v1beta1.MsgDelegate",
- label: "Staked Funds",
- },
- {
- value: "/cosmos.staking.v1beta1.MsgUndelegate",
- label: "Unstaked Funds",
- },
- {
- value: "/cosmos.staking.v1beta1.MsgBeginRedelegate",
- label: "Redelegate Funds",
- },
- {
- value:
- "/cosmos.authz.v1beta1.MsgExec,/cosmwasm.wasm.v1.MsgExecuteContract,/cosmos.authz.v1beta1.MsgRevoke",
- label: "Contract Interactions",
- },
- {
- value: "/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward",
- label: "Claim Rewards",
- },
- {
- value: "/ibc.applications.transfer.v1.MsgTransfer",
- label: "IBC transfers",
- },
-];
-
-const processFilters = (filters: string[]) => {
- let result: string[] = [];
- filters.map((value) => {
- result = result.concat(value.split(","));
- });
- return result;
-};
-
-function debounce(func: any, timeout = 500) {
- let timer: any;
- return (...args: any) => {
- clearTimeout(timer);
- timer = setTimeout(() => {
- func(args);
- }, timeout);
- };
-}
-
-export const NativeTab = ({ latestBlock }: { latestBlock: any }) => {
- const { chainStore, accountStore, analyticsStore } = useStore();
- const current = chainStore.current;
- const accountInfo = accountStore.getAccount(current.chainId);
-
- const [isLoading, setIsLoading] = useState(true);
- const [loadingRequest, setLoadingRequest] = useState(true);
- const [fetchedData, setFetchedData] = useState
- })
-
-
- {hash}
-
-
- {details}
-
-
- })
-
- Loading Activities...
- ) : (
-
- No activity available right now
-
- )}
-
- ![lock]({require("@assets/img/icons8-lock.svg")})
-
- {/* On firefox, idle api can't detect that device go sleep */}
- {uiConfigStore.platform !== "firefox" ? (
-
- );
-});
diff --git a/packages/fetch-extension/src/pages-unused/settings/autolock/index.tsx b/packages/fetch-extension/src/pages-unused/settings/autolock/index.tsx
deleted file mode 100644
index e80b01e059..0000000000
--- a/packages/fetch-extension/src/pages-unused/settings/autolock/index.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import React, { FunctionComponent, useEffect, useState } from "react";
-import { HeaderLayout } from "../../../layouts";
-
-import { useNavigate } from "react-router";
-import { Button, Form } from "reactstrap";
-import { DescriptionView } from "./description-view";
-
-import { Input } from "@components/form";
-import style from "./style.module.scss";
-import { useForm } from "react-hook-form";
-import { FormattedMessage, useIntl } from "react-intl";
-
-import {
- GetAutoLockAccountDurationMsg,
- UpdateAutoLockAccountDurationMsg,
-} from "@keplr-wallet/background/src/auto-lock-account";
-
-import { InExtensionMessageRequester } from "@keplr-wallet/router-extension";
-import { BACKGROUND_PORT } from "@keplr-wallet/router";
-import { useStore } from "../../../stores";
-
-interface FormData {
- duration: string;
-}
-
-export const SettingAutoLockPage: FunctionComponent = () => {
- const navigate = useNavigate();
- const intl = useIntl();
- const { analyticsStore } = useStore();
-
- const minDuration = 0;
- const maxDuration = 4320;
-
- const {
- setValue,
- register,
- handleSubmit,
- formState: { errors },
- } = useForm
-
- {/* On firefox, idle api can't detect that device go sleep */}
- {uiConfigStore.platform !== "firefox" ? (
-
-
-
-
-
- {
- language.setFiatCurrency(null);
- navigate({
- pathname: "/",
- });
- }}
- icons={language.isFiatCurrencyAutomatic ? selectedIcon : undefined}
- />
- {Object.keys(priceStore.supportedVsCurrencies).map((currency) => {
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
- const fiatCurrency = priceStore.supportedVsCurrencies[currency]!;
-
- return (
- {
- language.setFiatCurrency(fiatCurrency.currency);
- navigate({
- pathname: "/",
- });
- }}
- icons={
- !language.isFiatCurrencyAutomatic
- ? language.fiatCurrency === fiatCurrency.currency
- ? selectedIcon
- : undefined
- : undefined
- }
- />
- );
- })}
-
-
- {
- language.clearLanguage();
- navigate("/");
- }, [navigate, language])}
- icons={language.automatic ? selectedIcon : undefined}
- />
- {
- language.setLanguage("en");
- navigate("/");
- }, [navigate, language])}
- icons={
- !language.automatic && language.language == "en"
- ? selectedIcon
- : undefined
- }
- />
- {
- language.setLanguage("ko");
- navigate("/");
- }, [navigate, language])}
- icons={
- !language.automatic && language.language == "ko"
- ? selectedIcon
- : undefined
- }
- />
-
-
-
- {
- analyticsStore.logEvent("organisations_click", {
- action: "Edit",
- });
- navigate("/notification/organisations/edit");
- }}
- />
-
- {
- analyticsStore.logEvent("topics_click", {
- action: "Edit",
- });
- navigate("/notification/topics/edit", {
- state: {
- isUpdating: true,
- },
- });
- }}
- />
-
- ) : (
-
-
-
-
- {Object.values(notificationInfo.organisations).length !== 0 &&
- notificationInfo.isNotificationOn ? (
- - You are not receiving notifications -
- )} -
- {
- navigate("/setting/connections");
- analyticsStore.logEvent("wallet_access_permissions_click", {
- pageName: "Security & Privacy",
- });
- }}
- icons={useMemo(
- () => [],
- []
- )}
- />
- {
- navigate("/more/permissions/get-chain-infos");
- analyticsStore.logEvent("chain_list_access_click", {
- pageName: "Security & Privacy",
- });
- }}
- icons={useMemo(
- () => [],
- []
- )}
- />
- {
- navigate("/more/security-privacy/autolock");
- analyticsStore.logEvent("auto_lock_timer_click", {
- pageName: "Security & Privacy",
- });
- }}
- icons={useMemo(
- () => [],
- []
- )}
- />
-
-
- {origins.map((origin) => {
- return (
- {
- e.preventDefault();
- analyticsStore.logEvent("show_hide_chain", {
- chainId: chainStore.current.chainId,
- chainName: chainStore.current.chainName,
- });
-
- if (
- await confirm.confirm({
- img: (
- ![unlink]({require("../../../../../public/assets/img/broken-link.svg")})
- ),
- title: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await requester.sendMessage(
- BACKGROUND_PORT,
- new RemoveGlobalPermissionOriginMsg(
- "get-chain-infos",
- origin
- )
- );
-
- const origins = await requester.sendMessage(
- BACKGROUND_PORT,
- new GetGlobalPermissionOriginsMsg("get-chain-infos")
- );
- setOrigins(origins);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
-
- ),
- title: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await requester.sendMessage(
- BACKGROUND_PORT,
- new RemoveGlobalPermissionOriginMsg(
- "get-chain-infos",
- origin
- )
- );
-
- const origins = await requester.sendMessage(
- BACKGROUND_PORT,
- new GetGlobalPermissionOriginsMsg("get-chain-infos")
- );
- setOrigins(origins);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
- {appCurrencies.map((currency) => {
- const cosmwasmToken = currency as
- | CW20Currency
- | Secret20Currency
- | Erc20Currency;
-
- const icons: React.ReactElement[] = [];
-
- icons.push(
-
- {intl.formatMessage({
- id: "setting.token.manage.notification.contract-address.copy.hover",
- })}
-
- }
- >
- {
- e.preventDefault();
-
- await copyText(
- cosmwasmToken.contractAddress,
- "setting.token.manage.notification.contract-address.copy"
- );
- }}
- />
-
- );
-
- if ("viewingKey" in cosmwasmToken) {
- icons.push(
-
- {appCurrencies.map((currency) => {
- const cosmwasmToken = currency as CW20Currency | Secret20Currency;
-
- const icons: React.ReactElement[] = [];
-
- icons.push(
-
- {intl.formatMessage({
- id: "setting.token.manage.notification.contract-address.copy.hover",
- })}
-
- }
- >
- {
- e.preventDefault();
-
- await copyText(
- cosmwasmToken.contractAddress,
- "setting.token.manage.notification.contract-address.copy"
- );
- }}
- />
-
- );
-
- if ("viewingKey" in cosmwasmToken) {
- icons.push(
-
-
- {
- localStorage.setItem("validatorTab", ValidatorOperation.VALIDATOR);
- navigate(`/validators/${ValidatorOperation.VALIDATOR}`);
- }}
- >
- Validators
-
-
- {
- localStorage.setItem("validatorTab", ValidatorOperation.MY_STAKE);
- navigate(`/validators/${ValidatorOperation.MY_STAKE}`);
- }}
- >
- My stake
-
-
-
- {loading && (
-
- handleFilterValidators(e.target.value)}
- />
- ![]({require("@assets/svg/wireframe/search.svg")})
-
-
-
-
- Loading Validators -
- )}
-
- {!loading && operation === ValidatorOperation.VALIDATOR && (
-
-
-
- - Loading Validators -
- navigate(`/validators/${validator.operator_address}/stake`)
- }
- >
-
- {validator.description.website && (
-
- {validator.description.website}
-
- )}
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/validator-list/my-validator-card/validators.module.scss b/packages/fetch-extension/src/pages-unused/validator-list/my-validator-card/validators.module.scss
deleted file mode 100644
index ca52db62cd..0000000000
--- a/packages/fetch-extension/src/pages-unused/validator-list/my-validator-card/validators.module.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-.col {
- text-align: center;
- display: flex;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
- text-transform: capitalize;
-}
-
-.row {
- display: flex;
- justify-content: space-between;
- width: 100%;
-}
-
-.label {
- font-weight: bold;
- text-transform: capitalize;
-}
-
-.address {
- font-size: 12px;
-}
-.amountSection {
- gap: 6px;
- display: flex;
- flex-direction: column;
- align-items: end;
- justify-content: center;
-}
-
-.amount {
- color: #fff;
- text-align: center;
- font-family: Lexend;
- font-size: 14px;
- font-style: normal;
- font-weight: 500;
- line-height: normal;
-}
-
-.avatar {
- width: 80px;
- height: 80px;
- line-height: initial;
- text-align: center;
- color: rgb(255, 255, 255);
- border-radius: 100%;
- background: rgb(214, 26, 127);
-}
-.item {
- color: rgba(255, 255, 255, 0.9);
- display: flex;
- flex-direction: column;
- gap: 8px;
- width: 100%;
- padding: 10px;
- background: rgba(255, 255, 255, 0.1);
- border-radius: 6px;
- cursor: pointer;
- margin: 10px 0px;
-}
-
-.item:hover {
- background: rgba(255, 255, 255, 0.2);
-}
-
-.tooltip {
- font-weight: 400;
- font-size: 10px;
- line-height: 10px;
-
- padding: 2px 4px;
-}
diff --git a/packages/fetch-extension/src/pages-unused/validator-list/my-validators/index.tsx b/packages/fetch-extension/src/pages-unused/validator-list/my-validators/index.tsx
deleted file mode 100644
index 362f33ba8d..0000000000
--- a/packages/fetch-extension/src/pages-unused/validator-list/my-validators/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Staking } from "@keplr-wallet/stores";
-import { CoinPretty } from "@keplr-wallet/unit";
-import React from "react";
-import { useStore } from "../../../stores";
-import { MyValidatorCard } from "../my-validator-card";
-
-type ValidatorData = Staking.Validator & { amount: CoinPretty };
-
-export const MyValidatorsList = ({
- filteredValidators,
-}: {
- filteredValidators: ValidatorData[];
-}) => {
- const { chainStore } = useStore();
-
- const filterValidators = (validator: ValidatorData) => {
- return validator.amount
- .toDec()
- .gt(new CoinPretty(validator.amount.currency, "0").toDec());
- };
-
- const sortValidators = (a: ValidatorData, b: ValidatorData) => {
- return (
- parseFloat(b.amount.toDec().toString()) -
- parseFloat(a.amount.toDec().toString())
- );
- };
-
- return (
-
-
-
-
-
- {validator.operator_address}
-
- }
- >
-
- {formatAddress(validator.operator_address)}
-
-
-
- {validator.description.moniker}
-
-
-
-
-
- {shortenMintingNumber(validator.amount.toDec().toString(), 0)}{" "}
-
-
- {validator.amount.currency.coinDenom}
-
-
- {inFiat && (
-
- {inFiat}
-
- {fiatCurrency.toUpperCase()}
-
-
- )}
- No Validators Found
- )}
-
- navigate(`/validators/${validator.operator_address}/stake`)
- }
- >
- ![right-arrow]({require("@assets/icon/right-arrow.png")})
-
-
-
-
-
- {validator.operator_address}
-
- }
- >
-
- {formatAddress(validator.operator_address)}
-
-
-
- {validator.description.moniker}
-
-
-
-
-
- View in Explorer
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/validator-list/validator-card/validators.module.scss b/packages/fetch-extension/src/pages-unused/validator-list/validator-card/validators.module.scss
deleted file mode 100644
index 2cf55a0ca7..0000000000
--- a/packages/fetch-extension/src/pages-unused/validator-list/validator-card/validators.module.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.col {
- text-align: center;
- display: flex;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
- text-transform: capitalize;
-}
-
-.row {
- display: flex;
- justify-content: space-between;
- width: 100%;
- align-items: center;
-}
-
-.moniker {
- font-weight: bold;
- text-transform: capitalize;
-}
-
-.label {
- color: #fff;
- text-align: center;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
- opacity: 0.6;
-}
-
-.address {
- font-size: 12px;
-}
-
-.avatar {
- width: 80px;
- height: 80px;
- line-height: initial;
- text-align: center;
- color: rgb(255, 255, 255);
- border-radius: 100%;
- background: rgb(214, 26, 127);
-}
-.item {
- color: rgba(255, 255, 255, 0.9);
- display: flex;
- flex-direction: column;
- gap: 8px;
- width: 100%;
- padding: 10px;
- background: rgba(255, 255, 255, 0.1);
- border-radius: 6px;
- cursor: pointer;
- margin: 10px 0px;
-}
-
-.item:hover {
- background: rgba(255, 255, 255, 0.2);
-}
-
-.tooltip {
- font-weight: 400;
- font-size: 10px;
- line-height: 10px;
-
- padding: 2px 4px;
-}
diff --git a/packages/fetch-extension/src/pages-unused/validator-list/validators/index.tsx b/packages/fetch-extension/src/pages-unused/validator-list/validators/index.tsx
deleted file mode 100644
index 082b34dfe0..0000000000
--- a/packages/fetch-extension/src/pages-unused/validator-list/validators/index.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Staking } from "@keplr-wallet/stores";
-import { CoinPretty } from "@keplr-wallet/unit";
-import React from "react";
-import { useStore } from "../../../stores";
-import { ValidatorCard } from "../validator-card";
-
-type ValidatorData = Staking.Validator & { amount: CoinPretty };
-
-export const ValidatorsList = ({
- filteredValidators,
-}: {
- filteredValidators: ValidatorData[];
-}) => {
- const { chainStore } = useStore();
-
- const sortValidators = (a: ValidatorData, b: ValidatorData) => {
- return parseFloat(b.delegator_shares) - parseFloat(a.delegator_shares);
- };
-
- return (
-
- Delegated
- {shortenNumber(validator.delegator_shares)}
-
-
- Commission
- {commisionRate}%
-
-
- Status
- {status}
-
-
- No Validators Found
-
- )}
-
-
-
- validator.operator_address != validatorAddress
- )}
- />
- )}
-
- {validator && (
-
-
- {operation == ValidatorOperation.STAKE && (
- navigate(`/validators/${validatorAddress}/stake`)}
- >
- Stake
-
-
-
- navigate(`/validators/${validatorAddress}/unstake`)
- }
- >
- Unstake
-
-
- navigate(`/validators/${validatorAddress}/transfer`)
- }
- >
- Redelegate
-
-
- ![]({require("@assets/svg/Box.svg")})
- {validator && (
-
-
-
-
-
-
- {validator && (
-
- Amount processed with
-
- )}
-
- {validator.description.moniker}
-
-
-
- Current Staked Amount
-
- {amount.maxDecimals(4).trim(true).toString()}
-
-
-
-
- Earned Rewards
-
-
- {!isFetching ? (
-
-
- {!rewards ||
- rewards.length === 0 ||
- parseFloat(
- rewards[0]?.maxDecimals(4).toString().split(" ")[0]
- ) < 0.00001 ? (
- 0
- ) : (
- rewards[0]?.maxDecimals(4).toString()
- )}
-
- ) : (
-
-
-
- )}
- {(!rewards ||
- rewards.length !== 0 ||
- parseFloat(rewards[0]?.maxDecimals(4).toString().split(" ")[0]) >
- 0.00001) && (
-
- )}
- {errorText}
- ) : null}
-
- {selectedValidator
- ? selectedValidator.description.moniker
- : "Select Validator"}{" "}
- ![]({require("@assets/svg/wireframe/chevron-down.svg")})
-
-
-
-
- {validatorsList.map((validator) => {
- return (
- {
- setSelectedValidator(validator);
- setShowDropdown(false);
- }}
- heading={validator.description.moniker}
- />
- );
- })}
-
- {errorText}
- ) : null}
-
- {errorText}
- ) : null}
-
-
-
- {validator.description.details && (
-
-
- {validator.operator_address}
-
- }
- >
-
- {formatAddress(validator.operator_address)}
-
-
-
- {validator.description.website ? (
-
- {validator.description.moniker}
-
- ) : (
- {validator.description.moniker}
- )}
-
-
- {validator.description.details}
-
- )}
-
-
-
-
- View in Explorer for more Details
-
- {validator.jailed && (
-
-
- Delegated
-
- {shortenNumber(validator.delegator_shares)}
-
-
-
- Commission
-
- {commisionRate}% ({maxCommisionRate}% Max)
-
-
-
- Status
- {status}
-
-
- APR
-
- {!isFetching ? (
- APR.maxDecimals(2).trim(true).toString() + "%"
- ) : (
-
-
-
- )}
-
-
- This validator is currently jailed. Redelegate your tokens.
-
- )}
-
- );
-};
diff --git a/packages/fetch-extension/src/pages-unused/validator/validator-details/validatordetails.module.scss b/packages/fetch-extension/src/pages-unused/validator/validator-details/validatordetails.module.scss
deleted file mode 100644
index 42782e6788..0000000000
--- a/packages/fetch-extension/src/pages-unused/validator/validator-details/validatordetails.module.scss
+++ /dev/null
@@ -1,107 +0,0 @@
-.col {
- text-align: center;
- display: flex;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
-}
-
-.title {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- width: 100%;
- font-size: 14px;
-}
-
-.label {
- color: rgba(255, 255, 255, 0.6);
- text-align: center;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
-}
-
-.value {
- color: #fff;
- text-align: center;
- text-transform: capitalize;
- font-size: 14px;
- font-style: normal;
- font-weight: 500;
- line-height: normal;
-}
-
-.moniker {
- color: #fff;
- font-size: 20px;
- font-style: normal;
- font-weight: 500;
- line-height: normal;
-}
-
-.address {
- color: #fff;
- text-align: center;
- opacity: 0.8;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- line-height: normal;
-}
-
-.description {
- font-size: 14px;
- display: flex;
- flex-direction: column;
- width: 100%;
- line-height: 160%;
-}
-
-.row {
- display: flex;
- justify-content: space-between;
- width: 100%;
- padding: 8px 0px;
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.details {
- justify-content: space-between;
- width: 100%;
-}
-
-.item {
- display: flex;
- flex-direction: column;
- gap: 16px;
- width: 100%;
- padding: 10px;
- color: #ffffff;
- border-radius: 12px;
- margin-top: 24px;
- background: rgba(255, 255, 255, 0.1);
-}
-
-.tooltip {
- font-weight: 400;
- font-size: 10px;
- line-height: 10px;
-
- padding: 2px 4px;
-}
-.jailed {
- color: red;
- text-align: center;
- font-size: 10px;
-}
-.claimButton {
- font-weight: bold;
- cursor: pointer;
- padding: 0px 13px;
- text-decoration: underline;
- color: #3b82f6;
- border: none;
- background: transparent;
-}
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/get-deposit-address.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/get-deposit-address.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/get-deposit-address.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/get-deposit-address.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/index.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/index.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/index.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/index.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/send-token.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/send-token.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-cosmos/send-token.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-cosmos/send-token.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/get-deposit-address.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/get-deposit-address.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/get-deposit-address.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/get-deposit-address.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/index.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/index.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/index.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/index.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/send-token.tsx b/packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/send-token.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/axelar-bridge-evm/send-token.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/axelar-bridge-evm/send-token.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/chain-select.tsx b/packages/fetch-extension/src/pages/axelar-bridge/chain-select.tsx
similarity index 100%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/chain-select.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/chain-select.tsx
diff --git a/packages/fetch-extension/src/pages-unused/axelar-bridge/gas-and-details.tsx b/packages/fetch-extension/src/pages/axelar-bridge/gas-and-details.tsx
similarity index 96%
rename from packages/fetch-extension/src/pages-unused/axelar-bridge/gas-and-details.tsx
rename to packages/fetch-extension/src/pages/axelar-bridge/gas-and-details.tsx
index 4025f6015f..1cc6d4efdf 100644
--- a/packages/fetch-extension/src/pages-unused/axelar-bridge/gas-and-details.tsx
+++ b/packages/fetch-extension/src/pages/axelar-bridge/gas-and-details.tsx
@@ -3,7 +3,7 @@ import { AxelarQueryAPI } from "@axelar-network/axelarjs-sdk";
import { useNotification } from "@components/notification";
import { formatAmount } from "@utils/format";
import React, { useCallback, useEffect, useState } from "react";
-// import { TooltipForDomainNames } from "../fetch-name-service/domain-details";
+import { TooltipForDomainNames } from "../fetch-name-service/domain-details";
import style from "./style.module.scss";
interface GasAndDetailsProps {
@@ -164,7 +164,7 @@ export const GasAndDetails: React.FC
- {bridgeHistory.isFetching ? (
-
-
-
-
- ) : bridgeHistory.history.length === 0 ? (
-
-
- ) : (
- bridgeHistory.history
- .reverse()
- .map((history) => (
-
-
-
- );
- }
-);
diff --git a/packages/fetch-extension/src/pages/bridge/ethereum-bridge.tsx b/packages/fetch-extension/src/pages/bridge/ethereum-bridge.tsx
deleted file mode 100644
index a36c91955a..0000000000
--- a/packages/fetch-extension/src/pages/bridge/ethereum-bridge.tsx
+++ /dev/null
@@ -1,544 +0,0 @@
-import React, { FunctionComponent, useState, useEffect } from "react";
-import { observer } from "mobx-react-lite";
-import { useNavigate, useLocation } from "react-router";
-
-import style from "./style.module.scss";
-import { Button } from "reactstrap";
-import { AddressInput, CoinInput, FeeButtons, Input } from "@components/form";
-import {
- IAmountConfig,
- IFeeConfig,
- IGasConfig,
- IMemoConfig,
- IRecipientConfig,
- useGasSimulator,
- useNativeBridgeConfig,
-} from "@keplr-wallet/hooks";
-import { useStore } from "../../stores";
-import { useNotification } from "@components/notification";
-import { FormattedMessage, useIntl } from "react-intl";
-import { ExtensionKVStore } from "@keplr-wallet/common";
-import { AppCurrency } from "@keplr-wallet/types";
-import { Dec, DecUtils, IntPretty } from "@keplr-wallet/unit";
-import queryString from "querystring";
-
-import { BigNumber } from "@ethersproject/bignumber";
-
-export const EthereumBridge: FunctionComponent<{
- limit: string;
- fee?: string;
-}> = observer(({ limit, fee }) => {
- const [phase, setPhase] = useState<"configure" | "approve" | "bridge">(
- "configure"
- );
-
- let search = useLocation().search;
- if (search.startsWith("?")) {
- search = search.slice(1);
- }
- const query = queryString.parse(search) as {
- defaultRecipient: string | undefined;
- defaultAmount: string | undefined;
- };
-
- const { chainStore, accountStore, queriesStore } = useStore();
- const accountInfo = accountStore.getAccount(chainStore.current.chainId);
-
- const nativeBridgeConfig = useNativeBridgeConfig(
- chainStore,
- queriesStore,
- chainStore.current.chainId,
- accountInfo.bech32Address
- );
-
- useEffect(() => {
- if (query.defaultRecipient) {
- nativeBridgeConfig.recipientConfig.setRawRecipient(
- query.defaultRecipient
- );
- }
- if (query.defaultAmount) {
- nativeBridgeConfig.amountConfig.setAmount(query.defaultAmount);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [query.defaultAmount, query.defaultRecipient]);
-
- if (accountInfo.txTypeInProgress === "nativeBridgeSend") {
- return (
-
-
-
- {`Swap id #${history.swapId}`}
-{`Send ${ - fetCurrency - ? new CoinPretty(fetCurrency, history.amount) - .maxDecimals(2) - .toString() - : "0 FET" - }`}
-- To: {Bech32Address.shortenAddress(history.to, 22, !isEvm)} -
-
- {reverseSwapHash.isFetching ? (
-
- ) : (
-
-
-
- ![]({require("@assets/svg/arrow-right-outline.svg")})
-
-
- )}
-
-
- - Bridging in progress {" "} -
- ); - } - - return ( -
- {phase === "configure" ? (
-
- );
-});
-
-export const Configure: FunctionComponent<{
- amountConfig: IAmountConfig;
- recipientConfig: IRecipientConfig;
- memoConfig: IMemoConfig;
- setPhase: React.Dispatch<
- React.SetStateAction<"configure" | "approve" | "bridge">
- >;
- limit: string;
- fee?: string;
-}> = observer(
- ({ amountConfig, recipientConfig, memoConfig, setPhase, limit, fee }) => {
- const intl = useIntl();
-
- const { chainStore, queriesStore, accountStore } = useStore();
-
- const navigate = useNavigate();
-
- const accountInfo = accountStore.getAccount(chainStore.current.chainId);
- const allowanceQuery = queriesStore
- .get(chainStore.current.chainId)
- .evm.queryERC20Allowance.getQueryAllowance(
- accountInfo.bech32Address,
- queriesStore.get(chainStore.current.chainId).evm.queryNativeFetBridge
- .nativeBridgeAddress,
- "contractAddress" in amountConfig.sendCurrency
- ? amountConfig.sendCurrency.contractAddress
- : ""
- );
-
- const isValid =
- recipientConfig.error == null &&
- memoConfig.error == null &&
- amountConfig.error == null &&
- !allowanceQuery.isFetching &&
- accountInfo.txTypeInProgress !== "approval";
-
- return (
-
- );
- }
-);
-
-export const Approve: FunctionComponent<{
- amountConfig: IAmountConfig;
- recipientConfig: IRecipientConfig;
- feeConfig: IFeeConfig;
- gasConfig: IGasConfig;
- currency: AppCurrency;
-}> = observer(
- ({ amountConfig, recipientConfig, feeConfig, gasConfig, currency }) => {
- const intl = useIntl();
- const notification = useNotification();
-
- const isValid = feeConfig.error == null && gasConfig.error == null;
-
- const navigate = useNavigate();
-
- const {
- chainStore,
- priceStore,
- accountStore,
- queriesStore,
- analyticsStore,
- } = useStore();
-
- const approveGasSimulator = useGasSimulator(
- new ExtensionKVStore("gas-simulator.native-bridge.approve"),
- chainStore,
- chainStore.current.chainId,
- gasConfig,
- feeConfig,
- "bridge-approve",
- () => {
- return accountStore
- .getAccount(chainStore.current.chainId)
- .ethereum.makeApprovalTx(
- amountConfig.amount,
- queriesStore.get(chainStore.current.chainId).evm
- .queryNativeFetBridge.nativeBridgeAddress,
- currency
- );
- }
- );
-
- return (
-
- );
- }
-);
-
-export const Bridge: FunctionComponent<{
- feeConfig: IFeeConfig;
- gasConfig: IGasConfig;
- bridgeAmount: string;
- recipient: string;
- currency: AppCurrency;
-}> = observer(({ feeConfig, gasConfig, bridgeAmount, currency, recipient }) => {
- const intl = useIntl();
- const isValid = feeConfig.error == null && gasConfig.error == null;
-
- const navigate = useNavigate();
- const notification = useNotification();
-
- const { chainStore, priceStore, accountStore, analyticsStore } = useStore();
-
- const bridgeGasSimulator = useGasSimulator(
- new ExtensionKVStore("gas-simulator.native-bridge.bridge"),
- chainStore,
- chainStore.current.chainId,
- gasConfig,
- feeConfig,
- "bridge",
- () => {
- return accountStore
- .getAccount(chainStore.current.chainId)
- .ethereum.makeNativeBridgeTx(bridgeAmount, recipient);
- }
- );
-
- return (
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/bridge/fetchhub-bridge.tsx b/packages/fetch-extension/src/pages/bridge/fetchhub-bridge.tsx
deleted file mode 100644
index 98a2cc13f5..0000000000
--- a/packages/fetch-extension/src/pages/bridge/fetchhub-bridge.tsx
+++ /dev/null
@@ -1,258 +0,0 @@
-import React, { FunctionComponent } from "react";
-import { observer } from "mobx-react-lite";
-import { useNavigate } from "react-router";
-
-import style from "./style.module.scss";
-import { Button } from "reactstrap";
-import {
- AddressInput,
- CoinInput,
- FeeButtons,
- Input,
- MemoInput,
-} from "@components/form";
-import { useGasSimulator, useNativeBridgeConfig } from "@keplr-wallet/hooks";
-import { useStore } from "../../stores";
-import { useNotification } from "@components/notification";
-import { FormattedMessage, useIntl } from "react-intl";
-import { ExtensionKVStore } from "@keplr-wallet/common";
-
-export const FetchhubBridge: FunctionComponent<{
- limit: string;
- fee?: string;
-}> = observer(({ limit, fee }) => {
- const navigate = useNavigate();
- const intl = useIntl();
-
- const {
- chainStore,
- accountStore,
- queriesStore,
- keyRingStore,
- analyticsStore,
- priceStore,
- } = useStore();
- const accountInfo = accountStore.getAccount(chainStore.current.chainId);
- const notification = useNotification();
-
- const nativeBridgeConfig = useNativeBridgeConfig(
- chainStore,
- queriesStore,
- chainStore.current.chainId,
- accountInfo.bech32Address
- );
- const bridgeGasSimulator = useGasSimulator(
- new ExtensionKVStore("gas-simulator.native-bridge.send"),
- chainStore,
- chainStore.current.chainId,
- nativeBridgeConfig.gasConfig,
- nativeBridgeConfig.feeConfig,
- "bridge",
- () => {
- // Prefer not to use the gas config or fee config,
- // because gas simulator can change the gas config and fee config from the result of reaction,
- // and it can make repeated reaction.
- if (
- nativeBridgeConfig.amountConfig.error != null ||
- nativeBridgeConfig.recipientConfig.error != null
- ) {
- throw new Error("Not ready to simulate tx");
- }
-
- return accountInfo.cosmwasm.makeNativeBridgeTx(
- nativeBridgeConfig.amountConfig.amount,
- nativeBridgeConfig.recipientConfig.recipient
- );
- }
- );
-
- const isValid =
- nativeBridgeConfig.recipientConfig.error == null &&
- nativeBridgeConfig.memoConfig.error == null &&
- nativeBridgeConfig.amountConfig.error == null &&
- nativeBridgeConfig.feeConfig.error == null &&
- nativeBridgeConfig.gasConfig.error == null;
-
- if (accountInfo.txTypeInProgress === "nativeBridgeSend") {
- return (
- - Bridging in progress {" "} -
- ); - } - - const onSubmit = async () => { - try { - analyticsStore.logEvent("bridge_txn_click", { - chainId: chainStore.current.chainId, - chainName: chainStore.current.chainName, - }); - const tx = accountInfo.cosmwasm.makeNativeBridgeTx( - nativeBridgeConfig.amountConfig.amount, - nativeBridgeConfig.recipientConfig.recipient - ); - - await tx.send( - nativeBridgeConfig.feeConfig.toStdFee(), - nativeBridgeConfig.memoConfig.memo, - { - preferNoSetFee: true, - preferNoSetMemo: true, - }, - { - onBroadcasted() { - navigate("/bridge"); - analyticsStore.logEvent("bridge_txn_broadcasted", { - chainId: chainStore.current.chainId, - chainName: chainStore.current.chainName, - feeType: nativeBridgeConfig.feeConfig.feeType, - }); - }, - onFulfill(tx) { - if (tx.code == null || tx.code === 0) { - notification.push({ - placement: "top-center", - type: "success", - duration: 2, - content: "Bridging Successful", - canDelete: true, - transition: { - duration: 0.25, - }, - }); - } else { - notification.push({ - placement: "top-center", - type: "danger", - duration: 2, - content: "Bridging Failed", - canDelete: true, - transition: { - duration: 0.25, - }, - }); - } - navigate("/"); - }, - } - ); - } catch (e) { - analyticsStore.logEvent("bridge_txn_broadcasted_fail", { - chainId: chainStore.current.chainId, - chainName: chainStore.current.chainName, - feeType: nativeBridgeConfig.feeConfig.feeType, - message: e?.message ?? "", - }); - navigate("/", { replace: true }); - notification.push({ - type: "warning", - placement: "top-center", - duration: 5, - content: `Fail to bridge token: ${e.message}`, - canDelete: true, - transition: { - duration: 0.25, - }, - }); - } - }; - - return ( - - ); -}); diff --git a/packages/fetch-extension/src/pages/bridge/index.tsx b/packages/fetch-extension/src/pages/bridge/index.tsx deleted file mode 100644 index 1c7d35be78..0000000000 --- a/packages/fetch-extension/src/pages/bridge/index.tsx +++ /dev/null @@ -1,155 +0,0 @@ -import React, { FunctionComponent } from "react"; -import style from "./style.module.scss"; -import { useNavigate } from "react-router"; -import { observer } from "mobx-react-lite"; -import { useStore } from "../../stores"; -import { EthereumBridge } from "./ethereum-bridge"; -import { FetchhubBridge } from "./fetchhub-bridge"; -import { HeaderLayout } from "@layouts/header-layout"; -import { Dec, IntPretty } from "@keplr-wallet/unit"; -import { Button } from "reactstrap"; - -export const BridgePage: FunctionComponent = observer(() => { - const { chainStore, queriesStore, analyticsStore } = useStore(); - const navigate = useNavigate(); - - const bridgeEvmQuery = queriesStore.get(chainStore.current.chainId).evm - .queryNativeFetBridge; - const bridgeFetQuery = queriesStore.get(chainStore.current.chainId).cosmwasm - .queryNativeFetBridge; - - const isLoading = bridgeEvmQuery.isFetching || bridgeFetQuery.isFetching; - const isError = - bridgeEvmQuery.error || - bridgeFetQuery.error || - !bridgeEvmQuery.status || - !bridgeFetQuery.status; - const isPaused = - (bridgeEvmQuery.status?.paused ?? true) || - (bridgeFetQuery.status?.paused ?? true); - const isEvmCapReached = bridgeEvmQuery.status - ? new Dec(bridgeEvmQuery.status.supply).gte( - new Dec(bridgeEvmQuery.status.cap) - ) - : true; - const isFetCapReached = bridgeFetQuery.status - ? new Dec(bridgeFetQuery.status.supply).gte( - new Dec(bridgeFetQuery.status.cap) - ) - : true; - - const isEvm = chainStore.current.features?.includes("evm") ?? false; - return ( -- Fetching Bridge details {" "} -
- ) : isError ? ( -- Error fetching bridge details, please try later{" "} -
- ) : isPaused ? ( -- {" "} - Bridge is currently paused. Please try again later{" "} -
- ) : (!isEvm && isFetCapReached) || (isEvm && isEvmCapReached) ? ( -- {" "} - Bridge cap reached. Please try again later{" "} -
- ) : isEvm ? ( -
-
- ) : (
-
-
- )}
-
- {isLoading ? (
-
-
-
-
- ) : proposals.length === 0 ? (
-
-
- ) : (
- proposals.map((proposal: any) => (
-
-
-
- {isLoading ? (
-
-
- )}
-
-
-
-
- ) : (
-
-
-
-
-
- {proposal?.content.title}
-{proposal?.proposal_id}
-
-
-
-
-
-
- {moment(proposal?.voting_start_time) - .utc() - .format("ddd, DD MMM YYYY hh:mm:ss ")} - GMT -
-
-
-
-
- {moment(proposal?.voting_end_time) - .utc() - .format("ddd, DD MMM YYYY hh:mm:ss ")} - GMT -
-
- {proposal && (
-
-
-
- {!closed && (
- {
- if (chainStore.current.govUrl) {
- analyticsStore.logEvent(
- "proposal_view_in_block_explorer_click"
- );
- window.open(`${chainStore.current.govUrl}${id}`, "_blank");
- }
- }}
- >
- ![]({require("@assets/svg/gov-share-blue.svg")})
-
-
- )}
-
-
-
-
-
-
- })
-
- {proposal?.content.title}
-- {`Voted ${text}`} -
-
-
-
-
-
-
- {`m/44'/${
- bip44Option.coinType != null ? bip44Option.coinType : "···"
- }'/`}
- {
- e.preventDefault();
-
- let value = e.target.value;
- if (value) {
- if (value !== "0") {
- // Remove leading zeros
- for (let i = 0; i < value.length; i++) {
- if (value[i] === "0") {
- value = value.replace("0", "");
- } else {
- break;
- }
- }
- }
- const parsed = parseFloat(value);
- // Should be integer and positive.
- if (Number.isInteger(parsed) && parsed >= 0) {
- bip44Option.setAccount(parsed);
- }
- } else {
- bip44Option.setAccount(0);
- }
- }}
- />
- {`'/`}
- {
- e.preventDefault();
-
- let value = e.target.value;
- if (value) {
- if (value !== "0") {
- // Remove leading zeros
- for (let i = 0; i < value.length; i++) {
- if (value[i] === "0") {
- value = value.replace("0", "");
- } else {
- break;
- }
- }
- }
- const parsed = parseFloat(value);
- // Should be integer and positive.
- if (
- Number.isInteger(parsed) &&
- (parsed === 0 || parsed === 1)
- ) {
- bip44Option.setChange(parsed);
- }
- } else {
- bip44Option.setChange(0);
- }
- }}
- />
- /
- {
- e.preventDefault();
-
- let value = e.target.value;
- if (value) {
- if (value !== "0") {
- // Remove leading zeros
- for (let i = 0; i < value.length; i++) {
- if (value[i] === "0") {
- value = value.replace("0", "");
- } else {
- break;
- }
- }
- }
- const parsed = parseFloat(value);
- // Should be integer and positive.
- if (Number.isInteger(parsed) && parsed >= 0) {
- bip44Option.setIndex(parsed);
- }
- } else {
- bip44Option.setIndex(0);
- }
- }}
- />
- setImage("login-google-active")}
- onMouseLeave={() => setImage("login-google-light")}
- onClick={async (e) => {
- e.preventDefault();
- const target = e.target as HTMLElement;
- if (target.tagName === "A") {
- const url = target.getAttribute("href");
- if (url) {
- window.open(url, "_blank"); // Open the URL in a new window
- }
- return;
- }
- try {
- const data = await login();
- const privateKey = await getPrivateKey(data);
- if (!privateKey) return;
- registerConfig.setType("auth");
- registerConfig.setPrivateKey(privateKey);
- const email = await getUserInfo();
- registerConfig.setEmail(email || "");
- await logout();
- } catch (e) {
- } finally {
- analyticsStore.logEvent("continue_with_google_click", {
- registerType: "google",
- });
- }
- }}
- >
-
-
- )}
-
-
-
- );
-};
-
-export const RegisterPage: FunctionComponent = observer(() => {
- const { keyRingStore, uiConfigStore, analyticsStore } = useStore();
-
- useEffect(() => {
- analyticsStore.logEvent("register_page_viewed");
- document.documentElement.setAttribute("data-register-page", "true");
-
- return () => {
- document.documentElement.removeAttribute("data-register-page");
- };
- }, []);
-
- const registerConfig = useRegisterConfig(keyRingStore, [
- ...(AdditionalSignInPrepend ?? []),
- {
- type: "auth",
- intro: AuthIntro,
- page: AuthPage,
- },
- {
- type: TypeNewMnemonic,
- intro: NewMnemonicIntro,
- page: NewMnemonicPage,
- },
- {
- type: TypeRecoverMnemonic,
- intro: RecoverMnemonicIntro,
- page: RecoverMnemonicPage,
- },
- // Currently, there is no way to use ledger with keplr on firefox.
- // Temporarily, hide the ledger usage.
- ...(uiConfigStore.platform !== "firefox"
- ? [
- {
- type: TypeImportLedger,
- intro: ImportLedgerIntro,
- page: ImportLedgerPage,
- },
- ]
- : []),
- {
- type: TypeImportKeystone,
- intro: ImportKeystoneIntro,
- page: ImportKeystonePage,
- },
- // TODO: think about moving this into the configuration at some point
- {
- type: TypeMigrateEth,
- intro: MigrateEthereumAddressIntro,
- page: MigrateEthereumAddressPage,
- },
- ]);
-
- return (
-
-
- {registerConfig.render()}
- {registerConfig.isFinalized ?
- ![logo]({require("@assets/logo-256.svg")})
- ![logo]({require("@assets/brand-text.png")})
-
-
-
-
-
- ) : null}
-
-
- {
- registerConfig.clear();
- analyticsStore.logEvent("back_click", {
- pageName: "Keystone",
- });
- }}
- />
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/register/keystone/introduction.tsx b/packages/fetch-extension/src/pages/register/keystone/introduction.tsx
deleted file mode 100644
index e61ca703e8..0000000000
--- a/packages/fetch-extension/src/pages/register/keystone/introduction.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useState } from "react";
-import { createPortal } from "react-dom";
-import { Button } from "reactstrap";
-import styles from "../style.module.scss";
-
-function Introduction({
- isOpen,
- onClose,
-}: {
- isOpen: boolean;
- onClose: () => void;
-}) {
- return createPortal(
-
- {intl.formatMessage({
- id: "register.name",
- })}
-
-
- e.stopPropagation()}
- >
-
,
- document.body
- );
-}
-
-export function KeystoneIntroduction({ className }: { className: any }) {
- const [isOpen, setIsOpen] = useState(false);
-
- const onClick = (e: any) => {
- e.stopPropagation();
- setIsOpen(true);
- };
-
- return (
-
-
-
-
-
-
- Keystone is a top-notch hardware wallet for optimal security,
- user-friendly interface and extensive compatibility.
-
-
-
- Learn more
-
-
-
-
- {
- registerConfig.clear();
- analyticsStore.logEvent("back_click", {
- pageName: "Ledger",
- });
- }}
- />
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/register/migration/index.tsx b/packages/fetch-extension/src/pages/register/migration/index.tsx
deleted file mode 100644
index 97381428b5..0000000000
--- a/packages/fetch-extension/src/pages/register/migration/index.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React, { FunctionComponent, useState } from "react";
-import { RegisterConfig } from "@keplr-wallet/hooks";
-import { observer } from "mobx-react-lite";
-import { FormattedMessage } from "react-intl";
-import { Button } from "reactstrap";
-import { BackButton } from "../index";
-import { MigrateMetamaskPrivateKeyPage } from "./metamask-privatekey";
-import { useStore } from "../../../stores";
-
-export const TypeMigrateEth = "migrate-from-eth";
-
-enum MigrationMode {
- SELECT_MODE,
- METAMASK_PRIVATE_KEY,
-}
-
-export const MigrateEthereumAddressIntro: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const { analyticsStore } = useStore();
-
- return (
-
- );
-});
-
-const MigrationSelectionPage: FunctionComponent<{
- setMode: (mode: MigrationMode) => void;
- onBack: () => void;
-}> = (props) => {
- const { analyticsStore } = useStore();
- return (
-
- {intl.formatMessage({
- id: "register.name",
- })}
-
-
-
-
- {
- analyticsStore.logEvent("back_click", {
- pageName: "Migrate a Metamask Private Key",
- });
- props.onBack();
- }}
- />
-
- );
-};
-
-export const MigrateEthereumAddressPage: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const [mode, setMode] = useState
+
+
+ );
+};
+
interface FormData {
name: string;
ethAddress: string;
diff --git a/packages/fetch-extension/src/pages/register/mnemonic/hook.ts b/packages/fetch-extension/src/pages/register/mnemonic/hook.ts
deleted file mode 100644
index 69e13a2e51..0000000000
--- a/packages/fetch-extension/src/pages/register/mnemonic/hook.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { action, flow, makeObservable, observable } from "mobx";
-import { RegisterConfig } from "@keplr-wallet/hooks";
-import { useState } from "react";
-import { toGenerator } from "@keplr-wallet/common";
-
-export type NewMnemonicMode = "generate" | "verify";
-
-export enum NumWords {
- WORDS12,
- WORDS24,
-}
-
-export class NewMnemonicConfig {
- @observable
- protected _mode: NewMnemonicMode = "generate";
-
- @observable
- protected _numWords: NumWords = NumWords.WORDS12;
-
- @observable
- protected _mnemonic: string = "";
-
- @observable
- protected _name: string = "";
-
- @observable
- protected _password: string = "";
-
- constructor(protected readonly registerConfig: RegisterConfig) {
- makeObservable(this);
-
- this.setNumWords(this.numWords);
- }
-
- get mode(): NewMnemonicMode {
- return this._mode;
- }
-
- @action
- setMode(mode: NewMnemonicMode) {
- this._mode = mode;
- }
-
- get numWords(): NumWords {
- return this._numWords;
- }
-
- @flow
- *setNumWords(numWords: NumWords) {
- this._numWords = numWords;
- if (numWords === NumWords.WORDS12) {
- this._mnemonic = yield* toGenerator(
- this.registerConfig.generateMnemonic(128)
- );
- } else if (numWords === NumWords.WORDS24) {
- this._mnemonic = yield* toGenerator(
- this.registerConfig.generateMnemonic(256)
- );
- }
- }
-
- get mnemonic(): string {
- return this._mnemonic;
- }
-
- @action
- setMnemonic(mnemonic: string) {
- this._mnemonic = mnemonic;
- }
-
- get name(): string {
- return this._name;
- }
-
- @action
- setName(name: string) {
- this._name = name;
- }
-
- get password(): string {
- return this._password;
- }
-
- @action
- setPassword(password: string) {
- this._password = password;
- }
-}
-
-export const useNewMnemonicConfig = (registerConfig: RegisterConfig) => {
- const [newMnemonicConfig] = useState(
- () => new NewMnemonicConfig(registerConfig)
- );
-
- return newMnemonicConfig;
-};
diff --git a/packages/fetch-extension/src/pages/register/mnemonic/index.ts b/packages/fetch-extension/src/pages/register/mnemonic/index.ts
deleted file mode 100644
index 20b2c2d30e..0000000000
--- a/packages/fetch-extension/src/pages/register/mnemonic/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./hook";
-export * from "./new-mnemonic";
-export * from "./recover-mnemonic";
diff --git a/packages/fetch-extension/src/pages/register/mnemonic/new-mnemonic.tsx b/packages/fetch-extension/src/pages/register/mnemonic/new-mnemonic.tsx
deleted file mode 100644
index 321cb33ce5..0000000000
--- a/packages/fetch-extension/src/pages/register/mnemonic/new-mnemonic.tsx
+++ /dev/null
@@ -1,351 +0,0 @@
-import React, { FunctionComponent, useEffect, useMemo, useState } from "react";
-import { RegisterConfig } from "@keplr-wallet/hooks";
-import { observer } from "mobx-react-lite";
-import { FormattedMessage, useIntl } from "react-intl";
-import { useForm } from "react-hook-form";
-import {
- AdvancedBIP44Option,
- BIP44Option,
- useBIP44Option,
-} from "../advanced-bip44";
-import style from "../style.module.scss";
-import { Alert, Button, ButtonGroup, Form } from "reactstrap";
-import { Input, PasswordInput } from "@components/form";
-import { BackButton } from "../index";
-import { NewMnemonicConfig, NumWords, useNewMnemonicConfig } from "./hook";
-import { useStore } from "../../../stores";
-
-export const TypeNewMnemonic = "new-mnemonic";
-
-interface FormData {
- name: string;
- words: string;
- password: string;
- confirmPassword: string;
-}
-
-export const NewMnemonicIntro: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const { analyticsStore } = useStore();
-
- return (
-
- );
-});
-
-export const NewMnemonicPage: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const newMnemonicConfig = useNewMnemonicConfig(registerConfig);
- const bip44Option = useBIP44Option();
-
- return (
-
-
-
-
-
- {
- registerConfig.clear();
- analyticsStore.logEvent("back_click", {
- pageName: "Create New Account",
- });
- }}
- />
-
- );
-});
-
-export const VerifyMnemonicModePage: FunctionComponent<{
- registerConfig: RegisterConfig;
- newMnemonicConfig: NewMnemonicConfig;
- bip44Option: BIP44Option;
-}> = observer(({ registerConfig, newMnemonicConfig, bip44Option }) => {
- const wordsSlice = useMemo(() => {
- const words = newMnemonicConfig.mnemonic.split(" ");
- for (let i = 0; i < words.length; i++) {
- words[i] = words[i].trim();
- }
- return words;
- }, [newMnemonicConfig.mnemonic]);
-
- const [randomizedWords, setRandomizedWords] = useState
-
- -
-
-
-
-
- -
-
-
-
- {intl.formatMessage({
- id: "register.create.title",
- })}
-
-
-
-
-
-
-
-
-
-
- {
- newMnemonicConfig.setMode("generate");
- analyticsStore.logEvent("back_click", {
- pageName: "Verify New Account",
- });
- }}
- />
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.module.scss b/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.module.scss
deleted file mode 100644
index cf24d0cc16..0000000000
--- a/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.module.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-.container {
- .title {
- display: flex;
- align-items: end;
- }
-
- .dropdown {
- min-width: 160px;
- height: 46px;
-
- button {
- min-width: 160px;
-
- text-align: left;
- font-weight: normal;
- }
-
- :global(.dropdown-toggle) {
- background-color: white;
- box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02) !important;
-
- &:not(:active) {
- border: 1px solid #596e8d;
- }
-
- &::after {
- border-radius: 2px;
- content: " ";
- display: block;
- height: 0.625em;
- margin-top: -0.4375em;
- pointer-events: none;
- position: absolute;
- top: 50%;
- transform: rotate(-45deg);
- transform-origin: center;
- width: 0.625em;
- border: 0 solid black;
- border-bottom-width: 3px;
- border-left-width: 3px;
- right: 1.125em;
- z-index: 4;
- }
- }
-
- :global(.dropdown-menu.show) {
- min-width: 160px;
-
- z-index: 2000;
- }
- }
-
- .alert {
- text-align: center;
-
- font-weight: 600;
- font-size: 16px;
- line-height: 22px;
- color: #fd5778;
- background: #fff7f8;
- border: 1px solid #fd5778;
- border-radius: 16px;
-
- padding: 16px 0;
-
- margin-bottom: 1.5rem;
- }
-}
-
-.mnemonicContainer {
- display: grid;
-
- grid-template-columns: 1fr 1fr 1fr;
- &.private-key {
- grid-template-columns: 1fr;
-
- .mnemonicWordFormGroup {
- flex: 1;
- }
- }
-
- column-gap: 30px;
- row-gap: 20px;
-
- margin-bottom: 1.5rem;
-
- .mnemonicWordContainer {
- display: flex;
- align-items: center;
-
- .order {
- width: 40px;
- }
-
- .mnemonicWordFormGroup {
- margin-bottom: 0;
- }
-
- .mnemonicWord {
- border-radius: 0.375rem !important;
- padding-right: 38px;
- }
- }
-}
-
-.formInnerContainer {
- width: 420px;
-}
diff --git a/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.tsx b/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.tsx
deleted file mode 100644
index dddbf50e05..0000000000
--- a/packages/fetch-extension/src/pages/register/mnemonic/recover-mnemonic.tsx
+++ /dev/null
@@ -1,622 +0,0 @@
-import React, { FunctionComponent, useState } from "react";
-
-import {
- Button,
- ButtonDropdown,
- DropdownItem,
- DropdownMenu,
- DropdownToggle,
- Form,
-} from "reactstrap";
-
-import { FormattedMessage, useIntl } from "react-intl";
-import style from "../style.module.scss";
-import styleRecoverMnemonic from "./recover-mnemonic.module.scss";
-import { BackButton } from "../index";
-import { Input, PasswordInput } from "@components/form";
-import { useForm } from "react-hook-form";
-import { observer } from "mobx-react-lite";
-import { RegisterConfig } from "@keplr-wallet/hooks";
-import { AdvancedBIP44Option, useBIP44Option } from "../advanced-bip44";
-
-import { Buffer } from "buffer/";
-import { useStore } from "../../../stores";
-import classnames from "classnames";
-import { NewMnemonicStep } from "src/pages-new/register/mnemonic";
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const bip39 = require("bip39");
-
-export function isPrivateKey(str: string): boolean {
- if (str.startsWith("0x")) {
- return true;
- }
-
- if (str.length === 64) {
- try {
- return Buffer.from(str, "hex").length === 32;
- } catch {
- return false;
- }
- }
- return false;
-}
-
-function validatePrivateKey(value: string): boolean {
- if (isPrivateKey(value)) {
- value = value.replace("0x", "");
- if (value.length !== 64) {
- return false;
- }
- return (
- Buffer.from(value, "hex").toString("hex").toLowerCase() ===
- value.toLowerCase()
- );
- }
- return false;
-}
-
-interface FormData {
- name: string;
- password: string;
- confirmPassword: string;
-}
-
-export const TypeRecoverMnemonic = "recover-mnemonic";
-
-export const RecoverMnemonicIntro: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const { analyticsStore } = useStore();
-
- return (
-
- );
-});
-
-enum SeedType {
- WORDS12 = "12words",
- WORDS24 = "24words",
- PRIVATE_KEY = "private_key",
-}
-
-export const RecoverMnemonicPage: FunctionComponent<{
- registerConfig: RegisterConfig;
-}> = observer(({ registerConfig }) => {
- const intl = useIntl();
-
- const bip44Option = useBIP44Option();
-
- const { analyticsStore } = useStore();
-
- const {
- register,
- handleSubmit,
- getValues,
- formState: { errors },
- } = useForm
-
-
- {suggestedWords.map((word, i) => {
- return (
-
- );
- })}
-
- -
-
-
-
- {randomizedWords.map((word, i) => {
- return (
-
- );
- })}
-
-
- {
- registerConfig.clear();
- analyticsStore.logEvent("back_click", {
- pageName: "Import Existing Account",
- });
- }}
- />
-
-
- {seedType === SeedType.PRIVATE_KEY
- ? intl.formatMessage({
- id: "register.recover.alt.private-key.title",
- })
- : intl.formatMessage({
- id: "register.recover.title",
- })}
-
-
-
-
- setShowDropdown((value) => !value)}
- >
-
- {seedTypeToParagraph(seedType)}
-
-
- {
- e.preventDefault();
-
- setSeedType(SeedType.WORDS12);
- }}
- >
- {seedTypeToParagraph(SeedType.WORDS12)}
-
- {
- e.preventDefault();
-
- setSeedType(SeedType.WORDS24);
- }}
- >
- {seedTypeToParagraph(SeedType.WORDS24)}
-
- {
- e.preventDefault();
-
- setSeedType(SeedType.PRIVATE_KEY);
- }}
- >
- {seedTypeToParagraph(SeedType.PRIVATE_KEY)}
-
-
-
-
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/send/index.tsx b/packages/fetch-extension/src/pages/send/index.tsx
deleted file mode 100644
index 23eff48ed1..0000000000
--- a/packages/fetch-extension/src/pages/send/index.tsx
+++ /dev/null
@@ -1,451 +0,0 @@
-import React, { FunctionComponent, useEffect, useMemo } from "react";
-import {
- AddressInput,
- FeeButtons,
- CoinInput,
- MemoInput,
-} from "@components/form";
-import { useStore } from "../../stores";
-
-import { HeaderLayout } from "@layouts/index";
-
-import { observer } from "mobx-react-lite";
-
-import style from "./style.module.scss";
-import { useNotification } from "@components/notification";
-
-import { useIntl } from "react-intl";
-import { Button } from "reactstrap";
-
-import { useNavigate, useLocation } from "react-router";
-import queryString from "querystring";
-
-import { useGasSimulator, useSendTxConfig } from "@keplr-wallet/hooks";
-import {
- fitPopupWindow,
- openPopupWindow,
- PopupSize,
-} from "@keplr-wallet/popup";
-import { DenomHelper, ExtensionKVStore } from "@keplr-wallet/common";
-import { TXNTYPE } from "../../config";
-
-export const SendPage: FunctionComponent = observer(() => {
- const navigate = useNavigate();
- let search = useLocation().search;
- if (search.startsWith("?")) {
- search = search.slice(1);
- }
- const query = queryString.parse(search) as {
- defaultDenom: string | undefined;
- defaultRecipient: string | undefined;
- defaultAmount: string | undefined;
- defaultMemo: string | undefined;
- detached: string | undefined;
- };
-
- useEffect(() => {
- // Scroll to top on page mounted.
- if (window.scrollTo) {
- window.scrollTo(0, 0);
- }
- }, []);
-
- const intl = useIntl();
-
- const notification = useNotification();
-
- const {
- chainStore,
- accountStore,
- priceStore,
- queriesStore,
- analyticsStore,
- uiConfigStore,
- } = useStore();
- const current = chainStore.current;
-
- const accountInfo = accountStore.getAccount(current.chainId);
-
- const sendConfigs = useSendTxConfig(
- chainStore,
- queriesStore,
- accountStore,
- current.chainId,
- accountInfo.bech32Address,
- {
- allowHexAddressOnEthermint: true,
- icns: uiConfigStore.icnsInfo,
- computeTerraClassicTax: true,
- }
- );
-
- const gasSimulatorKey = useMemo(() => {
- if (sendConfigs.amountConfig.sendCurrency) {
- const denomHelper = new DenomHelper(
- sendConfigs.amountConfig.sendCurrency.coinMinimalDenom
- );
-
- if (denomHelper.type !== "native") {
- if (denomHelper.type === "cw20") {
- // Probably, the gas can be different per cw20 according to how the contract implemented.
- return `${denomHelper.type}/${denomHelper.contractAddress}`;
- }
-
- return denomHelper.type;
- }
- }
-
- return "native";
- }, [sendConfigs.amountConfig.sendCurrency]);
-
- const gasSimulator = useGasSimulator(
- new ExtensionKVStore("gas-simulator.main.send"),
- chainStore,
- current.chainId,
- sendConfigs.gasConfig,
- sendConfigs.feeConfig,
- gasSimulatorKey,
- () => {
- if (!sendConfigs.amountConfig.sendCurrency) {
- throw new Error("Send currency not set");
- }
-
- // Prefer not to use the gas config or fee config,
- // because gas simulator can change the gas config and fee config from the result of reaction,
- // and it can make repeated reaction.
- if (
- sendConfigs.amountConfig.error != null ||
- sendConfigs.recipientConfig.error != null
- ) {
- throw new Error("Not ready to simulate tx");
- }
-
- const denomHelper = new DenomHelper(
- sendConfigs.amountConfig.sendCurrency.coinMinimalDenom
- );
- // I don't know why, but simulation does not work for secret20
- if (denomHelper.type === "secret20") {
- throw new Error("Simulating secret wasm not supported");
- }
-
- return accountInfo.makeSendTokenTx(
- sendConfigs.amountConfig.amount,
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
- sendConfigs.amountConfig.sendCurrency!,
- sendConfigs.recipientConfig.recipient
- );
- }
- );
-
- useEffect(() => {
- // To simulate secretwasm, we need to include the signature in the tx.
- // With the current structure, this approach is not possible.
- if (
- sendConfigs.amountConfig.sendCurrency &&
- new DenomHelper(sendConfigs.amountConfig.sendCurrency.coinMinimalDenom)
- .type === "secret20"
- ) {
- gasSimulator.forceDisable(
- new Error("Simulating secret20 is not supported")
- );
- sendConfigs.gasConfig.setGas(
- accountInfo.secret.msgOpts.send.secret20.gas
- );
- } else {
- gasSimulator.forceDisable(false);
- gasSimulator.setEnabled(true);
- }
- }, [
- accountInfo.secret.msgOpts.send.secret20.gas,
- gasSimulator,
- sendConfigs.amountConfig.sendCurrency,
- sendConfigs.gasConfig,
- ]);
-
- useEffect(() => {
- if (
- sendConfigs.feeConfig.chainInfo.features &&
- sendConfigs.feeConfig.chainInfo.features.includes("terra-classic-fee")
- ) {
- // When considering stability tax for terra classic.
- // Simulation itself doesn't consider the stability tax send.
- // Thus, it always returns fairly lower gas.
- // To adjust this, for terra classic, increase the default gas adjustment
- gasSimulator.setGasAdjustment(1.6);
- }
- }, [gasSimulator, sendConfigs.feeConfig.chainInfo]);
-
- useEffect(() => {
- if (query.defaultDenom) {
- const currency = current.currencies.find(
- (cur) => cur.coinMinimalDenom === query.defaultDenom
- );
-
- if (currency) {
- sendConfigs.amountConfig.setSendCurrency(currency);
- }
- }
- }, [current.currencies, query.defaultDenom, sendConfigs.amountConfig]);
-
- const isDetachedPage = query.detached === "true";
-
- useEffect(() => {
- if (isDetachedPage) {
- fitPopupWindow();
- }
- }, [isDetachedPage]);
-
- useEffect(() => {
- if (query.defaultRecipient) {
- sendConfigs.recipientConfig.setRawRecipient(query.defaultRecipient);
- }
- if (query.defaultAmount) {
- sendConfigs.amountConfig.setAmount(query.defaultAmount);
- }
- if (query.defaultMemo) {
- sendConfigs.memoConfig.setMemo(query.defaultMemo);
- }
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [query.defaultAmount, query.defaultMemo, query.defaultRecipient]);
-
- const sendConfigError =
- sendConfigs.recipientConfig.error ??
- sendConfigs.amountConfig.error ??
- sendConfigs.memoConfig.error ??
- sendConfigs.gasConfig.error ??
- sendConfigs.feeConfig.error;
- const txStateIsValid = sendConfigError == null;
-
- return (
-
- {intl.formatMessage({
- id: "register.welcome.title",
- })}
-
-
- {intl.formatMessage({
- id: "register.welcome.content",
- })}
-
-
-
- {
- e.preventDefault();
-
- const windowInfo = await browser.windows.getCurrent();
-
- let queryString = `?detached=true&defaultDenom=${sendConfigs.amountConfig.sendCurrency.coinMinimalDenom}`;
- if (sendConfigs.recipientConfig.rawRecipient) {
- queryString += `&defaultRecipient=${sendConfigs.recipientConfig.rawRecipient}`;
- }
- if (sendConfigs.amountConfig.amount) {
- queryString += `&defaultAmount=${sendConfigs.amountConfig.amount}`;
- }
- if (sendConfigs.memoConfig.memo) {
- queryString += `&defaultMemo=${sendConfigs.memoConfig.memo}`;
- }
-
- await openPopupWindow(
- browser.runtime.getURL(`/popup.html#/send${queryString}`),
- undefined,
- {
- top: (windowInfo.top || 0) + 80,
- left:
- (windowInfo.left || 0) +
- (windowInfo.width || 0) -
- PopupSize.width -
- 20,
- }
- );
- window.close();
- }}
- />
-
- )
- }
- >
-
-
-
-
- {chainStore.getChain(selectedChainId).chainName}
-
-
-
-
- {basicAccessInfo.origins.map((origin) => {
- return (
- {
- e.preventDefault();
-
- if (
- await confirm.confirm({
- img: (
- ![unlink]({require("@assets/img/broken-link.svg")})
- ),
- title: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await basicAccessInfo.removeOrigin(origin);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
-
- Get Chain Infos
- {chainStore.chainInfos.map((chainInfo) => {
- return (
- {
- e.preventDefault();
-
- setSelectedChainId(chainInfo.chainId);
- }}
- >
- {chainInfo.chainName}
-
- );
- })}
-
-
- ),
- title: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await basicAccessInfo.removeOrigin(origin);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
- {
- e.preventDefault();
-
- if (
- await confirm.confirm({
- img: (
-
- ),
- title: intl.formatMessage({
- id: "setting.connections.viewing-key.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.viewing-key.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await accessInfo?.removeOrigin(origin);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
- {`${tokenInfo?.tokenInfo?.name} (${tokenInfo?.tokenInfo?.symbol})`}
- {accessInfo?.origins.map((origin) => {
- return (
-
- ),
- title: intl.formatMessage({
- id: "setting.connections.viewing-key.confirm.delete-connection.title",
- }),
- paragraph: intl.formatMessage({
- id: "setting.connections.viewing-key.confirm.delete-connection.paragraph",
- }),
- })
- ) {
- await accessInfo?.removeOrigin(origin);
- }
- }}
- icons={xIcon}
- />
- );
- })}
-
- ![export-to-mobile]({require("@assets/svg/export-to-mobile.svg")})
-
- );
-});
-
-const QRCodeView: FunctionComponent<{
- keyRingData: ExportKeyRingData[];
-
- cancel: () => void;
-}> = observer(({ keyRingData, cancel }) => {
- const { chainStore } = useStore();
-
- const navigate = useNavigate();
- const confirm = useConfirm();
- const intl = useIntl();
-
- const [connector, setConnector] = useState
- ![info]({require("@assets/svg/info-mark.svg")})
-
-
-
-
-
- - Only scan on ASI Mobile Wallet -
-
- Scanning the QR code outside of ASI Mobile Wallet can lead to loss
- of funds
-
-
-
- Scan QR code to export accounts to ASI Mobile Wallet
-
- {keyRingStore.multiKeyStoreInfo.length > 2 ? (
-
- The process may take several minutes
-
- ) : null}
-
-
-
-
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/setting/export-to-mobile/style.module.scss b/packages/fetch-extension/src/pages/setting/export-to-mobile/style.module.scss
deleted file mode 100644
index 349ee1cd4d..0000000000
--- a/packages/fetch-extension/src/pages/setting/export-to-mobile/style.module.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "../../../styles/var";
-
-.container {
- display: flex;
- flex-direction: column;
-
- height: 100%;
-}
diff --git a/packages/fetch-extension/src/pages/setting/export/index.tsx b/packages/fetch-extension/src/pages/setting/export/index.tsx
deleted file mode 100644
index bdbc2ee112..0000000000
--- a/packages/fetch-extension/src/pages/setting/export/index.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, {
- FunctionComponent,
- useCallback,
- useEffect,
- useState,
-} from "react";
-import { HeaderLayout } from "@layouts/index";
-
-import { useNavigate, useLocation, useParams } from "react-router";
-import { FormattedMessage, useIntl } from "react-intl";
-import { PasswordInput } from "@components/form";
-import { Button, Form } from "reactstrap";
-import { useForm } from "react-hook-form";
-import { WarningView } from "./warning-view";
-
-import classnames from "classnames";
-import queryString from "query-string";
-
-import style from "./style.module.scss";
-import { observer } from "mobx-react-lite";
-import { useStore } from "../../../stores";
-import { flowResult } from "mobx";
-
-interface FormData {
- password: string;
-}
-
-export const ExportPage: FunctionComponent = observer(() => {
- const navigate = useNavigate();
- const location = useLocation();
- const { index = "-1 " } = useParams<{ index: string; type?: string }>();
-
- const intl = useIntl();
-
- const { keyRingStore, analyticsStore } = useStore();
-
- const query = queryString.parse(location.search);
-
- const type = query["type"] ?? "mnemonic";
-
- const [loading, setLoading] = useState(false);
- const [keyRing, setKeyRing] = useState("");
-
- const {
- register,
- handleSubmit,
- setError,
- formState: { errors },
- } = useForm
- {
- if (isExpired) {
- return intl.formatMessage({
- id: "setting.export-to-mobile.qr-code-view.expired",
- });
- }
-
- if (qrCodeData) {
- return JSON.stringify(qrCodeData);
- }
-
- return "";
- })()}
- />
-
-
-
- Scan this QR code on ASI Mobile Wallet to export your accounts.
-
-
- {keyRing ? (
-
-
- )}
-
-
- {keyRing}
-
- ) : (
-
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/sign/adr-36.tsx b/packages/fetch-extension/src/pages/sign/adr-36.tsx
deleted file mode 100644
index 145c0c9c9b..0000000000
--- a/packages/fetch-extension/src/pages/sign/adr-36.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import React, { FunctionComponent, useMemo } from "react";
-import { SignDocWrapper } from "@keplr-wallet/cosmos";
-import { observer } from "mobx-react-lite";
-import { useStore } from "../../stores";
-import { Buffer } from "buffer/";
-import { MsgRender } from "./details-tab";
-import styleDetailsTab from "./details-tab.module.scss";
-import { Label } from "reactstrap";
-import { EthSignType } from "@keplr-wallet/types";
-import { renderEvmTxn } from "./evm";
-import { useIntl } from "react-intl";
-import { UnsignedTransaction } from "@ethersproject/transactions";
-
-export const ADR36SignDocDetailsTab: FunctionComponent<{
- signDocWrapper: SignDocWrapper;
- isADR36WithString?: boolean;
- ethSignType?: EthSignType;
- origin?: string;
-}> = observer(({ signDocWrapper, isADR36WithString, ethSignType, origin }) => {
- const { chainStore, accountStore } = useStore();
- const intl = useIntl();
-
- const renderTitleText = () => {
- if (ethSignType && ethSignType === EthSignType.TRANSACTION) {
- return "Sign transaction for";
- }
- return "Prove account ownership to";
- };
-
- let evmRenderedMessage: React.ReactElement | undefined;
-
- const signValue = useMemo(() => {
- if (signDocWrapper.aminoSignDoc.msgs.length !== 1) {
- throw new Error("Sign doc is inproper ADR-36");
- }
-
- const msg = signDocWrapper.aminoSignDoc.msgs[0];
- if (msg.type !== "sign/MsgSignData") {
- throw new Error("Sign doc is inproper ADR-36");
- }
-
- if (isADR36WithString) {
- const str = Buffer.from(msg.value.data, "base64").toString();
- try {
- // In case of json, it is displayed more easily to read.
- return JSON.stringify(JSON.parse(str), null, 2);
- } catch {
- return str;
- }
- } else if (ethSignType === EthSignType.TRANSACTION) {
- try {
- const decoder = new TextDecoder();
- const str = decoder.decode(Buffer.from(msg.value.data, "base64"));
- const txnParams: UnsignedTransaction = JSON.parse(str);
- const msgContent = renderEvmTxn(
- txnParams,
- chainStore.current.feeCurrencies[0],
- chainStore.current.currencies,
- intl
- );
-
- evmRenderedMessage = (
-
-
-
- {txnParams.data && - accountStore.getAccount(chainStore.current.chainId).isNanoLedger ? ( -
-
- ) : null}
-
- Before you click ‘Approve’
-
- -
-
- - Connect your Ledger device and select the Ethereum app - -
- Enable ‘blind signing’ on your Ledger device -
-
- );
-});
diff --git a/packages/fetch-extension/src/pages/sign/amino.tsx b/packages/fetch-extension/src/pages/sign/amino.tsx
deleted file mode 100644
index b7803e6038..0000000000
--- a/packages/fetch-extension/src/pages/sign/amino.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-/* eslint-disable react/display-name */
-
-import {
- CosmosMsgOpts,
- CosmwasmMsgOpts,
- SecretMsgOpts,
-} from "@keplr-wallet/stores";
-import { Currency } from "@keplr-wallet/types";
-import { FormattedMessage, IntlShape } from "react-intl";
-import React from "react";
-import { Bech32Address } from "@keplr-wallet/cosmos";
-import { Hash } from "@keplr-wallet/crypto";
-import {
- MessageObj,
- MsgBeginRedelegate,
- MsgDelegate,
- MsgExecuteContract,
- MsgInstantiateContract,
- MsgLink,
- MsgSend,
- MsgTransfer,
- MsgUndelegate,
- MsgVote,
- MsgWithdrawDelegatorReward,
- renderMsgBeginRedelegate,
- renderMsgDelegate,
- renderMsgExecuteContract,
- renderMsgInstantiateContract,
- renderMsgSend,
- renderMsgTransfer,
- renderMsgUndelegate,
- renderMsgVote,
- renderMsgWithdrawDelegatorReward,
- renderUnknownMessage,
-} from "./messages";
-
-export function renderAminoMessage(
- msgOpts: {
- readonly cosmos: {
- readonly msgOpts: CosmosMsgOpts;
- };
- readonly cosmwasm: {
- readonly msgOpts: CosmwasmMsgOpts;
- };
- readonly secret: {
- readonly msgOpts: SecretMsgOpts;
- };
- },
- msg: MessageObj,
- currencies: Currency[],
- intl: IntlShape
-): {
- icon: string | undefined;
- title: string;
- content: React.ReactElement;
-} {
- try {
- if (msg.type === msgOpts.cosmos.msgOpts.send.native.type) {
- const value = msg.value as MsgSend["value"];
- return renderMsgSend(currencies, intl, value.amount, value.to_address);
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.ibcTransfer.type) {
- const value = msg.value as MsgTransfer["value"];
- return renderMsgTransfer(
- currencies,
- intl,
- value.token,
- value.receiver,
- value.source_channel
- );
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.redelegate.type) {
- const value = msg.value as MsgBeginRedelegate["value"];
- return renderMsgBeginRedelegate(
- currencies,
- intl,
- value.amount,
- value.validator_src_address,
- value.validator_dst_address
- );
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.undelegate.type) {
- const value = msg.value as MsgUndelegate["value"];
- return renderMsgUndelegate(
- currencies,
- intl,
- value.amount,
- value.validator_address
- );
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.delegate.type) {
- const value = msg.value as MsgDelegate["value"];
- return renderMsgDelegate(
- currencies,
- intl,
- value.amount,
- value.validator_address
- );
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.withdrawRewards.type) {
- const value = msg.value as MsgWithdrawDelegatorReward["value"];
- return renderMsgWithdrawDelegatorReward(intl, value.validator_address);
- }
-
- if (msg.type === msgOpts.cosmos.msgOpts.govVote.type) {
- const value = msg.value as MsgVote["value"];
- return renderMsgVote(intl, value.proposal_id, value.option);
- }
-
- if (msg.type === "wasm/MsgInstantiateContract") {
- const value = msg.value as MsgInstantiateContract["value"];
- return renderMsgInstantiateContract(
- currencies,
- intl,
- value.init_funds,
- value.admin,
- value.code_id,
- value.label,
- value.init_msg
- );
- }
-
- if (
- msg.type === msgOpts.cosmwasm.msgOpts.executeWasm.type ||
- msg.type === msgOpts.secret.msgOpts.executeSecretWasm.type
- ) {
- const value = msg.value as MsgExecuteContract["value"];
- return renderMsgExecuteContract(
- currencies,
- intl,
- value.funds ?? value.sent_funds ?? [],
- value.callback_code_hash,
- value.contract,
- value.msg
- );
- }
-
- if (msg.type === "cyber/Link") {
- const value = msg.value as MsgLink["value"];
-
- const cyberlinks: { from: string; to: string }[] = [];
-
- for (const link of value.links) {
- cyberlinks.push({
- from: link.from,
- to: link.to,
- });
- }
-
- return {
- icon: "fas fa-paper-plane",
- title: intl.formatMessage({
- id: "sign.list.message.cyber/Link.title",
- }),
- content: (
-
- {evmRenderedMessage ? (
- evmRenderedMessage
- ) : (
-
- {origin ?? "Unknown"}
-
- )}
-
- {!evmRenderedMessage && (
-
-
-
- )}
-
-
-
-
- {signValue}
-
-
-
- {chainStore.current.chainName}
- , - neuron: Bech32Address.shortenAddress(value.neuron, 20), - link: cyberlinks - .map((link) => { - return `${Hash.truncHashPortion( - link.from, - 7, - 7 - )} → ${Hash.truncHashPortion(link.to, 7, 7)}`; - }) - .join(", "), - }} - /> - ), - }; - } - } catch (e) { - console.log(e); - } - - return renderUnknownMessage(msg); -} diff --git a/packages/fetch-extension/src/pages/sign/data-tab.tsx b/packages/fetch-extension/src/pages/sign/data-tab.tsx deleted file mode 100644 index 049f18f1d3..0000000000 --- a/packages/fetch-extension/src/pages/sign/data-tab.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import React, { FunctionComponent } from "react"; -import { observer } from "mobx-react-lite"; -import { SignDocHelper } from "@keplr-wallet/hooks"; - -import style from "./style.module.scss"; -import { EthSignType } from "@keplr-wallet/types"; - -export const DataTab: FunctionComponent<{ - signDocHelper: SignDocHelper; - ethSignType?: EthSignType; -}> = observer(({ signDocHelper, ethSignType }) => { - if ( - ethSignType === EthSignType.TRANSACTION && - signDocHelper.signDocWrapper && - signDocHelper.signDocWrapper.mode === "amino" && - signDocHelper.signDocWrapper.aminoSignDoc.msgs.length === 1 && - signDocHelper.signDocWrapper.aminoSignDoc.msgs[0].type === - "sign/MsgSignData" - ) { - const decoder = new TextDecoder(); - const jsonStr = decoder.decode( - Buffer.from( - signDocHelper.signDocWrapper.aminoSignDoc.msgs[0].value.data, - "base64" - ) - ); - const ethPayload = JSON.stringify(JSON.parse(jsonStr), undefined, 2); - return
{ethPayload};
- }
-
- const content = JSON.stringify(signDocHelper.signDocJson, undefined, 2);
- return {content};
-});
diff --git a/packages/fetch-extension/src/pages/sign/decimals.spec.ts b/packages/fetch-extension/src/pages/sign/decimals.spec.ts
deleted file mode 100644
index 12a29beb84..0000000000
--- a/packages/fetch-extension/src/pages/sign/decimals.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { clearDecimals } from "./decimals";
-
-describe("clearDecimals", () => {
- it("should return the input string if it does not contain a decimal point", () => {
- const input = "1234";
- expect(clearDecimals(input)).toBe(input);
- });
-
- it("should remove trailing zeros after the decimal point", () => {
- const input = "1234.0000";
- const expected = "1234";
- expect(clearDecimals(input)).toBe(expected);
- });
-
- it("should remove the decimal point if the last character is a dot", () => {
- const input = "1234.";
- const expected = "1234";
- expect(clearDecimals(input)).toBe(expected);
- });
-
- it("should remove trailing zeros and the decimal point if both are present", () => {
- const input = "12.340000";
- const expected = "12.34";
- expect(clearDecimals(input)).toBe(expected);
- });
-
- it("should handle decimals with no trailing zeros", () => {
- const input = "12.34";
- expect(clearDecimals(input)).toBe(input);
- });
-
- it("should handle input with multiple decimal points", () => {
- const input = "12.34.56.000";
- const expected = "12.34.56";
- expect(clearDecimals(input)).toBe(expected);
- });
-
- it("should handle an empty string input", () => {
- const input = "";
- expect(clearDecimals(input)).toBe(input);
- });
-});
diff --git a/packages/fetch-extension/src/pages/sign/decimals.ts b/packages/fetch-extension/src/pages/sign/decimals.ts
deleted file mode 100644
index ee0f9aaa97..0000000000
--- a/packages/fetch-extension/src/pages/sign/decimals.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export function clearDecimals(dec: string): string {
- if (!dec.includes(".")) {
- return dec;
- }
-
- for (let i = dec.length - 1; i >= 0; i--) {
- if (dec[i] === "0") {
- dec = dec.slice(0, dec.length - 1);
- } else {
- break;
- }
- }
- if (dec.length > 0 && dec[dec.length - 1] === ".") {
- dec = dec.slice(0, dec.length - 1);
- }
-
- return dec;
-}
diff --git a/packages/fetch-extension/src/pages/sign/details-tab.module.scss b/packages/fetch-extension/src/pages/sign/details-tab.module.scss
deleted file mode 100644
index 03f53c1053..0000000000
--- a/packages/fetch-extension/src/pages/sign/details-tab.module.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-.hr {
- background-color: gray;
- margin: 0;
- height: 1px;
-}
-
-.container {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-.msgContainer {
- flex: 1;
-
- hr {
- margin: 8px 0;
- }
-
- .msg {
- display: flex;
- flex-direction: row;
-
- .icon {
- display: flex;
- flex-direction: column;
- margin: 0 10px 0 8px;
- width: 24px;
- text-align: center;
-
- i {
- font-size: 20px;
- line-height: 20px;
- }
- }
-
- .contentContainer {
- display: flex;
- flex: 1;
- flex-direction: column;
-
- .contentTitle {
- font-size: 16px;
- font-weight: bold;
- }
-
- .content {
- font-size: 12px;
- color: gray;
- }
- }
- }
-}
-
-.ethLedgerBlindSigningWarning {
- padding: 20px 0;
- background: #f7f9fc;
- border-radius: 6px;
-
- .title {
- font-weight: 600;
- font-size: 14px;
- line-height: 20px;
- color: #323c4a;
- margin-bottom: 10px;
- margin-left: 28px;
- }
-
- .list {
- font-size: 14px;
- line-height: 20px;
- color: #566172;
- padding-inline-start: 36px;
- margin-bottom: 0;
- }
-}
diff --git a/packages/fetch-extension/src/pages/sign/details-tab.tsx b/packages/fetch-extension/src/pages/sign/details-tab.tsx
deleted file mode 100644
index 8528e99872..0000000000
--- a/packages/fetch-extension/src/pages/sign/details-tab.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import React, { FunctionComponent } from "react";
-
-import { observer } from "mobx-react-lite";
-import { useStore } from "../../stores";
-
-import styleDetailsTab from "./details-tab.module.scss";
-
-import { renderAminoMessage } from "./amino";
-import { Msg } from "@keplr-wallet/types";
-import { FormattedMessage, useIntl } from "react-intl";
-import { FeeButtons, MemoInput } from "@components/form";
-import {
- IFeeConfig,
- IGasConfig,
- IMemoConfig,
- SignDocHelper,
-} from "@keplr-wallet/hooks";
-import { useLanguage } from "../../languages";
-import { Badge, Button, Label } from "reactstrap";
-import { renderDirectMessage } from "./direct";
-import { AnyWithUnpacked } from "@keplr-wallet/cosmos";
-import { CoinPretty } from "@keplr-wallet/unit";
-
-export const DetailsTab: FunctionComponent<{
- signDocHelper: SignDocHelper;
- memoConfig: IMemoConfig;
- feeConfig: IFeeConfig;
- gasConfig: IGasConfig;
-
- isInternal: boolean;
-
- preferNoSetFee: boolean;
- preferNoSetMemo: boolean;
-
- isNeedLedgerEthBlindSigning: boolean;
-}> = observer(
- ({
- signDocHelper,
- memoConfig,
- feeConfig,
- gasConfig,
- isInternal,
- preferNoSetFee,
- preferNoSetMemo,
- isNeedLedgerEthBlindSigning,
- }) => {
- const { chainStore, priceStore, accountStore } = useStore();
- const intl = useIntl();
- const language = useLanguage();
-
- const mode = signDocHelper.signDocWrapper
- ? signDocHelper.signDocWrapper.mode
- : "none";
- const msgs = signDocHelper.signDocWrapper
- ? signDocHelper.signDocWrapper.mode === "amino"
- ? signDocHelper.signDocWrapper.aminoSignDoc.msgs
- : signDocHelper.signDocWrapper.protoSignDoc.txMsgs
- : [];
-
- const renderedMsgs = (() => {
- if (mode === "amino") {
- return (msgs as readonly Msg[]).map((msg, i) => {
- const msgContent = renderAminoMessage(
- accountStore.getAccount(chainStore.current.chainId),
- msg,
- chainStore.current.currencies,
- intl
- );
- return (
- -
-
-
-
-
-
- )}
- {!preferNoSetFee || !feeConfig.isManual ? (
-
-
-
- )}
- {isNeedLedgerEthBlindSigning ? (
-
- );
- }
-);
-
-export const MsgRender: FunctionComponent<{
- icon?: string;
- title: string;
-}> = ({ icon = "fas fa-question", title, children }) => {
- return (
-
- {renderedMsgs}
-
-
- {!preferNoSetMemo ? (
-
-
-
- {memoConfig.memo
- ? memoConfig.memo
- : intl.formatMessage({ id: "sign.info.warning.empty-memo" })}
-
-
-
- {
- /*
- Even if the "preferNoSetFee" option is turned on, it provides the way to edit the fee to users.
- However, if the interaction is internal, you can be sure that the fee is set well inside Keplr.
- Therefore, the button is not shown in this case.
- */
- !isInternal ? (
-
- {(() => {
- // To modify the gas in the current component composition,
- // the fee buttons component should be shown.
- // However, if the fee amount is an empty array, the UI to show is ambiguous.
- // Therefore, if the fee amount is an empty array, it is displayed as 0 fee in some asset.
- const feeOrZero =
- feeConfig.fee ??
- (() => {
- if (chainStore.current.feeCurrencies.length === 0) {
- return new CoinPretty(
- chainStore.current.stakeCurrency,
- "0"
- );
- }
-
- return new CoinPretty(
- chainStore.current.feeCurrencies[0],
- "0"
- );
- })();
-
- return (
-
- {feeOrZero.maxDecimals(6).trim(true).toString()}
- {priceStore.calculatePrice(
- feeOrZero,
- language.fiatCurrency
- ) ? (
-
- );
- })()}
-
-
- {priceStore
- .calculatePrice(feeOrZero, language.fiatCurrency)
- ?.toString()}
-
- ) : null}
-
-
-
- ) : null
- }
-
-
- ) : null}
-
- Before you click ‘Approve’
-
- -
-
- Connect your Ledger device and select the Ethereum app -
- Enable ‘blind signing’ on your Ledger device -
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/sign/direct.tsx b/packages/fetch-extension/src/pages/sign/direct.tsx
deleted file mode 100644
index 4f23cf915c..0000000000
--- a/packages/fetch-extension/src/pages/sign/direct.tsx
+++ /dev/null
@@ -1,197 +0,0 @@
-import { Currency } from "@keplr-wallet/types";
-import { IntlShape } from "react-intl";
-import { AnyWithUnpacked, UnknownMessage } from "@keplr-wallet/cosmos";
-import {
- renderGenericMsgGrant,
- renderMsgBeginRedelegate,
- renderMsgDelegate,
- renderMsgExecuteContract,
- renderMsgInstantiateContract,
- renderMsgRevoke,
- renderMsgSend,
- renderMsgTransfer,
- renderMsgUndelegate,
- renderMsgVote,
- renderMsgWithdrawDelegatorReward,
- renderSendMsgGrant,
- renderStakeMsgGrant,
- renderUnknownMessage,
-} from "./messages";
-import { Buffer } from "buffer/";
-import { MsgSend } from "@keplr-wallet/proto-types/cosmos/bank/v1beta1/tx";
-import {
- MsgBeginRedelegate,
- MsgDelegate,
- MsgUndelegate,
-} from "@keplr-wallet/proto-types/cosmos/staking/v1beta1/tx";
-import { MsgVote } from "@keplr-wallet/proto-types/cosmos/gov/v1beta1/tx";
-import { MsgWithdrawDelegatorReward } from "@keplr-wallet/proto-types/cosmos/distribution/v1beta1/tx";
-import {
- MsgExecuteContract,
- MsgInstantiateContract,
-} from "@keplr-wallet/proto-types/cosmwasm/wasm/v1/tx";
-import { MsgTransfer } from "@keplr-wallet/proto-types/ibc/applications/transfer/v1/tx";
-import {
- MsgGrant,
- MsgRevoke,
-} from "@keplr-wallet/proto-types/cosmos/authz/v1beta1/tx";
-import { GenericAuthorization } from "@keplr-wallet/proto-types/cosmos/authz/v1beta1/authz";
-import { SendAuthorization } from "@keplr-wallet/proto-types/cosmos/bank/v1beta1/authz";
-import { StakeAuthorization } from "@keplr-wallet/proto-types/cosmos/staking/v1beta1/authz";
-
-export function renderDirectMessage(
- msg: AnyWithUnpacked,
- currencies: Currency[],
- intl: IntlShape
-) {
- try {
- if (msg instanceof UnknownMessage) {
- return renderUnknownMessage(msg.toJSON());
- }
-
- if ("unpacked" in msg) {
- switch (msg.typeUrl) {
- case "/cosmos.bank.v1beta1.MsgSend": {
- const sendMsg = msg.unpacked as MsgSend;
- return renderMsgSend(
- currencies,
- intl,
- sendMsg.amount,
- sendMsg.toAddress
- );
- }
- case "/cosmos.staking.v1beta1.MsgDelegate": {
- const delegateMsg = msg.unpacked as MsgDelegate;
- if (delegateMsg.amount) {
- return renderMsgDelegate(
- currencies,
- intl,
- delegateMsg.amount,
- delegateMsg.validatorAddress
- );
- }
- break;
- }
- case "/cosmos.staking.v1beta1.MsgBeginRedelegate": {
- const redelegateMsg = msg.unpacked as MsgBeginRedelegate;
- if (redelegateMsg.amount) {
- return renderMsgBeginRedelegate(
- currencies,
- intl,
- redelegateMsg.amount,
- redelegateMsg.validatorSrcAddress,
- redelegateMsg.validatorDstAddress
- );
- }
- break;
- }
- case "/cosmos.staking.v1beta1.MsgUndelegate": {
- const undelegateMsg = msg.unpacked as MsgUndelegate;
- if (undelegateMsg.amount) {
- return renderMsgUndelegate(
- currencies,
- intl,
- undelegateMsg.amount,
- undelegateMsg.validatorAddress
- );
- }
- break;
- }
- case "/cosmwasm.wasm.v1.MsgInstantiateContract": {
- const instantiateContractMsg = msg.unpacked as MsgInstantiateContract;
- return renderMsgInstantiateContract(
- currencies,
- intl,
- instantiateContractMsg.funds,
- instantiateContractMsg.admin,
- instantiateContractMsg.codeId,
- instantiateContractMsg.label,
- JSON.parse(Buffer.from(instantiateContractMsg.msg).toString())
- );
- }
- case "/cosmwasm.wasm.v1.MsgExecuteContract": {
- const executeContractMsg = msg.unpacked as MsgExecuteContract;
- return renderMsgExecuteContract(
- currencies,
- intl,
- executeContractMsg.funds,
- undefined,
- executeContractMsg.contract,
- JSON.parse(Buffer.from(executeContractMsg.msg).toString())
- );
- }
- case "/cosmos.authz.v1beta1.MsgGrant": {
- const grantMsg = msg.unpacked as MsgGrant;
-
- switch (grantMsg.grant?.authorization?.typeUrl) {
- case "/cosmos.bank.v1beta1.SendAuthorization":
- return renderSendMsgGrant(
- currencies,
- intl,
- grantMsg.grantee,
- grantMsg.grant.expiration,
- SendAuthorization.decode(grantMsg.grant.authorization.value)
- );
-
- case "/cosmos.staking.v1beta1.StakeAuthorization":
- return renderStakeMsgGrant(
- currencies,
- intl,
- grantMsg.grantee,
- grantMsg.grant.expiration,
- StakeAuthorization.decode(grantMsg.grant?.authorization.value)
- );
-
- default:
- return renderGenericMsgGrant(
- intl,
- grantMsg.grantee,
- grantMsg.grant?.expiration,
- grantMsg.grant?.authorization?.typeUrl ===
- "/cosmos.authz.v1beta1.GenericAuthorization"
- ? GenericAuthorization.decode(
- grantMsg.grant!.authorization!.value
- ).msg
- : grantMsg.grant!.authorization!.typeUrl
- );
- }
- }
- case "/cosmos.authz.v1beta1.MsgRevoke": {
- const revokeMsg = msg.unpacked as MsgRevoke;
- return renderMsgRevoke(intl, revokeMsg.msgTypeUrl, revokeMsg.grantee);
- }
- case "/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward": {
- const withdrawMsg = msg.unpacked as MsgWithdrawDelegatorReward;
- return renderMsgWithdrawDelegatorReward(
- intl,
- withdrawMsg.validatorAddress
- );
- }
- case "/cosmos.gov.v1beta1.MsgVote": {
- const voteMsg = msg.unpacked as MsgVote;
- return renderMsgVote(intl, voteMsg.proposalId, voteMsg.option);
- }
- case "/ibc.applications.transfer.v1.MsgTransfer": {
- const transferMsg = msg.unpacked as MsgTransfer;
- if (transferMsg.token) {
- return renderMsgTransfer(
- currencies,
- intl,
- transferMsg.token,
- transferMsg.receiver,
- transferMsg.sourceChannel
- );
- }
- break;
- }
- }
- }
- } catch (e) {
- console.log(e);
- }
-
- return renderUnknownMessage({
- typeUrl: msg.typeUrl || "Unknown",
- value: Buffer.from(msg.value).toString("base64"),
- });
-}
diff --git a/packages/fetch-extension/src/pages/sign/evm.tsx b/packages/fetch-extension/src/pages/sign/evm.tsx
deleted file mode 100644
index abb6f8b30e..0000000000
--- a/packages/fetch-extension/src/pages/sign/evm.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/* eslint-disable react/display-name */
-
-import { erc20MetadataInterface } from "@keplr-wallet/stores";
-import { Currency } from "@keplr-wallet/types";
-import { IntlShape } from "react-intl";
-import React from "react";
-import {
- renderMsgEvmExecuteContract,
- renderMsgSend,
- renderUnknownMessage,
-} from "./messages";
-import { UnsignedTransaction } from "@ethersproject/transactions";
-import { BigNumber } from "@ethersproject/bignumber";
-import { DenomHelper } from "@keplr-wallet/common";
-
-export function renderEvmTxn(
- txnParams: UnsignedTransaction,
- nativeCurrency: Currency,
- currencies: Currency[],
- intl: IntlShape
-): {
- icon: string | undefined;
- title: string;
- content: React.ReactElement;
-} {
- try {
- if (
- txnParams.value &&
- BigNumber.from(txnParams.value).gt(0) &&
- !txnParams.data
- ) {
- return renderMsgSend(
- currencies,
- intl,
- [
- {
- amount: BigNumber.from(txnParams.value).toString(),
- denom: nativeCurrency.coinMinimalDenom,
- },
- ],
- txnParams.to ?? "",
- true
- );
- }
-
- if (txnParams.data) {
- const sendCurrency = currencies.find((c) => {
- const coin = new DenomHelper(c.coinMinimalDenom);
- return coin.type === "erc20" && coin.contractAddress === txnParams.to;
- });
-
- if (sendCurrency) {
- const erc20TransferParams = erc20MetadataInterface.parseTransaction({
- data: txnParams.data.toString(),
- value: txnParams.value,
- });
-
- if (erc20TransferParams.name === "transfer") {
- return renderMsgSend(
- currencies,
- intl,
- [
- {
- amount: erc20TransferParams.args["_value"].toString(),
- denom: sendCurrency.coinMinimalDenom,
- },
- ],
- erc20TransferParams.args["_to"],
- true
- );
- }
- }
-
- return renderMsgEvmExecuteContract(
- intl,
- txnParams.value && BigNumber.from(txnParams.value).gt(0)
- ? {
- amount: BigNumber.from(txnParams.value).toString(),
- denom: nativeCurrency.coinMinimalDenom,
- }
- : undefined,
- txnParams
- );
- }
- } catch (e) {
- console.log(e);
- }
-
- return renderUnknownMessage(txnParams);
-}
diff --git a/packages/fetch-extension/src/pages/sign/index.tsx b/packages/fetch-extension/src/pages/sign/index.tsx
deleted file mode 100644
index 4378822519..0000000000
--- a/packages/fetch-extension/src/pages/sign/index.tsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import React, { FunctionComponent, useEffect, useMemo, useState } from "react";
-import { Button } from "reactstrap";
-
-import { HeaderLayout } from "@layouts/index";
-
-import style from "./style.module.scss";
-
-import { useStore } from "../../stores";
-
-import classnames from "classnames";
-import { DataTab } from "./data-tab";
-import { DetailsTab } from "./details-tab";
-import { FormattedMessage, useIntl } from "react-intl";
-
-import { useNavigate } from "react-router";
-import { observer } from "mobx-react-lite";
-import {
- useFeeConfig,
- useInteractionInfo,
- useMemoConfig,
- useSignDocAmountConfig,
- useSignDocHelper,
- useZeroAllowedGasConfig,
-} from "@keplr-wallet/hooks";
-import { ADR36SignDocDetailsTab } from "./adr-36";
-import { ChainIdHelper } from "@keplr-wallet/cosmos";
-import { unescapeHTML } from "@keplr-wallet/common";
-import { EthSignType } from "@keplr-wallet/types";
-
-enum Tab {
- Details,
- Data,
-}
-
-export const SignPage: FunctionComponent = observer(() => {
- const navigate = useNavigate();
-
- const [tab, setTab] = useState
-
-
-
-
-
-
- {title}
- {children}
-
-
- ) : (
-
-
-
-
- {tab === Tab.Data ? (
-
-
- {keyRingStore.keyRingType === "ledger" &&
- signInteractionStore.isLoading ? (
-
- ) : (
-
-
-
-
- )}
-
-
-
-
- )
- }
- , - validator: Bech32Address.shortenAddress(validatorAddress, 24), - amount: `${clearDecimals(parsed.amount)} ${parsed.denom}`, - }} - /> - ), - }; -} - -export function renderMsgDelegate( - currencies: Currency[], - intl: IntlShape, - amount: CoinPrimitive, - validatorAddress: string -) { - const parsed = CoinUtils.parseDecAndDenomFromCoin( - currencies, - new Coin(amount.denom, amount.amount) - ); - - return { - icon: "fas fa-layer-group", - title: intl.formatMessage({ - id: "sign.list.message.cosmos-sdk/MsgDelegate.title", - }), - content: ( -
, - admin: admin ? Bech32Address.shortenAddress(admin, 30) : "", - ["only-admin-exist"]: (...chunks: any[]) => (admin ? chunks : ""), - codeId: codeId, - label: label, - ["only-funds-exist"]: (...chunks: any[]) => - funds.length > 0 ? chunks : "", - funds: funds - .map((coin) => { - return `${coin.amount} ${coin.denom}`; - }) - .join(","), - }} - /> -
-
, - address: Bech32Address.shortenAddress(txnParams.to ?? "", 26, true), - ["only-sent-exist"]: (...chunks: any[]) => (sent ? chunks : ""), - sent: sent ? `${sent.amount} ${sent.denom}` : "", - }} - /> - -
- {txnParams.data?.toString()}
-
- , - address: Bech32Address.shortenAddress(contract, 26), - ["only-sent-exist"]: (...chunks: any[]) => - sent.length > 0 ? chunks : "", - sent: sent - .map((coin) => { - return `${coin.amount} ${coin.denom}`; - }) - .join(","), - }} - /> - {isSecretWasm ? ( -
-
- )} -
, - grantee: Bech32Address.shortenAddress(grantee, 24), - grantType: intl.formatMessage({ - id: stakingGrantTypes[stakingSettings.authorizationType], - }), - expirationDate: intl.formatDate(expiration), - validatorListType: intl.formatMessage({ - id: stakingSettings.allowList?.address.length - ? "sign.list.message.cosmos-sdk/MsgGrant.staking.validatorAllowedLabel" - : "sign.list.message.cosmos-sdk/MsgGrant.staking.validatorDeniedLabel", - }), - validators: intl.formatList( - ( - stakingSettings.allowList?.address || - stakingSettings.denyList?.address || - [] - ).map((valAddress) => Bech32Address.shortenAddress(valAddress, 24)) - ), - maxAmount: parsedMaxAmount - ? `${clearDecimals(parsedMaxAmount.amount)} ${ - parsedMaxAmount.denom - }` - : intl.formatMessage({ - id: "sign.list.message.cosmos-sdk/MsgGrant.unlimited", - }), - }} - /> - ), - }; -} - -export function renderSendMsgGrant( - currencies: Currency[], - intl: IntlShape, - granteeAddress: string, - expiration: Grant["expiration"], - sendSettings: SendAuthorization -) { - const maxAmount = - intl.formatList( - sendSettings.spendLimit - ?.map((amount) => - CoinUtils.parseDecAndDenomFromCoin( - currencies, - new Coin(amount.denom, amount.amount) - ) - ) - ?.map((coin) => `${clearDecimals(coin.amount)} ${coin.denom}`) - ) || - intl.formatMessage({ - id: "sign.list.message.cosmos-sdk/MsgGrant.unlimited", - }); - - return { - icon: "fas fa-key", - title: intl.formatMessage({ - id: "sign.list.message.cosmos-sdk/MsgGrant.title", - }), - content: ( -
, - grantee: Bech32Address.shortenAddress(granteeAddress, 24), - maxAmount, - expirationDate: intl.formatDate(expiration), - }} - /> - ), - }; -} - -export function renderMsgRevoke( - intl: IntlShape, - revokeType: string, - granteeAddress: string -) { - return { - icon: "fas fa-lock", - title: intl.formatMessage({ - id: "sign.list.message.cosmos-sdk/MsgRevoke.title", - }), - content: ( -
- {isOpen ? (
-
-
- ) : null}
-
-
- );
-});
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-export const UnknownMsgView: FunctionComponent<{ msg: object }> = ({ msg }) => {
- const prettyMsg = useMemo(() => {
- try {
- return yaml.dump(msg);
- } catch (e) {
- console.log(e);
- return "Failed to decode the msg";
- }
- }, [msg]);
-
- return (
- {isOpen ? detailsMsg : ""}
- {warningMsg ? {warningMsg}
: null}
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/sign/style.module.scss b/packages/fetch-extension/src/pages/sign/style.module.scss
deleted file mode 100644
index d73383a3fb..0000000000
--- a/packages/fetch-extension/src/pages/sign/style.module.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-@import "../../styles/var";
-
-.tabs {
- ul {
- list-style: none;
- display: flex;
- flex: 1;
- padding: 0;
-
- li {
- flex: 1;
- text-align: center;
- border-bottom-color: #dbdbdb;
- border-bottom-style: solid;
- border-bottom-width: 1px;
- padding-bottom: 8px;
-
- &:global(.active) {
- border-bottom-color: #5e72e4;
- color: #5e72e4;
- }
- }
- }
-
- .tab {
- cursor: pointer;
- text-decoration: none;
- }
-}
-
-.buttons {
- display: flex;
- padding-top: 15px;
-}
-
-.button {
- flex: 1;
-}
-
-.container {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-.tabContainer {
- height: 342px;
- overflow: auto;
- display: flex;
- flex-direction: column;
-
- &.data-tab {
- overflow: auto;
- }
-}
-
-.message {
- margin-bottom: 0px;
- height: 400px;
- font-size: 12px;
- overflow: visible;
- background: transparent;
- word-wrap: break-word;
- white-space: pre-wrap;
- color: white;
- font-size: Lexend;
-}
diff --git a/packages/fetch-extension/src/pages/validator-list/index.tsx b/packages/fetch-extension/src/pages/validator-list/index.tsx
deleted file mode 100644
index 375b461ac8..0000000000
--- a/packages/fetch-extension/src/pages/validator-list/index.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import searchIcon from "@assets/icon/search.png";
-import { Staking } from "@keplr-wallet/stores";
-import { CoinPretty } from "@keplr-wallet/unit";
-import { HeaderLayout } from "@layouts/header-layout";
-import { observer } from "mobx-react-lite";
-import React, { FunctionComponent, useEffect, useState } from "react";
-import { useLocation, useNavigate } from "react-router";
-import { useStore } from "../../stores";
-import { MyValidatorsList } from "./my-validators";
-import style from "./style.module.scss";
-import { ValidatorsList } from "./validators";
-
-type ValidatorData = Staking.Validator & { amount: CoinPretty };
-
-export enum ValidatorOperation {
- VALIDATOR = "validator",
- MY_STAKE = "myStake",
-}
-
-export const ValidatorList: FunctionComponent = observer(() => {
- const navigate = useNavigate();
- const location = useLocation();
- const operation = location.pathname.split("/")[2];
- const [validators, setValidators] = useState<{
- [key in string]: ValidatorData;
- }>({});
- const [filteredValidators, setFilteredValidators] = useState{prettyMsg}
-
-
- {
- localStorage.setItem("validatorTab", ValidatorOperation.VALIDATOR);
- navigate(`/validators/${ValidatorOperation.VALIDATOR}`);
- analyticsStore.logEvent("stake_validators_tab_click");
- }}
- >
- Validators
-
-
- {
- localStorage.setItem("validatorTab", ValidatorOperation.MY_STAKE);
- navigate(`/validators/${ValidatorOperation.MY_STAKE}`);
- }}
- >
- My Stake
-
-
-
- {loading && (
-
- 
- handleFilterValidators(e.target.value)}
- />
-
-
-
- Loading Validators -
- )}
-
- {!loading && operation === ValidatorOperation.VALIDATOR && (
-
-
-
- - Loading Validators -
{
- analyticsStore.logEvent("stake_validator_click", {
- pageName: "My Stake Tab",
- });
- navigate(`/validators/${validator.operator_address}/stake`);
- }}
- >
-
-
-
- {validator.operator_address}
-
- }
- >
-
- {formatAddress(validator.operator_address)}
-
-
-
- {validator.description.moniker}
-
-
-
-
- View in Explorer
-
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/validator-list/my-validator-card/validators.module.scss b/packages/fetch-extension/src/pages/validator-list/my-validator-card/validators.module.scss
deleted file mode 100644
index d848d5ee07..0000000000
--- a/packages/fetch-extension/src/pages/validator-list/my-validator-card/validators.module.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.col {
- text-align: center;
- display: flex;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
- text-transform: capitalize;
-}
-
-.row {
- display: flex;
- justify-content: space-between;
- width: 100%;
-}
-
-.label {
- font-weight: bold;
- text-transform: capitalize;
-}
-
-.address {
- font-style: italic;
- font-size: 12px;
-}
-
-.avatar {
- width: 80px;
- height: 80px;
- line-height: initial;
- text-align: center;
- color: rgb(255, 255, 255);
- border-radius: 100%;
- background: rgb(214, 26, 127);
-}
-.item {
- display: flex;
- flex-direction: column;
- gap: 8px;
- width: 100%;
- padding: 10px;
- background: #ffffff;
- border-radius: 6px;
- cursor: pointer;
- margin: 10px 0px;
-}
-
-.item:hover {
- box-shadow: 0 0 100px 30px #e0e0e0 inset;
-}
-
-.tooltip {
- font-weight: 400;
- font-size: 10px;
- line-height: 10px;
-
- padding: 2px 4px;
-}
diff --git a/packages/fetch-extension/src/pages/validator-list/my-validators/index.tsx b/packages/fetch-extension/src/pages/validator-list/my-validators/index.tsx
deleted file mode 100644
index 362f33ba8d..0000000000
--- a/packages/fetch-extension/src/pages/validator-list/my-validators/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Staking } from "@keplr-wallet/stores";
-import { CoinPretty } from "@keplr-wallet/unit";
-import React from "react";
-import { useStore } from "../../../stores";
-import { MyValidatorCard } from "../my-validator-card";
-
-type ValidatorData = Staking.Validator & { amount: CoinPretty };
-
-export const MyValidatorsList = ({
- filteredValidators,
-}: {
- filteredValidators: ValidatorData[];
-}) => {
- const { chainStore } = useStore();
-
- const filterValidators = (validator: ValidatorData) => {
- return validator.amount
- .toDec()
- .gt(new CoinPretty(validator.amount.currency, "0").toDec());
- };
-
- const sortValidators = (a: ValidatorData, b: ValidatorData) => {
- return (
- parseFloat(b.amount.toDec().toString()) -
- parseFloat(a.amount.toDec().toString())
- );
- };
-
- return (
-
- Staked
-
- {shortenMintingNumber(validator.amount.toDec().toString(), 0)}
- {validator.amount.currency.coinDenom}
-
-
-
- Commission
- {commisionRate}%
-
-
- Status
- {status}
-
- No Validators Found
- )}
- No Validators Found
- )}
-
- {validator && (
-
-
- validator.operator_address != validatorAddress
- )}
- />
- )}
-
-
-
- Current Staked Amount
-
- {amount.maxDecimals(4).trim(true).toString()}
-
-
-
- {operation == ValidatorOperation.STAKE && (
- navigate(`/validators/${validatorAddress}/stake`)}
- >
- Stake
-
-
-
- navigate(`/validators/${validatorAddress}/unstake`)
- }
- >
- Unstake
-
-
- navigate(`/validators/${validatorAddress}/transfer`)
- }
- >
- Redelegate
-
-
-
- {validator && (
-
-
-
-
-
-
- {validator && (
-
- Amount processed with
-
- )}
-
- {validator.description.moniker}
-
- {errorText}
- ) : null}
-
-
- {validatorsList.map((validator) => {
- return (
- {
- analyticsStore.logEvent("stake_validator_click", {
- pageName: "Validator Detail Page",
- });
- setSelectedValidator(validator);
- }}
- >
- {validator.description.moniker}
-
- );
- })}
-
- {errorText}
- ) : null}
-
-
- {errorText}
- ) : null}
-
-
-
-
- {validator.description.details && (
-
-
- {validator.operator_address}
-
- }
- >
-
- {formatAddress(validator.operator_address)}
-
-
-
- {validator.description.website ? (
-
- {validator.description.moniker}
-
- ) : (
- {validator.description.moniker}
- )}
-
-
- Description
- {validator.description.details}
-
- )}
-
-
-
-
- Commission Rate
-
- {commisionRate}% ({maxCommisionRate}% Max)
-
-
-
- Delegated
- {shortenNumber(validator.delegator_shares)}
-
-
- Status
- {status}
-
-
-
-
- View in Explorer for more Details
-
- {validator.jailed && (
-
- APR
-
- {!isFetching ? (
-
- {APR.maxDecimals(2).trim(true).toString()}%
- ) : (
-
-
-
- )}
-
-
- Earned Rewards
-
-
- {!isFetching ? (
-
-
- {!rewards ||
- rewards.length === 0 ||
- parseFloat(
- rewards[0]?.maxDecimals(4).toString().split(" ")[0]
- ) < 0.00001 ? (
- 0
- ) : (
- rewards[0]?.maxDecimals(4).toString()
- )}
-
- ) : (
-
-
-
- )}
- {(!rewards ||
- rewards.length !== 0 ||
- parseFloat(rewards[0]?.maxDecimals(4).toString().split(" ")[0]) >
- 0.00001) && (
-
- )}
-
- This validator is currently jailed. Redelegate your tokens.
-
- )}
-
- );
-};
diff --git a/packages/fetch-extension/src/pages/validator/validator-details/validatordetails.module.scss b/packages/fetch-extension/src/pages/validator/validator-details/validatordetails.module.scss
deleted file mode 100644
index 2d5000d514..0000000000
--- a/packages/fetch-extension/src/pages/validator/validator-details/validatordetails.module.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-.col {
- text-align: center;
- display: flex;
- flex-direction: column;
- gap: 4px;
- font-size: 12px;
-}
-
-.title {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- width: 100%;
- border-bottom: 1px solid lightgray;
- font-size: 14px;
-}
-
-.label {
- font-size: 14px;
- font-weight: bold;
- text-transform: capitalize;
-}
-
-.address {
- font-style: italic;
- font-size: smaller;
-}
-
-.description {
- font-size: 14px;
- display: flex;
- flex-direction: column;
- width: 100%;
- border-bottom: 1px solid lightgray;
-}
-
-.details {
- display: flex;
- justify-content: space-between;
- width: 100%;
- border-bottom: 1px solid lightgray;
-}
-
-.item {
- display: flex;
- flex-direction: column;
- gap: 8px;
- width: 100%;
- padding: 10px;
- background: #ffffff;
- border-radius: 6px;
-}
-
-.tooltip {
- font-weight: 400;
- font-size: 10px;
- line-height: 10px;
-
- padding: 2px 4px;
-}
-.jailed {
- color: red;
- text-align: center;
- font-size: 10px;
-}
-.claimButton {
- font-weight: bold;
- cursor: pointer;
- padding: 0px 13px;
- text-decoration: underline;
- color: #3b82f6;
- border: none;
- background: transparent;
-}