@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.
Files changed (202) hide show
  1. package/.github/workflows/release.yml +1 -1
  2. package/README.md +5 -5
  3. package/build/HotBridgeWithdrawal.d.ts +10 -0
  4. package/build/HotBridgeWithdrawal.js +80 -0
  5. package/build/HotBridgeWithdrawal.js.map +1 -0
  6. package/build/{HotConnector.d.ts → HotKit.d.ts} +9 -5
  7. package/build/{HotConnector.js → HotKit.js} +14 -11
  8. package/build/HotKit.js.map +1 -0
  9. package/build/activity.d.ts +10 -12
  10. package/build/activity.js +28 -67
  11. package/build/activity.js.map +1 -1
  12. package/build/core/Intents.d.ts +6 -9
  13. package/build/core/Intents.js +28 -29
  14. package/build/core/Intents.js.map +1 -1
  15. package/build/core/OmniConnector.d.ts +3 -3
  16. package/build/core/OmniConnector.js +13 -13
  17. package/build/core/OmniConnector.js.map +1 -1
  18. package/build/core/OmniWallet.d.ts +3 -2
  19. package/build/core/OmniWallet.js +5 -5
  20. package/build/core/OmniWallet.js.map +1 -1
  21. package/build/core/chains.d.ts +2 -1
  22. package/build/core/chains.js +1 -0
  23. package/build/core/chains.js.map +1 -1
  24. package/build/core/exchange.d.ts +6 -9
  25. package/build/core/exchange.js +17 -93
  26. package/build/core/exchange.js.map +1 -1
  27. package/build/core/pendings.d.ts +43 -0
  28. package/build/core/pendings.js +169 -0
  29. package/build/core/pendings.js.map +1 -0
  30. package/build/core/telemetry.d.ts +3 -3
  31. package/build/core/telemetry.js +4 -4
  32. package/build/core/telemetry.js.map +1 -1
  33. package/build/cosmos/connector.d.ts +2 -2
  34. package/build/cosmos/connector.js +2 -2
  35. package/build/cosmos/connector.js.map +1 -1
  36. package/build/cosmos/index.d.ts +2 -2
  37. package/build/cosmos/index.js +1 -1
  38. package/build/cosmos/index.js.map +1 -1
  39. package/build/defaults.d.ts +1 -1
  40. package/build/evm/connector.d.ts +4 -4
  41. package/build/evm/connector.js +2 -2
  42. package/build/evm/connector.js.map +1 -1
  43. package/build/evm/index.d.ts +2 -2
  44. package/build/evm/index.js +1 -1
  45. package/build/evm/index.js.map +1 -1
  46. package/build/hocraft/connector.d.ts +3 -3
  47. package/build/hocraft/connector.js +7 -7
  48. package/build/hocraft/connector.js.map +1 -1
  49. package/build/hocraft/index.d.ts +2 -2
  50. package/build/hocraft/index.js +1 -1
  51. package/build/hocraft/index.js.map +1 -1
  52. package/build/hot-wallet/google.d.ts +2 -2
  53. package/build/hot-wallet/google.js +5 -5
  54. package/build/hot-wallet/google.js.map +1 -1
  55. package/build/hot-wallet/index.d.ts +2 -2
  56. package/build/hot-wallet/index.js +1 -1
  57. package/build/hot-wallet/index.js.map +1 -1
  58. package/build/index.d.ts +3 -1
  59. package/build/index.js +4 -1
  60. package/build/index.js.map +1 -1
  61. package/build/near/connector.d.ts +3 -3
  62. package/build/near/connector.js +4 -4
  63. package/build/near/connector.js.map +1 -1
  64. package/build/near/index.d.ts +2 -2
  65. package/build/near/index.js +1 -1
  66. package/build/near/index.js.map +1 -1
  67. package/build/solana/connector.d.ts +4 -4
  68. package/build/solana/connector.js +2 -2
  69. package/build/solana/connector.js.map +1 -1
  70. package/build/solana/index.d.ts +2 -2
  71. package/build/solana/index.js +1 -1
  72. package/build/solana/index.js.map +1 -1
  73. package/build/stellar/connector.d.ts +2 -2
  74. package/build/stellar/connector.js +3 -3
  75. package/build/stellar/connector.js.map +1 -1
  76. package/build/stellar/index.d.ts +2 -2
  77. package/build/stellar/index.js +1 -1
  78. package/build/stellar/index.js.map +1 -1
  79. package/build/storage.d.ts +10 -0
  80. package/build/storage.js +56 -0
  81. package/build/storage.js.map +1 -1
  82. package/build/ton/connector.d.ts +2 -2
  83. package/build/ton/connector.js +3 -3
  84. package/build/ton/connector.js.map +1 -1
  85. package/build/ton/index.d.ts +2 -2
  86. package/build/ton/index.js +1 -1
  87. package/build/ton/index.js.map +1 -1
  88. package/build/tron/connector.d.ts +2 -2
  89. package/build/tron/connector.js +2 -2
  90. package/build/tron/connector.js.map +1 -1
  91. package/build/tron/index.d.ts +2 -2
  92. package/build/tron/index.js +1 -1
  93. package/build/tron/index.js.map +1 -1
  94. package/build/ui/Popup.d.ts +2 -1
  95. package/build/ui/Popup.js +3 -3
  96. package/build/ui/Popup.js.map +1 -1
  97. package/build/ui/bridge/Bridge.d.ts +4 -4
  98. package/build/ui/bridge/Bridge.js +36 -40
  99. package/build/ui/bridge/Bridge.js.map +1 -1
  100. package/build/ui/bridge/SelectRecipient.d.ts +3 -3
  101. package/build/ui/bridge/SelectRecipient.js +2 -2
  102. package/build/ui/bridge/SelectSender.d.ts +3 -3
  103. package/build/ui/bridge/SelectSender.js +2 -2
  104. package/build/ui/bridge/SelectToken.d.ts +3 -3
  105. package/build/ui/bridge/SelectToken.js +12 -12
  106. package/build/ui/bridge/TokenCard.d.ts +10 -8
  107. package/build/ui/bridge/TokenCard.js +3 -3
  108. package/build/ui/bridge/TokenCard.js.map +1 -1
  109. package/build/ui/connect/AuthPopup.d.ts +8 -1
  110. package/build/ui/connect/AuthPopup.js +2 -20
  111. package/build/ui/connect/AuthPopup.js.map +1 -1
  112. package/build/ui/connect/ConnectWallet.d.ts +3 -3
  113. package/build/ui/connect/ConnectWallet.js +3 -3
  114. package/build/ui/connect/PrimaryWallet.d.ts +3 -3
  115. package/build/ui/connect/PrimaryWallet.js +2 -2
  116. package/build/ui/connect/PrimaryWallet.js.map +1 -1
  117. package/build/ui/icons/copy.d.ts +1 -0
  118. package/build/ui/icons/copy.js +5 -0
  119. package/build/ui/icons/copy.js.map +1 -0
  120. package/build/ui/icons/warning.d.ts +1 -0
  121. package/build/ui/icons/warning.js +5 -0
  122. package/build/ui/icons/warning.js.map +1 -0
  123. package/build/ui/profile/DepositFlow.d.ts +8 -0
  124. package/build/ui/profile/DepositFlow.js +13 -0
  125. package/build/ui/profile/DepositFlow.js.map +1 -0
  126. package/build/ui/profile/DepositQR.d.ts +4 -2
  127. package/build/ui/profile/DepositQR.js +25 -4
  128. package/build/ui/profile/DepositQR.js.map +1 -1
  129. package/build/ui/profile/Payment.d.ts +6 -9
  130. package/build/ui/profile/Payment.js +36 -28
  131. package/build/ui/profile/Payment.js.map +1 -1
  132. package/build/ui/profile/Profile.d.ts +3 -3
  133. package/build/ui/profile/Profile.js +18 -52
  134. package/build/ui/profile/Profile.js.map +1 -1
  135. package/build/ui/router.d.ts +14 -15
  136. package/build/ui/router.js +37 -16
  137. package/build/ui/router.js.map +1 -1
  138. package/build/ui/toast/index.d.ts +42 -0
  139. package/build/ui/toast/index.js +165 -0
  140. package/build/ui/toast/index.js.map +1 -0
  141. package/build/ui/uikit/button.js +1 -1
  142. package/build/ui/uikit/checkbox.d.ts +8 -0
  143. package/build/ui/uikit/checkbox.js +39 -0
  144. package/build/ui/uikit/checkbox.js.map +1 -0
  145. package/build/ui/uikit/text.js +27 -27
  146. package/package.json +1 -1
  147. package/src/HotBridgeWithdrawal.ts +80 -0
  148. package/src/{HotConnector.ts → HotKit.ts} +17 -13
  149. package/src/activity.ts +34 -69
  150. package/src/core/Intents.ts +22 -36
  151. package/src/core/OmniConnector.ts +12 -12
  152. package/src/core/OmniWallet.ts +6 -6
  153. package/src/core/chains.ts +1 -0
  154. package/src/core/exchange.ts +19 -89
  155. package/src/core/pendings.ts +181 -0
  156. package/src/core/telemetry.ts +3 -3
  157. package/src/cosmos/connector.ts +3 -3
  158. package/src/cosmos/index.ts +3 -3
  159. package/src/evm/connector.ts +3 -3
  160. package/src/evm/index.ts +2 -2
  161. package/src/hocraft/connector.ts +6 -6
  162. package/src/hocraft/index.ts +2 -2
  163. package/src/hot-wallet/google.ts +6 -6
  164. package/src/hot-wallet/index.ts +2 -2
  165. package/src/index.ts +6 -1
  166. package/src/near/connector.ts +3 -3
  167. package/src/near/index.ts +2 -2
  168. package/src/solana/connector.ts +3 -3
  169. package/src/solana/index.ts +2 -2
  170. package/src/stellar/connector.ts +4 -4
  171. package/src/stellar/index.ts +2 -2
  172. package/src/storage.ts +69 -0
  173. package/src/ton/connector.ts +4 -4
  174. package/src/ton/index.ts +2 -2
  175. package/src/tron/connector.ts +3 -3
  176. package/src/tron/index.ts +2 -2
  177. package/src/ui/Popup.tsx +4 -3
  178. package/src/ui/bridge/Bridge.tsx +43 -46
  179. package/src/ui/bridge/SelectRecipient.tsx +4 -4
  180. package/src/ui/bridge/SelectSender.tsx +4 -4
  181. package/src/ui/bridge/SelectToken.tsx +14 -14
  182. package/src/ui/bridge/TokenCard.tsx +31 -24
  183. package/src/ui/connect/AuthPopup.tsx +1 -24
  184. package/src/ui/connect/ConnectWallet.tsx +5 -5
  185. package/src/ui/connect/PrimaryWallet.tsx +3 -3
  186. package/src/ui/icons/copy.tsx +8 -0
  187. package/src/ui/icons/warning.tsx +10 -0
  188. package/src/ui/profile/DepositFlow.tsx +27 -0
  189. package/src/ui/profile/DepositQR.tsx +48 -17
  190. package/src/ui/profile/Payment.tsx +67 -37
  191. package/src/ui/profile/Profile.tsx +40 -68
  192. package/src/ui/router.tsx +48 -21
  193. package/src/ui/toast/index.tsx +238 -0
  194. package/src/ui/uikit/button.tsx +1 -1
  195. package/src/ui/uikit/checkbox.tsx +60 -0
  196. package/src/ui/uikit/text.tsx +27 -27
  197. package/build/HotConnector.js.map +0 -1
  198. package/build/ui/uikit/Toast.d.ts +0 -4
  199. package/build/ui/uikit/Toast.js +0 -33
  200. package/build/ui/uikit/Toast.js.map +0 -1
  201. package/src/ui/uikit/Toast.tsx +0 -45
  202. package/vite.config.ts +0 -17
package/src/ui/router.tsx CHANGED
@@ -1,8 +1,9 @@
1
- import { HotConnector } from "../HotConnector";
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 Toast from "./uikit/Toast";
26
+ import { DepositFlow } from "./profile/DepositFlow";
27
+ import { AuthPopup } from "./connect/AuthPopup";
26
28
 
27
29
  export const openPayment = (
28
- connector: HotConnector,
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: (args: { depositQoute?: BridgeReview; processing?: () => Promise<BridgeReview> }) => Promise<void>;
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
- connector={connector}
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 = (hot: HotConnector, setup?: BridgeProps["setup"]) => {
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
- hot={hot}
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 openConnector = async (hot: HotConnector) => {
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
- hot={hot}
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 openConnectPrimaryWallet = (hot: HotConnector) => {
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 hot={hot} onClose={() => (close(), resolve())} />);
143
+ present((close) => <ConnectPrimaryWallet kit={kit} onClose={() => (close(), resolve())} />);
113
144
  });
114
145
  };
115
146
 
116
- export const openProfile = (hot: HotConnector) => {
117
- present((close) => <Profile hot={hot} onClose={close} />);
147
+ export const openProfile = (kit: HotKit) => {
148
+ present((close) => <Profile kit={kit} onClose={close} />);
118
149
  };
119
150
 
120
- export const openSelectTokenPopup = ({ hot, initialChain, onSelect }: { hot: HotConnector; initialChain?: number; onSelect: (token: Token, wallet?: OmniWallet) => void }) => {
121
- present((close) => <SelectTokenPopup hot={hot} initialChain={initialChain} onClose={close} onSelect={(t, w) => (onSelect(t, w), close())} />);
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: { hot: HotConnector; type: WalletType; onSelect: (wallet?: OmniWallet | "qr") => void }) => {
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: { hot: HotConnector; recipient?: Recipient; chain: number; onSelect: (wallet?: Recipient) => void }) => {
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
+ `;
@@ -34,7 +34,7 @@ export const ActionButton = styled.button<{ $stroke?: boolean }>`
34
34
 
35
35
  &:disabled {
36
36
  background: #3e3e3e;
37
- color: #828282;
37
+ color: #828282 !important;
38
38
  cursor: not-allowed;
39
39
  }
40
40
 
@@ -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
+ };
@@ -1,10 +1,10 @@
1
1
  import styled from "styled-components";
2
2
 
3
3
  export const PSmall = styled.p`
4
- color: var(--text-text-secondary, #bfbfbf);
5
- font-family: var(--font-family-text, "Golos Text");
6
- font-size: var(--P-Small-font-size, 14px);
7
- line-height: var(--P-Small-line-height, 20px); /* 142.857% */
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: var(--text-text-primary, #fff);
16
- font-family: var(--font-family-text, "Golos Text");
17
- font-size: var(--P-Default-font-size, 16px);
18
- line-height: var(--P-Default-line-height, 22px); /* 137.5% */
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: var(--text-text-primary, #fff);
27
- font-family: var(--font-family-text, "Golos Text");
28
- font-size: var(--P-Large-font-size, 18px);
29
- line-height: var(--P-Large-line-height, 24px); /* 133.333% */
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: var(--text-text-primary, #fff);
38
- font-family: var(--font-family-text, "Golos Text");
39
- font-size: var(--P-Tiny-font-size, 12px);
40
- line-height: var(--P-Tiny-line-height, 16px);
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: var(--text-text-tertiary, #fff);
49
- font-family: var(--font-family-headings, "Golos Text");
50
- font-size: var(--h5-font-size, 24px);
51
- line-height: var(--h5-line-height, 32px);
48
+ color: #fff;
49
+ font-family: "Golos Text";
50
+ font-size: 24px;
51
+ line-height: 32px;
52
52
  font-style: normal;
53
- font-weight: 500;
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: var(--h4-font-size, 32px);
61
- line-height: var(--h4-line-height, 44px);
60
+ font-size: 32px;
61
+ line-height: 44px;
62
62
  font-style: normal;
63
- font-weight: 600;
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: var(--h6-font-size, 20px);
70
+ font-size: 20px;
71
71
  font-style: normal;
72
- font-weight: 500;
73
- line-height: var(--h6-line-height, 28px);
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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"}
@@ -1,4 +0,0 @@
1
- declare const Toast: ({ message }: {
2
- message: string;
3
- }) => import("react/jsx-runtime").JSX.Element;
4
- export default Toast;
@@ -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"}
@@ -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
- `;