@hot-labs/kit 1.2.0-alpha.1 → 1.2.0

package/build/ui/profile/Profile.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from "mobx-react-lite";
+import styled from "styled-components";
+import { useEffect } from "react";
+import PlusIcon from "../icons/plus";
+import { LogoutIcon } from "../icons/logout";
+import ExchangeIcon from "../icons/exchange";
+import { formatter } from "../../core/utils";
+import { tokens } from "../../core/tokens";
+import { openBridge, openConnector } from "../router";
+import { TokenCard, TokenIcon } from "../bridge/TokenCard";
+import { ImageView } from "../uikit/image";
+import { Loader } from "../uikit/loader";
+import { PopupOption } from "../styles";
+import Popup from "../Popup";
+export const Profile = observer(({ hot, onClose }) => {
+    let totalBalance = 0;
+    const tokensList = hot.walletsTokens
+        .map(({ token, wallet, balance }) => {
+        if (token.float(balance) < 0.000001)
+            return null;
+        totalBalance += token.float(balance) * token.usd;
+        return {
+            chain: token.chain,
+            component: (_jsx(TokenCard //
+            , { onSelect: () => {
+                    if (token.chain === -4)
+                        hot.withdraw(token.address, +token.float(balance).toFixed(6), { sender: wallet });
+                    else
+                        openBridge(hot, { title: "Exchange", sender: wallet, from: token });
+                }, wallet: wallet, token: token, hot: hot }, `${wallet.type}:${wallet.address}:${token.id}`)),
+        };
+    })
+        .filter((t) => t != null);
+    const omniTokens = tokensList.filter((t) => t.chain === -4);
+    const nonOmniTokens = tokensList.filter((t) => t.chain !== -4);
+    useEffect(() => {
+        if (hot.wallets.length > 0)
+            return;
+        onClose();
+    }, [hot.wallets.length]);
+    return (_jsxs(Popup, { onClose: onClose, style: { gap: 16 }, children: [_jsxs("div", { style: { display: "flex", flexWrap: "wrap", width: "100%", gap: 8 }, children: [hot.connectors.map((connector) => connector.wallets.map((wallet) => (_jsxs(WalletCard, { onClick: () => connector.disconnect(), children: [_jsx(ImageView, { src: wallet.icon, alt: connector.name, size: 20 }), _jsx("div", { children: formatter.truncateAddress(wallet.address, 8) }), _jsx(LogoutIcon, {})] })))), hot.wallets.length < 6 && (_jsxs(WalletCard, { style: { paddingRight: 12 }, onClick: () => openConnector(hot), children: [_jsx(PlusIcon, {}), "Add wallet"] }))] }), _jsxs(Card, { children: [_jsx(PSmall, { children: "YOUR BALANCE" }), _jsxs(BalanceCard, { children: ["$", formatter.amount(totalBalance)] }), _jsxs("div", { style: { width: "100%", display: "flex", gap: 12, marginTop: 24 }, children: [_jsxs(ActionButton, { onClick: () => (onClose(), openBridge(hot, { title: "Exchange" })), children: [_jsx(ExchangeIcon, {}), "Exchange"] }), _jsx(ActionButton, { disabled: true, onClick: () => (onClose(), openBridge(hot, { title: "Deposit" })), children: "Deposit" })] })] }), hot.activity.withdrawalsList.length > 0 && (_jsxs(TokenCards, { children: [_jsx("p", { style: { fontSize: 16, fontWeight: 600, color: "#d2d2d2", textAlign: "left" }, children: "Pending withdrawals" }), hot.activity.withdrawalsList.map((withdrawal) => {
+                        const token = tokens.get(withdrawal.token, withdrawal.chain);
+                        return (_jsxs(PopupOption, { onClick: () => hot.activity.finishWithdrawal(withdrawal), disabled: withdrawal.loading, children: [_jsx(TokenIcon, { token: token }), _jsxs("div", { children: [_jsxs("p", { style: { marginTop: -4, textAlign: "left", fontSize: 20, fontWeight: "bold" }, children: [token.float(withdrawal.amount), " ", token.symbol] }), _jsx("p", { style: { textAlign: "left", fontSize: 12, color: "#828282" }, children: new Date(withdrawal.timestamp).toLocaleString() })] }), _jsx("div", { style: { marginLeft: "auto", padding: "8px 12px", borderRadius: 16, background: "#1a1a1a", color: "#fff" }, children: _jsx("p", { style: { color: "#d6d6d6" }, children: withdrawal.loading ? _jsx(Loader, {}) : "Withdraw" }) })] }, withdrawal.nonce));
+                    })] })), omniTokens.length > 0 && (_jsxs(TokenCards, { children: [_jsx("p", { style: { fontSize: 16, fontWeight: 600, color: "#d2d2d2", textAlign: "left" }, children: "Tokens to withdraw" }), omniTokens.map((t) => t.component)] })), nonOmniTokens.length > 0 && (_jsxs(TokenCards, { children: [_jsx("p", { style: { fontSize: 16, fontWeight: 600, color: "#d2d2d2", textAlign: "left" }, children: "Portfolio" }), nonOmniTokens.map((t) => t.component)] }))] }));
+});
+const ActionButton = styled.button `
+  display: flex;
+  padding: 0 24px;
+  border-radius: 12px;
+  background: #e7e7e7;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  flex: 1;
+
+  color: #121212;
+  text-align: center;
+  font-family: "Golos Text";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 22px;
+  letter-spacing: -0.16px;
+
+  &:hover {
+    background: #d2d2d2;
+  }
+
+  &:disabled {
+    background: #3e3e3e;
+    color: #828282;
+    cursor: not-allowed;
+  }
+`;
+const TokenCards = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+`;
+const WalletCard = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 24px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 6px;
+  padding-left: 8px;
+  padding-right: 8px;
+  background: #1a1a1a;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.04);
+  }
+`;
+const BalanceCard = styled.h2 `
+  color: #fff;
+  font-family: "Golos Text";
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 44px;
+  text-align: left;
+  margin: 0;
+`;
+const PSmall = styled.p `
+  color: #bfbfbf;
+  font-family: "Golos Text";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: -0.14px;
+  text-align: left;
+  margin: 0;
+`;
+const Card = styled.div `
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  border-radius: 16px;
+  border: 1px solid #323232;
+  background: #272727;
+  width: 100%;
+`;
+//# sourceMappingURL=Profile.js.map

package/build/ui/profile/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../src/ui/profile/Profile.tsx"],"names":[],"mappings":"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"}

package/build/ui/router.d.ts

@@ -0,0 +1,51 @@
+import { HotConnector } from "../HotConnector";
+import { OmniConnector } from "../OmniConnector";
+import { OmniWallet } from "../OmniWallet";
+import { BridgeReview } from "../exchange";
+import { WalletType } from "../core/chains";
+import { Recipient } from "../core/recipient";
+import { Intents } from "../core/Intents";
+import { Token } from "../core/token";
+import { BridgeProps } from "./bridge/Bridge";
+export declare const openPayment: (connector: HotConnector, { intents, title, allowedTokens, prepaidAmount, payableToken, needAmount, onConfirm, }: {
+    intents: Intents;
+    title?: string;
+    allowedTokens?: string[];
+    prepaidAmount: bigint;
+    payableToken: Token;
+    needAmount: bigint;
+    onConfirm: (args: {
+        depositQoute?: BridgeReview;
+        processing?: () => Promise<BridgeReview>;
+    }) => Promise<void>;
+}) => Promise<void>;
+export declare const openLogoutPopup: (connector: OmniConnector) => Promise<void>;
+export declare const openBridge: (hot: HotConnector, setup?: BridgeProps["setup"]) => Promise<BridgeReview>;
+export declare const openConnector: (hot: HotConnector) => Promise<void>;
+export declare const openConnectPrimaryWallet: (hot: HotConnector) => Promise<void>;
+export declare const openProfile: (hot: HotConnector) => void;
+export declare const openSelectTokenPopup: ({ hot, initialChain, onSelect }: {
+    hot: HotConnector;
+    initialChain?: number;
+    onSelect: (token: Token, wallet?: OmniWallet) => void;
+}) => void;
+export declare const openWalletPicker: (connector: OmniConnector, onSelect?: (wallet: OmniWallet) => void) => void;
+export declare const openSelectSender: (props: {
+    hot: HotConnector;
+    type: WalletType;
+    onSelect: (wallet?: OmniWallet | "qr") => void;
+}) => void;
+export declare const openSelectRecipient: (props: {
+    hot: HotConnector;
+    recipient?: Recipient;
+    type: WalletType;
+    onSelect: (wallet?: Recipient) => void;
+}) => void;
+export declare const openWCRequest: <T>(args: {
+    task: () => Promise<T>;
+    deeplink?: string;
+    name: string;
+    icon: string;
+    request: any;
+}) => Promise<T>;
+export declare const openToast: (message: string) => () => void;

package/build/ui/router.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { present } from "./Popup";
+import { SelectTokenPopup } from "./bridge/SelectToken";
+import { SelectRecipient } from "./bridge/SelectRecipient";
+import { SelectSender } from "./bridge/SelectSender";
+import { Payment } from "./profile/Payment";
+import { Profile } from "./profile/Profile";
+import { Bridge } from "./bridge/Bridge";
+import ConnectPrimaryWallet from "./connect/PrimaryWallet";
+import { LogoutPopup } from "./connect/LogoutPopup";
+import { WalletPicker } from "./connect/WalletPicker";
+import { Connector } from "./connect/ConnectWallet";
+import { WCRequest } from "./connect/WCRequest";
+import Toast from "./uikit/Toast";
+export const openPayment = (connector, { intents, title, allowedTokens, prepaidAmount, payableToken, needAmount, onConfirm, }) => {
+    return new Promise((resolve, reject) => {
+        present((close) => (_jsx(Payment //
+        , { title: title, intents: intents, connector: connector, needAmount: needAmount, prepaidAmount: prepaidAmount, allowedTokens: allowedTokens, payableToken: payableToken, close: () => (close(), resolve()), onReject: () => (close(), reject(new Error("User rejected"))), onConfirm: onConfirm })));
+    });
+};
+export const openLogoutPopup = (connector) => {
+    return new Promise((resolve, reject) => {
+        present((close) => {
+            return (_jsx(LogoutPopup //
+            , { connector: connector, onApprove: () => (close(), resolve()), onReject: () => (close(), reject(new Error("User rejected"))) }));
+        });
+    });
+};
+export const openBridge = (hot, setup) => {
+    return new Promise((resolve, reject) => {
+        present((close) => (_jsx(Bridge //
+        , { hot: hot, setup: setup, onProcess: resolve, onClose: () => (close(), reject(new Error("User rejected"))) })));
+    });
+};
+export const openConnector = (hot) => {
+    return new Promise((resolve) => {
+        present((close) => _jsx(Connector, { hot: hot, onClose: () => (resolve(), close()) }));
+    });
+};
+export const openConnectPrimaryWallet = (hot) => {
+    return new Promise((resolve) => {
+        present((close) => _jsx(ConnectPrimaryWallet, { hot: hot, onClose: () => (close(), resolve()) }));
+    });
+};
+export const openProfile = (hot) => {
+    present((close) => _jsx(Profile, { hot: hot, onClose: close }));
+};
+export const openSelectTokenPopup = ({ hot, initialChain, onSelect }) => {
+    present((close) => _jsx(SelectTokenPopup, { hot: hot, initialChain: initialChain, onClose: close, onSelect: (t, w) => (onSelect(t, w), close()) }));
+};
+export const openWalletPicker = (connector, onSelect) => {
+    present((close) => _jsx(WalletPicker, { initialConnector: connector, onSelect: onSelect, onClose: close }));
+};
+export const openSelectSender = (props) => {
+    present((close) => _jsx(SelectSender, { ...props, onClose: close }));
+};
+export const openSelectRecipient = (props) => {
+    present((close) => _jsx(SelectRecipient, { ...props, onClose: close }));
+};
+export const openWCRequest = (args) => {
+    const taskPromise = args.task();
+    present((close) => _jsx(WCRequest, { deeplink: args.deeplink, name: args.name, icon: args.icon, onClose: close, task: taskPromise }));
+    return taskPromise;
+};
+export const openToast = (message) => {
+    return present(() => _jsx(Toast, { message: message }));
+};
+//# sourceMappingURL=router.js.map

package/build/ui/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/ui/router.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAuB,EACvB,EACE,OAAO,EACP,KAAK,EACL,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,GASV,EACD,EAAE;IACF,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EACjC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,EAC7D,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAwB,EAAE,EAAE;IAC1D,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAChB,OAAO,CACL,KAAC,WAAW,CAAC,EAAE;gBACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAC7D,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAiB,EAAE,KAA4B,EAAE,EAAE;IAC5E,OAAO,IAAI,OAAO,CAAe,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACnD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,MAAM,CAAC,EAAE;YACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAC5D,CACH,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAiB,EAAE,EAAE;IACjD,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,GAAiB,EAAE,EAAE;IAC5D,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,GAAI,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAiB,EAAE,EAAE;IAC/C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAuG,EAAE,EAAE;IAC3K,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;AAChJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAwB,EAAE,QAAuC,EAAE,EAAE;IACpG,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,IAAC,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AACxG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA8F,EAAE,EAAE;IACjI,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA6G,EAAE,EAAE;IACnJ,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,eAAe,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAK,IAA6F,EAAc,EAAE;IAC7I,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAChC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC;IAChI,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IAC3C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;AACpD,CAAC,CAAC"}

package/build/ui/styles.d.ts

@@ -0,0 +1,13 @@
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $mobileFullscreen?: boolean;
+}>> & string;
+export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GetWalletLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const PopupOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PopupOptionInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PopupRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/build/ui/styles.js

@@ -0,0 +1,281 @@
+import styled, { css } from "styled-components";
+const font = `Golos Text, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`;
+export const ModalContainer = styled.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100000000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  transition: opacity 0.2s ease-in-out;
+  pointer-events: all;
+
+  @media (max-width: 600px) {
+    justify-content: flex-end;
+  }
+`;
+export const ModalOverlay = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100000000;
+  background-color: rgba(0, 0, 0, 0.2);
+  backdrop-filter: blur(10px);
+  z-index: 1;
+`;
+export const ModalContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 420px;
+  max-height: 660px;
+  width: 100%;
+  border-radius: 24px;
+  background: #0d0d0d;
+  border: 1.5px solid rgba(255, 255, 255, 0.1);
+  transition: transform 0.2s ease-in-out;
+  z-index: 2;
+
+  @media (max-width: 600px) {
+    max-width: 100%;
+    width: 100%;
+    max-height: 90%;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border: none;
+    border-top: 1.5px solid rgba(255, 255, 255, 0.1);
+
+    ${(props) => props.$mobileFullscreen &&
+    css `
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+        height: 100%;
+        border-radius: 0;
+        max-height: 100%;
+        border: none;
+      `}
+  }
+`;
+export const ModalHeader = styled.div `
+  display: flex;
+  padding: 16px;
+  gap: 16px;
+  align-self: stretch;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  button {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+    width: 32px;
+    height: 32px;
+    border-radius: 12px;
+    cursor: pointer;
+    transition: background 0.2s ease-in-out;
+    border: none;
+    background: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.04);
+    }
+  }
+
+  p {
+    color: #fff;
+    text-align: center;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+    margin: 0;
+  }
+`;
+export const ModalBody = styled.div `
+  display: flex;
+  padding: 16px;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: center;
+  gap: 4px;
+  overflow: auto;
+  border-radius: 24px;
+  background: rgba(255, 255, 255, 0.08);
+  width: 100%;
+  flex: 1;
+
+  textarea {
+    width: 100%;
+    padding: 12px;
+    border-radius: 12px;
+    background: #0d0d0d;
+    color: #fff;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    outline: none;
+    font-size: 12px;
+    transition: background 0.2s ease-in-out;
+    font-family: monospace;
+  }
+`;
+export const Footer = styled.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 16px 24px;
+  color: #fff;
+  gap: 12px;
+
+  img {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  * {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+export const GetWalletLink = styled.a `
+  color: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  margin-left: auto;
+  text-decoration: none;
+  transition: opacity 0.2s ease-in-out;
+  opacity: 0.8;
+
+  &:hover {
+    opacity: 1;
+  }
+`;
+export const PopupOption = styled.button `
+  display: flex;
+  padding: 8px;
+  align-items: center;
+  align-self: stretch;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+  border-radius: 24px;
+  outline: none;
+  border: none;
+  background: transparent;
+  width: 100%;
+  gap: 12px;
+
+  img {
+    width: 44px;
+    height: 44px;
+    border-radius: 16px;
+    object-fit: cover;
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.04);
+  }
+
+  p {
+    color: rgba(255, 255, 255, 0.9);
+    text-align: center;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+    letter-spacing: -0.36px;
+    margin: 0;
+  }
+`;
+export const PopupOptionInfo = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+  flex: 1;
+  margin-top: -2px;
+
+  .wallet-address {
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+  }
+`;
+export const PopupButton = styled.button `
+  width: 100%;
+  padding: 12px;
+  border-radius: 24px;
+  background: rgb(221, 221, 221);
+  color: rgb(20, 20, 20) !important;
+  font-weight: bold;
+  border: none;
+  cursor: pointer;
+  font-size: 16px;
+  transition: background 0.2s ease-in-out;
+  margin-top: 16px;
+  height: 56px;
+
+  &:hover {
+    background: rgb(160, 160, 160);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+export const PopupRoot = styled.div `
+  @import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap");
+  height: 100%;
+  width: 100%;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p {
+    font-family: ${font};
+    margin: 0;
+  }
+
+  /* Hide scrollbar for all scrollable elements inside PopupRoot */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+
+  /* Also hide scrollbars for all inner elements */
+  * {
+    -webkit-tap-highlight-color: transparent;
+    font-family: ${font};
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    box-sizing: border-box;
+    color: #fff;
+  }
+
+  *::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/build/ui/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,2JAA2J,CAAC;AAEzK,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAiC;;;;;;;;;;;;;;;;;;;;;;MAsBjE,CAAC,KAAsC,EAAE,EAAE,CAC3C,KAAK,CAAC,iBAAiB;IACvB,GAAG,CAAA;;;;;;;OAOF;;CAEN,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAcpC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCvC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAexC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBvC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;mBAYhB,IAAI;;;;;;;;;;;;;;;mBAeJ,IAAI;;;;;;;;;;CAUtB,CAAC"}

package/build/ui/uikit/Stepper.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface Step {
+    label: string;
+    completed?: boolean;
+    active?: boolean;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    style?: React.CSSProperties;
+}
+export declare const HorizontalStepper: React.FC<StepperProps>;
+export {};

package/build/ui/uikit/Stepper.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export const HorizontalStepper = ({ steps, currentStep, style }) => {
+    return (_jsx("div", { style: { padding: "0 32px 32px", display: "flex", alignItems: "center", width: "100%", margin: "16px 0", ...style }, children: steps.map((step, idx) => {
+            const isCompleted = idx < currentStep;
+            const isActive = idx === currentStep;
+            return (_jsxs(React.Fragment, { children: [_jsx("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: _jsx("div", { style: {
+                                width: 16,
+                                height: 16,
+                                position: "relative",
+                                borderRadius: "50%",
+                                border: isActive || isCompleted ? "2px solid #ffffff" : "2px solid #a0a0a0",
+                                background: isCompleted ? "#ffffff" : "#333",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                transition: "all 0.2s",
+                                zIndex: 1,
+                            }, children: _jsx("p", { style: { fontSize: 16, color: "#fff", opacity: isActive ? 1 : 0.5, position: "absolute", top: 24, width: 100 }, children: step.label }) }) }), idx < steps.length - 1 && _jsx("div", { style: { transition: "background 0.2s", flex: 1, height: 2, background: idx < currentStep ? "#ffffff" : "#333", margin: "0 6px", borderRadius: 24, minWidth: 24 } })] }, idx));
+        }) }));
+};
+//# sourceMappingURL=Stepper.js.map

package/build/ui/uikit/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/ui/uikit/Stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,CAAC,MAAM,iBAAiB,GAA2B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,YACrH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YACvB,MAAM,WAAW,GAAG,GAAG,GAAG,WAAW,CAAC;YACtC,MAAM,QAAQ,GAAG,GAAG,KAAK,WAAW,CAAC;YAErC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAC5E,cACE,KAAK,EAAE;gCACL,KAAK,EAAE,EAAE;gCACT,MAAM,EAAE,EAAE;gCACV,QAAQ,EAAE,UAAU;gCACpB,YAAY,EAAE,KAAK;gCACnB,MAAM,EAAE,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB;gCAC3E,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;gCAC5C,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;gCACpB,cAAc,EAAE,QAAQ;gCACxB,UAAU,EAAE,UAAU;gCACtB,MAAM,EAAE,CAAC;6BACV,YAED,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,IAAI,CAAC,KAAK,GAAK,GAC/H,GACF,EAEL,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,KArBlL,GAAG,CAsBP,CAClB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/build/ui/uikit/Toast.d.ts

@@ -0,0 +1,4 @@
+declare const Toast: ({ message }: {
+    message: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/build/ui/uikit/Toast.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { Loader } from "./loader";
+const Toast = ({ message }) => {
+    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 })] })] }));
+};
+export default Toast;
+const ToastRoot = styled.div `
+  position: fixed;
+  bottom: 48px;
+  left: 12px;
+  right: 12px;
+  background: var(--surface-common-container--low, #262729);
+  border: 1px solid var(--border-lowest, rgba(255, 255, 255, 0.07));
+  border-radius: 8px;
+  padding: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 1000000000;
+  width: fit-content;
+  padding-right: 24px;
+  gap: 12px;
+
+  p {
+    color: var(--text-primary, #fff);
+    font-size: 16px;
+    font-weight: 500;
+    margin: 0;
+  }
+`;
+//# sourceMappingURL=Toast.js.map

package/build/ui/uikit/Toast.js.map

@@ -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"}