@hot-labs/kit 1.5.4 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/release.yml +1 -1
- package/README.md +5 -5
- package/build/HotBridgeWithdrawal.d.ts +10 -0
- package/build/HotBridgeWithdrawal.js +80 -0
- package/build/HotBridgeWithdrawal.js.map +1 -0
- package/build/{HotConnector.d.ts → HotKit.d.ts} +9 -5
- package/build/{HotConnector.js → HotKit.js} +14 -11
- package/build/HotKit.js.map +1 -0
- package/build/activity.d.ts +10 -12
- package/build/activity.js +28 -67
- package/build/activity.js.map +1 -1
- package/build/core/Intents.d.ts +6 -9
- package/build/core/Intents.js +28 -29
- package/build/core/Intents.js.map +1 -1
- package/build/core/OmniConnector.d.ts +3 -3
- package/build/core/OmniConnector.js +13 -13
- package/build/core/OmniConnector.js.map +1 -1
- package/build/core/OmniWallet.d.ts +3 -2
- package/build/core/OmniWallet.js +5 -5
- package/build/core/OmniWallet.js.map +1 -1
- package/build/core/chains.d.ts +2 -1
- package/build/core/chains.js +1 -0
- package/build/core/chains.js.map +1 -1
- package/build/core/exchange.d.ts +6 -9
- package/build/core/exchange.js +17 -93
- package/build/core/exchange.js.map +1 -1
- package/build/core/pendings.d.ts +43 -0
- package/build/core/pendings.js +169 -0
- package/build/core/pendings.js.map +1 -0
- package/build/core/telemetry.d.ts +3 -3
- package/build/core/telemetry.js +4 -4
- package/build/core/telemetry.js.map +1 -1
- package/build/cosmos/connector.d.ts +2 -2
- package/build/cosmos/connector.js +2 -2
- package/build/cosmos/connector.js.map +1 -1
- package/build/cosmos/index.d.ts +2 -2
- package/build/cosmos/index.js +1 -1
- package/build/cosmos/index.js.map +1 -1
- package/build/defaults.d.ts +1 -1
- package/build/evm/connector.d.ts +4 -4
- package/build/evm/connector.js +2 -2
- package/build/evm/connector.js.map +1 -1
- package/build/evm/index.d.ts +2 -2
- package/build/evm/index.js +1 -1
- package/build/evm/index.js.map +1 -1
- package/build/hocraft/connector.d.ts +3 -3
- package/build/hocraft/connector.js +7 -7
- package/build/hocraft/connector.js.map +1 -1
- package/build/hocraft/index.d.ts +2 -2
- package/build/hocraft/index.js +1 -1
- package/build/hocraft/index.js.map +1 -1
- package/build/hot-wallet/google.d.ts +2 -2
- package/build/hot-wallet/google.js +5 -5
- package/build/hot-wallet/google.js.map +1 -1
- package/build/hot-wallet/index.d.ts +2 -2
- package/build/hot-wallet/index.js +1 -1
- package/build/hot-wallet/index.js.map +1 -1
- package/build/index.d.ts +3 -1
- package/build/index.js +4 -1
- package/build/index.js.map +1 -1
- package/build/near/connector.d.ts +3 -3
- package/build/near/connector.js +4 -4
- package/build/near/connector.js.map +1 -1
- package/build/near/index.d.ts +2 -2
- package/build/near/index.js +1 -1
- package/build/near/index.js.map +1 -1
- package/build/solana/connector.d.ts +4 -4
- package/build/solana/connector.js +2 -2
- package/build/solana/connector.js.map +1 -1
- package/build/solana/index.d.ts +2 -2
- package/build/solana/index.js +1 -1
- package/build/solana/index.js.map +1 -1
- package/build/stellar/connector.d.ts +2 -2
- package/build/stellar/connector.js +3 -3
- package/build/stellar/connector.js.map +1 -1
- package/build/stellar/index.d.ts +2 -2
- package/build/stellar/index.js +1 -1
- package/build/stellar/index.js.map +1 -1
- package/build/storage.d.ts +10 -0
- package/build/storage.js +56 -0
- package/build/storage.js.map +1 -1
- package/build/ton/connector.d.ts +2 -2
- package/build/ton/connector.js +3 -3
- package/build/ton/connector.js.map +1 -1
- package/build/ton/index.d.ts +2 -2
- package/build/ton/index.js +1 -1
- package/build/ton/index.js.map +1 -1
- package/build/tron/connector.d.ts +2 -2
- package/build/tron/connector.js +2 -2
- package/build/tron/connector.js.map +1 -1
- package/build/tron/index.d.ts +2 -2
- package/build/tron/index.js +1 -1
- package/build/tron/index.js.map +1 -1
- package/build/ui/Popup.d.ts +2 -1
- package/build/ui/Popup.js +3 -3
- package/build/ui/Popup.js.map +1 -1
- package/build/ui/bridge/Bridge.d.ts +4 -4
- package/build/ui/bridge/Bridge.js +36 -40
- package/build/ui/bridge/Bridge.js.map +1 -1
- package/build/ui/bridge/SelectRecipient.d.ts +3 -3
- package/build/ui/bridge/SelectRecipient.js +2 -2
- package/build/ui/bridge/SelectSender.d.ts +3 -3
- package/build/ui/bridge/SelectSender.js +2 -2
- package/build/ui/bridge/SelectToken.d.ts +3 -3
- package/build/ui/bridge/SelectToken.js +12 -12
- package/build/ui/bridge/TokenCard.d.ts +10 -8
- package/build/ui/bridge/TokenCard.js +3 -3
- package/build/ui/bridge/TokenCard.js.map +1 -1
- package/build/ui/connect/AuthPopup.d.ts +8 -1
- package/build/ui/connect/AuthPopup.js +2 -20
- package/build/ui/connect/AuthPopup.js.map +1 -1
- package/build/ui/connect/ConnectWallet.d.ts +3 -3
- package/build/ui/connect/ConnectWallet.js +3 -3
- package/build/ui/connect/PrimaryWallet.d.ts +3 -3
- package/build/ui/connect/PrimaryWallet.js +2 -2
- package/build/ui/connect/PrimaryWallet.js.map +1 -1
- package/build/ui/icons/copy.d.ts +1 -0
- package/build/ui/icons/copy.js +5 -0
- package/build/ui/icons/copy.js.map +1 -0
- package/build/ui/icons/warning.d.ts +1 -0
- package/build/ui/icons/warning.js +5 -0
- package/build/ui/icons/warning.js.map +1 -0
- package/build/ui/profile/DepositFlow.d.ts +8 -0
- package/build/ui/profile/DepositFlow.js +13 -0
- package/build/ui/profile/DepositFlow.js.map +1 -0
- package/build/ui/profile/DepositQR.d.ts +4 -2
- package/build/ui/profile/DepositQR.js +25 -4
- package/build/ui/profile/DepositQR.js.map +1 -1
- package/build/ui/profile/Payment.d.ts +6 -9
- package/build/ui/profile/Payment.js +36 -28
- package/build/ui/profile/Payment.js.map +1 -1
- package/build/ui/profile/Profile.d.ts +3 -3
- package/build/ui/profile/Profile.js +18 -52
- package/build/ui/profile/Profile.js.map +1 -1
- package/build/ui/router.d.ts +14 -15
- package/build/ui/router.js +37 -16
- package/build/ui/router.js.map +1 -1
- package/build/ui/toast/index.d.ts +42 -0
- package/build/ui/toast/index.js +165 -0
- package/build/ui/toast/index.js.map +1 -0
- package/build/ui/uikit/button.js +1 -1
- package/build/ui/uikit/checkbox.d.ts +8 -0
- package/build/ui/uikit/checkbox.js +39 -0
- package/build/ui/uikit/checkbox.js.map +1 -0
- package/build/ui/uikit/text.js +27 -27
- package/package.json +1 -1
- package/src/HotBridgeWithdrawal.ts +80 -0
- package/src/{HotConnector.ts → HotKit.ts} +17 -13
- package/src/activity.ts +34 -69
- package/src/core/Intents.ts +22 -36
- package/src/core/OmniConnector.ts +12 -12
- package/src/core/OmniWallet.ts +6 -6
- package/src/core/chains.ts +1 -0
- package/src/core/exchange.ts +19 -89
- package/src/core/pendings.ts +181 -0
- package/src/core/telemetry.ts +3 -3
- package/src/cosmos/connector.ts +3 -3
- package/src/cosmos/index.ts +3 -3
- package/src/evm/connector.ts +3 -3
- package/src/evm/index.ts +2 -2
- package/src/hocraft/connector.ts +6 -6
- package/src/hocraft/index.ts +2 -2
- package/src/hot-wallet/google.ts +6 -6
- package/src/hot-wallet/index.ts +2 -2
- package/src/index.ts +6 -1
- package/src/near/connector.ts +3 -3
- package/src/near/index.ts +2 -2
- package/src/solana/connector.ts +3 -3
- package/src/solana/index.ts +2 -2
- package/src/stellar/connector.ts +4 -4
- package/src/stellar/index.ts +2 -2
- package/src/storage.ts +69 -0
- package/src/ton/connector.ts +4 -4
- package/src/ton/index.ts +2 -2
- package/src/tron/connector.ts +3 -3
- package/src/tron/index.ts +2 -2
- package/src/ui/Popup.tsx +4 -3
- package/src/ui/bridge/Bridge.tsx +43 -46
- package/src/ui/bridge/SelectRecipient.tsx +4 -4
- package/src/ui/bridge/SelectSender.tsx +4 -4
- package/src/ui/bridge/SelectToken.tsx +14 -14
- package/src/ui/bridge/TokenCard.tsx +31 -24
- package/src/ui/connect/AuthPopup.tsx +1 -24
- package/src/ui/connect/ConnectWallet.tsx +5 -5
- package/src/ui/connect/PrimaryWallet.tsx +3 -3
- package/src/ui/icons/copy.tsx +8 -0
- package/src/ui/icons/warning.tsx +10 -0
- package/src/ui/profile/DepositFlow.tsx +27 -0
- package/src/ui/profile/DepositQR.tsx +48 -17
- package/src/ui/profile/Payment.tsx +67 -37
- package/src/ui/profile/Profile.tsx +40 -68
- package/src/ui/router.tsx +48 -21
- package/src/ui/toast/index.tsx +238 -0
- package/src/ui/uikit/button.tsx +1 -1
- package/src/ui/uikit/checkbox.tsx +60 -0
- package/src/ui/uikit/text.tsx +27 -27
- package/build/HotConnector.js.map +0 -1
- package/build/ui/uikit/Toast.d.ts +0 -4
- package/build/ui/uikit/Toast.js +0 -33
- package/build/ui/uikit/Toast.js.map +0 -1
- package/src/ui/uikit/Toast.tsx +0 -45
- package/vite.config.ts +0 -17
package/src/ui/router.tsx
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HotKit } from "../HotKit";
|
|
2
2
|
import { OmniConnector } from "../core/OmniConnector";
|
|
3
3
|
import { OmniWallet } from "../core/OmniWallet";
|
|
4
4
|
|
|
5
5
|
import { BridgeReview } from "../core/exchange";
|
|
6
|
+
import { BridgePending } from "../core/pendings";
|
|
6
7
|
import { WalletType } from "../core/chains";
|
|
7
8
|
import { Recipient } from "../core/recipient";
|
|
8
9
|
import { Intents } from "../core/Intents";
|
|
@@ -22,10 +23,11 @@ import { LogoutPopup } from "./connect/LogoutPopup";
|
|
|
22
23
|
import { WalletPicker } from "./connect/WalletPicker";
|
|
23
24
|
import { Connector } from "./connect/ConnectWallet";
|
|
24
25
|
import { WCRequest } from "./connect/WCRequest";
|
|
25
|
-
import
|
|
26
|
+
import { DepositFlow } from "./profile/DepositFlow";
|
|
27
|
+
import { AuthPopup } from "./connect/AuthPopup";
|
|
26
28
|
|
|
27
29
|
export const openPayment = (
|
|
28
|
-
|
|
30
|
+
kit: HotKit,
|
|
29
31
|
{
|
|
30
32
|
intents,
|
|
31
33
|
title,
|
|
@@ -43,7 +45,7 @@ export const openPayment = (
|
|
|
43
45
|
prepaidAmount: bigint;
|
|
44
46
|
payableToken: Token;
|
|
45
47
|
needAmount: bigint;
|
|
46
|
-
onConfirm: (
|
|
48
|
+
onConfirm: (pending?: BridgePending) => Promise<void>;
|
|
47
49
|
}
|
|
48
50
|
) => {
|
|
49
51
|
return new Promise<void>((resolve, reject) => {
|
|
@@ -51,7 +53,7 @@ export const openPayment = (
|
|
|
51
53
|
<Payment //
|
|
52
54
|
title={title}
|
|
53
55
|
intents={intents}
|
|
54
|
-
|
|
56
|
+
kit={kit}
|
|
55
57
|
needAmount={needAmount}
|
|
56
58
|
prepaidAmount={prepaidAmount}
|
|
57
59
|
allowedTokens={allowedTokens}
|
|
@@ -79,11 +81,11 @@ export const openLogoutPopup = (connector: OmniConnector) => {
|
|
|
79
81
|
});
|
|
80
82
|
};
|
|
81
83
|
|
|
82
|
-
export const openBridge = (
|
|
84
|
+
export const openBridge = (kit: HotKit, setup?: BridgeProps["setup"]) => {
|
|
83
85
|
return new Promise<BridgeReview>((resolve, reject) => {
|
|
84
86
|
present((close) => (
|
|
85
87
|
<Bridge //
|
|
86
|
-
|
|
88
|
+
kit={kit}
|
|
87
89
|
setup={setup}
|
|
88
90
|
onProcess={resolve}
|
|
89
91
|
onClose={() => (close(), reject(new Error("User rejected")))}
|
|
@@ -92,11 +94,34 @@ export const openBridge = (hot: HotConnector, setup?: BridgeProps["setup"]) => {
|
|
|
92
94
|
});
|
|
93
95
|
};
|
|
94
96
|
|
|
95
|
-
export const
|
|
97
|
+
export const openAuthPopup = <T,>(wallet: OmniWallet, then: () => Promise<T>) => {
|
|
98
|
+
return new Promise<T>((resolve, reject) => {
|
|
99
|
+
present((close) => {
|
|
100
|
+
return (
|
|
101
|
+
<AuthPopup
|
|
102
|
+
wallet={wallet}
|
|
103
|
+
onReject={() => (close(), reject())}
|
|
104
|
+
onApprove={async () => {
|
|
105
|
+
try {
|
|
106
|
+
const result = await then();
|
|
107
|
+
resolve(result);
|
|
108
|
+
} catch (e) {
|
|
109
|
+
reject(e);
|
|
110
|
+
} finally {
|
|
111
|
+
close();
|
|
112
|
+
}
|
|
113
|
+
}}
|
|
114
|
+
/>
|
|
115
|
+
);
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
export const openConnector = async (kit: HotKit) => {
|
|
96
121
|
return new Promise<OmniWallet>((resolve, reject) => {
|
|
97
122
|
present((close) => (
|
|
98
123
|
<Connector
|
|
99
|
-
|
|
124
|
+
kit={kit}
|
|
100
125
|
onClose={(wallet) => {
|
|
101
126
|
if (wallet) resolve(wallet);
|
|
102
127
|
else reject(new Error("User rejected"));
|
|
@@ -107,18 +132,24 @@ export const openConnector = async (hot: HotConnector) => {
|
|
|
107
132
|
});
|
|
108
133
|
};
|
|
109
134
|
|
|
110
|
-
export const
|
|
135
|
+
export const openDeposit = (kit: HotKit) => {
|
|
136
|
+
return new Promise<void>((resolve, reject) => {
|
|
137
|
+
present((close) => <DepositFlow kit={kit} onClose={() => (close(), resolve())} />);
|
|
138
|
+
});
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
export const openConnectPrimaryWallet = (kit: HotKit) => {
|
|
111
142
|
return new Promise<void>((resolve) => {
|
|
112
|
-
present((close) => <ConnectPrimaryWallet
|
|
143
|
+
present((close) => <ConnectPrimaryWallet kit={kit} onClose={() => (close(), resolve())} />);
|
|
113
144
|
});
|
|
114
145
|
};
|
|
115
146
|
|
|
116
|
-
export const openProfile = (
|
|
117
|
-
present((close) => <Profile
|
|
147
|
+
export const openProfile = (kit: HotKit) => {
|
|
148
|
+
present((close) => <Profile kit={kit} onClose={close} />);
|
|
118
149
|
};
|
|
119
150
|
|
|
120
|
-
export const openSelectTokenPopup = ({
|
|
121
|
-
present((close) => <SelectTokenPopup
|
|
151
|
+
export const openSelectTokenPopup = ({ kit, initialChain, onSelect }: { kit: HotKit; initialChain?: number; onSelect: (token: Token, wallet?: OmniWallet) => void }) => {
|
|
152
|
+
present((close) => <SelectTokenPopup kit={kit} initialChain={initialChain} onClose={close} onSelect={(t, w) => (onSelect(t, w), close())} />);
|
|
122
153
|
};
|
|
123
154
|
|
|
124
155
|
export const openWalletPicker = (connector: OmniConnector, onSelect?: (wallet: OmniWallet) => void) => {
|
|
@@ -133,11 +164,11 @@ export const openWalletPicker = (connector: OmniConnector, onSelect?: (wallet: O
|
|
|
133
164
|
});
|
|
134
165
|
};
|
|
135
166
|
|
|
136
|
-
export const openSelectSender = (props: {
|
|
167
|
+
export const openSelectSender = (props: { kit: HotKit; type: WalletType; onSelect: (wallet?: OmniWallet | "qr") => void }) => {
|
|
137
168
|
present((close) => <SelectSender {...props} onClose={close} />);
|
|
138
169
|
};
|
|
139
170
|
|
|
140
|
-
export const openSelectRecipient = (props: {
|
|
171
|
+
export const openSelectRecipient = (props: { kit: HotKit; recipient?: Recipient; chain: number; onSelect: (wallet?: Recipient) => void }) => {
|
|
141
172
|
present((close) => <SelectRecipient {...props} onClose={close} />);
|
|
142
173
|
};
|
|
143
174
|
|
|
@@ -146,7 +177,3 @@ export const openWCRequest = <T,>(args: { task: () => Promise<T>; deeplink?: str
|
|
|
146
177
|
present((close) => <WCRequest deeplink={args.deeplink} name={args.name} icon={args.icon} onClose={close} task={taskPromise} />);
|
|
147
178
|
return taskPromise;
|
|
148
179
|
};
|
|
149
|
-
|
|
150
|
-
export const openToast = (message: string) => {
|
|
151
|
-
return present(() => <Toast message={message} />);
|
|
152
|
-
};
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
import { observer } from "mobx-react-lite";
|
|
2
|
+
import { action, makeObservable, observable } from "mobx";
|
|
3
|
+
import { createRoot } from "react-dom/client";
|
|
4
|
+
import styled from "styled-components";
|
|
5
|
+
import uuid4 from "uuid4";
|
|
6
|
+
|
|
7
|
+
import { PSmall } from "../uikit/text";
|
|
8
|
+
|
|
9
|
+
export interface ToastConfig {
|
|
10
|
+
id: string;
|
|
11
|
+
message: string;
|
|
12
|
+
type: "success" | "failed" | "pending";
|
|
13
|
+
progressText?: string;
|
|
14
|
+
progress?: number;
|
|
15
|
+
duration?: number;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface ToastController extends ToastConfig {
|
|
19
|
+
timer: NodeJS.Timeout | null;
|
|
20
|
+
update: (config: Partial<ToastConfig>) => void;
|
|
21
|
+
dismiss: () => void;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export class ToastManager {
|
|
25
|
+
root: HTMLDivElement | null = null;
|
|
26
|
+
toasts: ToastController[] = [];
|
|
27
|
+
|
|
28
|
+
constructor() {
|
|
29
|
+
makeObservable(this, {
|
|
30
|
+
toasts: observable,
|
|
31
|
+
present: action,
|
|
32
|
+
dismiss: action,
|
|
33
|
+
update: action,
|
|
34
|
+
mount: action,
|
|
35
|
+
unmount: action,
|
|
36
|
+
pending: action,
|
|
37
|
+
success: action,
|
|
38
|
+
failed: action,
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
mount() {
|
|
43
|
+
if (document.getElementById("toast-root")) return;
|
|
44
|
+
if (this.root) return;
|
|
45
|
+
|
|
46
|
+
const root = document.createElement("div");
|
|
47
|
+
root.id = "toast-root";
|
|
48
|
+
document.body.appendChild(root);
|
|
49
|
+
createRoot(root).render(<ToastProvider manager={this} />);
|
|
50
|
+
this.root = root;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
unmount() {
|
|
54
|
+
if (!this.root) return;
|
|
55
|
+
this.root.remove();
|
|
56
|
+
this.root = null;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
pending(message: string) {
|
|
60
|
+
return this.present({ message, type: "pending", duration: Infinity });
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
success(message: string) {
|
|
64
|
+
return this.present({ message, type: "success" });
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
failed(message: string) {
|
|
68
|
+
return this.present({ message, type: "failed" });
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
present(config: Omit<ToastConfig, "id">) {
|
|
72
|
+
this.mount();
|
|
73
|
+
const id = uuid4();
|
|
74
|
+
let timer: NodeJS.Timeout | null = null;
|
|
75
|
+
|
|
76
|
+
if (config.duration !== Infinity) {
|
|
77
|
+
timer = setTimeout(() => this.dismiss(id), config.duration || 3000);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
const toast: ToastController & { timer: NodeJS.Timeout | null; update: (config: Partial<ToastConfig>) => void; dismiss: () => void } = {
|
|
81
|
+
update: (config: Partial<ToastConfig>) => this.update(id, config),
|
|
82
|
+
dismiss: () => this.dismiss(id),
|
|
83
|
+
progressText: config.progressText,
|
|
84
|
+
message: config.message,
|
|
85
|
+
type: config.type,
|
|
86
|
+
timer: timer,
|
|
87
|
+
id,
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
this.toasts.unshift(toast);
|
|
91
|
+
return toast;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
update(id: string, config: Partial<Omit<ToastConfig, "id">>) {
|
|
95
|
+
const toast = this.toasts.find((toast) => toast.id === id);
|
|
96
|
+
if (!toast) return;
|
|
97
|
+
|
|
98
|
+
toast.message = config.message || toast.message;
|
|
99
|
+
toast.duration = config.duration || toast.duration;
|
|
100
|
+
toast.progress = config.progress || toast.progress;
|
|
101
|
+
toast.progressText = config.progressText || toast.progressText;
|
|
102
|
+
toast.type = config.type || toast.type;
|
|
103
|
+
|
|
104
|
+
if (config.duration) {
|
|
105
|
+
if (toast.timer) clearTimeout(toast.timer);
|
|
106
|
+
if (config.duration === Infinity) toast.timer = null;
|
|
107
|
+
else toast.timer = setTimeout(() => this.dismiss(id), config.duration);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
dismiss(id: string) {
|
|
112
|
+
this.toasts = this.toasts.filter((toast) => toast.id !== id);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
const ToastProvider = observer(({ manager }: { manager: ToastManager }) => {
|
|
117
|
+
return (
|
|
118
|
+
<Root>
|
|
119
|
+
{manager.toasts.map((toast) => (
|
|
120
|
+
<Toast key={toast.id} toast={toast} />
|
|
121
|
+
))}
|
|
122
|
+
</Root>
|
|
123
|
+
);
|
|
124
|
+
});
|
|
125
|
+
|
|
126
|
+
const Toast = observer(({ toast }: { toast: ToastController }) => {
|
|
127
|
+
return (
|
|
128
|
+
<Container onClick={() => toast.dismiss()} $type={toast.type}>
|
|
129
|
+
<ToastHeader>
|
|
130
|
+
{toast.type === "success" && <SuccessIcon />}
|
|
131
|
+
{toast.type === "failed" && <ErrorIcon />}
|
|
132
|
+
{toast.type === "pending" && <CircleLoader />}
|
|
133
|
+
<PSmall style={{ color: "#fff", fontWeight: "bold" }}>{toast.message}</PSmall>
|
|
134
|
+
</ToastHeader>
|
|
135
|
+
|
|
136
|
+
{toast.progressText && (
|
|
137
|
+
<ToastContent>
|
|
138
|
+
<PSmall>{toast.progressText}</PSmall>
|
|
139
|
+
</ToastContent>
|
|
140
|
+
)}
|
|
141
|
+
</Container>
|
|
142
|
+
);
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
const SuccessIcon = () => (
|
|
146
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
147
|
+
<path
|
|
148
|
+
d="M11.7434 2.00439C17.2643 1.86277 21.8544 6.22285 21.9963 11.7437C22.138 17.2647 17.7771 21.8559 12.2561 21.9976C6.73539 22.139 2.14498 17.7781 2.00317 12.2573C1.86153 6.7364 6.22251 2.1462 11.7434 2.00439ZM18.0481 8.31299C17.7633 8.01235 17.2883 7.99898 16.9875 8.28369L10.5208 14.4097L7.00024 11.2095C6.69387 10.931 6.21934 10.9531 5.94067 11.2593C5.6623 11.5657 5.68436 12.0402 5.99048 12.3188L10.0276 15.9888L10.5422 16.4565L11.0471 15.978L18.0198 9.37354C18.3204 9.08874 18.3327 8.61369 18.0481 8.31299Z"
|
|
149
|
+
fill="#00DE93"
|
|
150
|
+
/>
|
|
151
|
+
</svg>
|
|
152
|
+
);
|
|
153
|
+
|
|
154
|
+
const ErrorIcon = () => (
|
|
155
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
156
|
+
<path
|
|
157
|
+
d="M11.7424 2.00537C17.2633 1.86369 21.8534 6.22385 21.9954 11.7446C22.1368 17.2655 17.776 21.8569 12.2551 21.9985C6.73479 22.1396 2.14419 17.7787 2.0022 12.2583C1.86056 6.73754 6.22177 2.14744 11.7424 2.00537ZM12.0002 14.2505C11.586 14.2505 11.2502 14.5863 11.2502 15.0005V15.5005C11.2504 15.9146 11.5861 16.2505 12.0002 16.2505C12.4142 16.2503 12.7501 15.9145 12.7502 15.5005V15.0005C12.7502 14.5864 12.4143 14.2506 12.0002 14.2505ZM12.0002 7.25049C11.586 7.25049 11.2502 7.58627 11.2502 8.00049V13.0005C11.2504 13.4146 11.5861 13.7505 12.0002 13.7505C12.4142 13.7503 12.7501 13.4145 12.7502 13.0005V8.00049C12.7502 7.58637 12.4143 7.25065 12.0002 7.25049Z"
|
|
158
|
+
fill="#F34747"
|
|
159
|
+
/>
|
|
160
|
+
</svg>
|
|
161
|
+
);
|
|
162
|
+
|
|
163
|
+
const CircleLoader = () => (
|
|
164
|
+
<svg width="20" height="20" viewBox="0 0 24 24">
|
|
165
|
+
<circle cx="12" cy="12" r="10" stroke="#FDBF1E" strokeWidth="3" fill="none" strokeLinecap="round" strokeDasharray="40" strokeDashoffset="0">
|
|
166
|
+
<animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.8s" repeatCount="indefinite" />
|
|
167
|
+
</circle>
|
|
168
|
+
</svg>
|
|
169
|
+
);
|
|
170
|
+
|
|
171
|
+
const Root = styled.div`
|
|
172
|
+
position: fixed;
|
|
173
|
+
bottom: 48px;
|
|
174
|
+
left: 12px;
|
|
175
|
+
right: 12px;
|
|
176
|
+
display: flex;
|
|
177
|
+
flex-direction: column;
|
|
178
|
+
gap: 12px;
|
|
179
|
+
z-index: 1000000000;
|
|
180
|
+
`;
|
|
181
|
+
|
|
182
|
+
const ToastContent = styled.div`
|
|
183
|
+
display: flex;
|
|
184
|
+
flex-direction: column;
|
|
185
|
+
background: var(--surface-container, #1f1f1f);
|
|
186
|
+
padding: 8px 12px;
|
|
187
|
+
gap: 4px;
|
|
188
|
+
`;
|
|
189
|
+
|
|
190
|
+
const ToastHeader = styled.div`
|
|
191
|
+
display: flex;
|
|
192
|
+
padding: 12px;
|
|
193
|
+
align-items: center;
|
|
194
|
+
padding: 12px;
|
|
195
|
+
gap: 12px;
|
|
196
|
+
`;
|
|
197
|
+
|
|
198
|
+
const Container = styled.div<{ $type: "success" | "failed" | "pending" }>`
|
|
199
|
+
border-radius: var(--border-radius-16, 16px);
|
|
200
|
+
border: 1px solid var(--border-border-default, #323232);
|
|
201
|
+
background: var(--surface-container-high, #272727);
|
|
202
|
+
box-shadow: -6px 6px 16px 0 rgba(0, 0, 0, 0.6);
|
|
203
|
+
overflow: hidden;
|
|
204
|
+
position: relative;
|
|
205
|
+
|
|
206
|
+
cursor: pointer;
|
|
207
|
+
width: 320px;
|
|
208
|
+
|
|
209
|
+
&::before {
|
|
210
|
+
content: "";
|
|
211
|
+
border-radius: 292px;
|
|
212
|
+
background: ${(props) => (props.$type === "success" ? "rgba(0, 222, 147, 0.08)" : props.$type === "failed" ? "rgba(243, 71, 71, 0.08)" : "rgba(253, 191, 30, 0.08)")};
|
|
213
|
+
filter: blur(14px);
|
|
214
|
+
position: absolute;
|
|
215
|
+
right: 33px;
|
|
216
|
+
top: -15px;
|
|
217
|
+
width: 292px;
|
|
218
|
+
height: 33px;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
&:hover {
|
|
222
|
+
transform: scale(1.02);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
animation: fadeIn 0.3s ease-in-out;
|
|
226
|
+
transition: 0.2s transform;
|
|
227
|
+
|
|
228
|
+
@keyframes fadeIn {
|
|
229
|
+
from {
|
|
230
|
+
opacity: 0;
|
|
231
|
+
transform: translateY(8px);
|
|
232
|
+
}
|
|
233
|
+
to {
|
|
234
|
+
opacity: 1;
|
|
235
|
+
transform: translateY(0);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
`;
|
package/src/ui/uikit/button.tsx
CHANGED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
|
|
3
|
+
export const Checkbox = ({ value, onChange, children }: { value: boolean; onChange: (value: boolean) => void; children: React.ReactNode }) => {
|
|
4
|
+
return (
|
|
5
|
+
<CheckboxWrap checked={value}>
|
|
6
|
+
<div>
|
|
7
|
+
{value && <CheckboxIcon />}
|
|
8
|
+
<input type="checkbox" checked={value} onChange={() => onChange(!value)} />
|
|
9
|
+
</div>
|
|
10
|
+
{children}
|
|
11
|
+
</CheckboxWrap>
|
|
12
|
+
);
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export const CheckboxWrap = styled.label<{ checked: boolean }>`
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
gap: 8px;
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
|
|
22
|
+
div {
|
|
23
|
+
width: 16px;
|
|
24
|
+
height: 16px;
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
border: ${({ checked }) => (checked ? "transparent" : "1px solid rgba(255, 255, 255, 0.17)")};
|
|
27
|
+
background: ${({ checked }) => (checked ? "#fff" : "transparent")};
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
position: relative;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
input {
|
|
36
|
+
opacity: 0;
|
|
37
|
+
width: 16px;
|
|
38
|
+
height: 16px;
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
position: absolute;
|
|
41
|
+
top: 0;
|
|
42
|
+
left: 0;
|
|
43
|
+
}
|
|
44
|
+
`;
|
|
45
|
+
|
|
46
|
+
const CheckboxIcon = () => {
|
|
47
|
+
return (
|
|
48
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
49
|
+
<rect width="16" height="16" rx="4" fill="#FDBF1E" />
|
|
50
|
+
<path
|
|
51
|
+
d="M11.4917 5.40918C11.642 5.26695 11.8796 5.27368 12.022 5.42383C12.1643 5.57419 12.1576 5.81172 12.0073 5.9541L7.25732 10.4541L7.00439 10.6934L6.74756 10.459L3.99756 7.95898C3.84459 7.81976 3.83325 7.58289 3.97217 7.42969C4.1114 7.27653 4.34821 7.26524 4.50146 7.4043L6.99365 9.66992L11.4917 5.40918Z"
|
|
52
|
+
fill="black"
|
|
53
|
+
stroke="black"
|
|
54
|
+
stroke-width="1"
|
|
55
|
+
stroke-linecap="round"
|
|
56
|
+
stroke-linejoin="round"
|
|
57
|
+
/>
|
|
58
|
+
</svg>
|
|
59
|
+
);
|
|
60
|
+
};
|
package/src/ui/uikit/text.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
2
|
|
|
3
3
|
export const PSmall = styled.p`
|
|
4
|
-
color:
|
|
5
|
-
font-family:
|
|
6
|
-
font-size:
|
|
7
|
-
line-height:
|
|
4
|
+
color: #bfbfbf;
|
|
5
|
+
font-family: "Golos Text";
|
|
6
|
+
font-size: 14px;
|
|
7
|
+
line-height: 20px;
|
|
8
8
|
letter-spacing: -0.14px;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 400;
|
|
@@ -12,10 +12,10 @@ export const PSmall = styled.p`
|
|
|
12
12
|
`;
|
|
13
13
|
|
|
14
14
|
export const PMedium = styled.p`
|
|
15
|
-
color:
|
|
16
|
-
font-family:
|
|
17
|
-
font-size:
|
|
18
|
-
line-height:
|
|
15
|
+
color: #fff;
|
|
16
|
+
font-family: "Golos Text";
|
|
17
|
+
font-size: 16px;
|
|
18
|
+
line-height: 22px;
|
|
19
19
|
letter-spacing: -0.16px;
|
|
20
20
|
font-style: normal;
|
|
21
21
|
font-weight: 500;
|
|
@@ -23,10 +23,10 @@ export const PMedium = styled.p`
|
|
|
23
23
|
`;
|
|
24
24
|
|
|
25
25
|
export const PLarge = styled.p`
|
|
26
|
-
color:
|
|
27
|
-
font-family:
|
|
28
|
-
font-size:
|
|
29
|
-
line-height:
|
|
26
|
+
color: #fff;
|
|
27
|
+
font-family: "Golos Text";
|
|
28
|
+
font-size: 18px;
|
|
29
|
+
line-height: 24px;
|
|
30
30
|
font-style: normal;
|
|
31
31
|
font-weight: 500;
|
|
32
32
|
letter-spacing: -0.18px;
|
|
@@ -34,10 +34,10 @@ export const PLarge = styled.p`
|
|
|
34
34
|
`;
|
|
35
35
|
|
|
36
36
|
export const PTiny = styled.p`
|
|
37
|
-
color:
|
|
38
|
-
font-family:
|
|
39
|
-
font-size:
|
|
40
|
-
line-height:
|
|
37
|
+
color: #fff;
|
|
38
|
+
font-family: "Golos Text";
|
|
39
|
+
font-size: 12px;
|
|
40
|
+
line-height: 16px;
|
|
41
41
|
letter-spacing: -0.12px;
|
|
42
42
|
font-style: normal;
|
|
43
43
|
font-weight: 400;
|
|
@@ -45,31 +45,31 @@ export const PTiny = styled.p`
|
|
|
45
45
|
`;
|
|
46
46
|
|
|
47
47
|
export const H5 = styled.h5`
|
|
48
|
-
color:
|
|
49
|
-
font-family:
|
|
50
|
-
font-size:
|
|
51
|
-
line-height:
|
|
48
|
+
color: #fff;
|
|
49
|
+
font-family: "Golos Text";
|
|
50
|
+
font-size: 24px;
|
|
51
|
+
line-height: 32px;
|
|
52
52
|
font-style: normal;
|
|
53
|
-
font-weight:
|
|
53
|
+
font-weight: bold;
|
|
54
54
|
margin: 0;
|
|
55
55
|
`;
|
|
56
56
|
|
|
57
57
|
export const H4 = styled.h4`
|
|
58
58
|
color: var(--text-text-primary, #fff);
|
|
59
59
|
font-family: var(--font-family-headings, "Golos Text");
|
|
60
|
-
font-size:
|
|
61
|
-
line-height:
|
|
60
|
+
font-size: 32px;
|
|
61
|
+
line-height: 44px;
|
|
62
62
|
font-style: normal;
|
|
63
|
-
font-weight:
|
|
63
|
+
font-weight: bold;
|
|
64
64
|
margin: 0;
|
|
65
65
|
`;
|
|
66
66
|
|
|
67
67
|
export const H6 = styled.h6`
|
|
68
68
|
color: var(--text-text-primary, #fff);
|
|
69
69
|
font-family: var(--font-family-headings, "Golos Text");
|
|
70
|
-
font-size:
|
|
70
|
+
font-size: 20px;
|
|
71
71
|
font-style: normal;
|
|
72
|
-
font-weight:
|
|
73
|
-
line-height:
|
|
72
|
+
font-weight: bold;
|
|
73
|
+
line-height: 28px;
|
|
74
74
|
margin: 0;
|
|
75
75
|
`;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HotConnector.js","sourceRoot":"","sources":["../src/HotConnector.ts"],"names":[],"mappings":"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"}
|
package/build/ui/uikit/Toast.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { Loader } from "./loader";
|
|
4
|
-
const Toast = ({ message }) => {
|
|
5
|
-
return (_jsxs(ToastRoot, { children: [_jsx("div", { style: { width: 44, height: 44, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: 12, background: "rgba(255, 255, 255, 0.07)" }, children: _jsx(Loader, {}) }), _jsxs("div", { children: [_jsx("p", { style: { color: "#ADA5A4" }, children: "Executing transaction" }), _jsx("p", { style: { marginTop: 2 }, children: message })] })] }));
|
|
6
|
-
};
|
|
7
|
-
export default Toast;
|
|
8
|
-
const ToastRoot = styled.div `
|
|
9
|
-
position: fixed;
|
|
10
|
-
bottom: 48px;
|
|
11
|
-
left: 12px;
|
|
12
|
-
right: 12px;
|
|
13
|
-
background: var(--surface-common-container--low, #262729);
|
|
14
|
-
border: 1px solid var(--border-lowest, rgba(255, 255, 255, 0.07));
|
|
15
|
-
border-radius: 8px;
|
|
16
|
-
padding: 12px;
|
|
17
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: space-between;
|
|
21
|
-
z-index: 1000000000;
|
|
22
|
-
width: fit-content;
|
|
23
|
-
padding-right: 24px;
|
|
24
|
-
gap: 12px;
|
|
25
|
-
|
|
26
|
-
p {
|
|
27
|
-
color: var(--text-primary, #fff);
|
|
28
|
-
font-size: 16px;
|
|
29
|
-
font-weight: 500;
|
|
30
|
-
margin: 0;
|
|
31
|
-
}
|
|
32
|
-
`;
|
|
33
|
-
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/ui/uikit/Toast.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,KAAK,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IACjD,OAAO,CACL,MAAC,SAAS,eACR,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,EAAE,2BAA2B,EAAE,YAC/J,KAAC,MAAM,KAAG,GACN,EAEN,0BACE,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,sCAA2B,EACzD,YAAG,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAG,OAAO,GAAK,IACrC,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC;AAErB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB3B,CAAC"}
|
package/src/ui/uikit/Toast.tsx
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
import { Loader } from "./loader";
|
|
3
|
-
|
|
4
|
-
const Toast = ({ message }: { message: string }) => {
|
|
5
|
-
return (
|
|
6
|
-
<ToastRoot>
|
|
7
|
-
<div style={{ width: 44, height: 44, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: 12, background: "rgba(255, 255, 255, 0.07)" }}>
|
|
8
|
-
<Loader />
|
|
9
|
-
</div>
|
|
10
|
-
|
|
11
|
-
<div>
|
|
12
|
-
<p style={{ color: "#ADA5A4" }}>Executing transaction</p>
|
|
13
|
-
<p style={{ marginTop: 2 }}>{message}</p>
|
|
14
|
-
</div>
|
|
15
|
-
</ToastRoot>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default Toast;
|
|
20
|
-
|
|
21
|
-
const ToastRoot = styled.div`
|
|
22
|
-
position: fixed;
|
|
23
|
-
bottom: 48px;
|
|
24
|
-
left: 12px;
|
|
25
|
-
right: 12px;
|
|
26
|
-
background: var(--surface-common-container--low, #262729);
|
|
27
|
-
border: 1px solid var(--border-lowest, rgba(255, 255, 255, 0.07));
|
|
28
|
-
border-radius: 8px;
|
|
29
|
-
padding: 12px;
|
|
30
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
justify-content: space-between;
|
|
34
|
-
z-index: 1000000000;
|
|
35
|
-
width: fit-content;
|
|
36
|
-
padding-right: 24px;
|
|
37
|
-
gap: 12px;
|
|
38
|
-
|
|
39
|
-
p {
|
|
40
|
-
color: var(--text-primary, #fff);
|
|
41
|
-
font-size: 16px;
|
|
42
|
-
font-weight: 500;
|
|
43
|
-
margin: 0;
|
|
44
|
-
}
|
|
45
|
-
`;
|