@b3dotfun/sdk 0.0.52-alpha.0 → 0.0.52-alpha.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.
|
@@ -22,6 +22,7 @@ function centerTruncate(str, length = 4) {
|
|
|
22
22
|
}
|
|
23
23
|
function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
|
|
24
24
|
const account = (0, react_3.useActiveAccount)();
|
|
25
|
+
const globalAccount = (0, react_1.useGlobalAccount)();
|
|
25
26
|
const { address: eoaAddress, info: eoaInfo } = (0, useFirstEOA_1.useFirstEOA)();
|
|
26
27
|
const { data: profile } = (0, react_1.useProfile)({
|
|
27
28
|
address: eoaAddress || account?.address,
|
|
@@ -47,11 +48,12 @@ function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
|
|
|
47
48
|
};
|
|
48
49
|
console.log("eoaAddress", eoaAddress);
|
|
49
50
|
console.log("account?.address", account?.address);
|
|
51
|
+
console.log("globalAccount", globalAccount);
|
|
50
52
|
// Balance data fetching
|
|
51
53
|
const { data: eoaNativeBalance, isLoading: eoaNativeLoading } = (0, react_1.useNativeBalance)(eoaAddress);
|
|
52
54
|
const { data: eoaB3Balance, isLoading: eoaB3Loading } = (0, react_1.useB3BalanceFromAddresses)(eoaAddress);
|
|
53
|
-
const { data: b3Balance, isLoading: b3Loading } = (0, react_1.useB3BalanceFromAddresses)(
|
|
54
|
-
const { data: nativeBalance, isLoading: nativeLoading } = (0, react_1.useNativeBalance)(
|
|
55
|
+
const { data: b3Balance, isLoading: b3Loading } = (0, react_1.useB3BalanceFromAddresses)(globalAccount?.address);
|
|
56
|
+
const { data: nativeBalance, isLoading: nativeLoading } = (0, react_1.useNativeBalance)(globalAccount?.address);
|
|
55
57
|
// Calculate total USD values for comparison
|
|
56
58
|
const globalAccountTotalUsd = (b3Balance?.balanceUsd || 0) + (nativeBalance?.totalUsd || 0);
|
|
57
59
|
const eoaTotalUsd = (eoaB3Balance?.balanceUsd || 0) + (eoaNativeBalance?.totalUsd || 0);
|
|
@@ -101,5 +103,5 @@ function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
|
|
|
101
103
|
type: "anySpend",
|
|
102
104
|
showBackButton: true,
|
|
103
105
|
});
|
|
104
|
-
}, children: [(0, jsx_runtime_1.jsx)(SwapIcon_1.SwapIcon, { size: 24, className: "text-b3-primary-blue" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), (0, jsx_runtime_1.jsxs)(accordion_1.Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "global-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsx)("span", { children: "Balance" }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && ((0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "eoa-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.
|
|
106
|
+
}, children: [(0, jsx_runtime_1.jsx)(SwapIcon_1.SwapIcon, { size: 24, className: "text-b3-primary-blue" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), (0, jsx_runtime_1.jsxs)(accordion_1.Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "global-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsx)("span", { children: "Smart Account Balance" }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && ((0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "eoa-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("span", { children: eoaInfo?.data?.name || "Wallet" }), (0, jsx_runtime_1.jsxs)("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(eoaAddress, 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: eoaAddress })] })] }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), (0, jsx_runtime_1.jsxs)("button", { className: "logout-button border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors", onClick: onLogoutEnhanced, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-4", children: logoutLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
|
|
105
107
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, CopyToClipboard, useAuthentication, useB3, useB3BalanceFromAddresses, useModalStore, useNativeBalance, useProfile, } from "../../../../global-account/react/index.js";
|
|
2
|
+
import { Button, CopyToClipboard, useAuthentication, useB3, useB3BalanceFromAddresses, useGlobalAccount, useModalStore, useNativeBalance, useProfile, } from "../../../../global-account/react/index.js";
|
|
3
3
|
import { BankIcon } from "../../../../global-account/react/components/icons/BankIcon.js";
|
|
4
4
|
import { SignOutIcon } from "../../../../global-account/react/components/icons/SignOutIcon.js";
|
|
5
5
|
import { SwapIcon } from "../../../../global-account/react/components/icons/SwapIcon.js";
|
|
@@ -19,6 +19,7 @@ function centerTruncate(str, length = 4) {
|
|
|
19
19
|
}
|
|
20
20
|
export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
|
|
21
21
|
const account = useActiveAccount();
|
|
22
|
+
const globalAccount = useGlobalAccount();
|
|
22
23
|
const { address: eoaAddress, info: eoaInfo } = useFirstEOA();
|
|
23
24
|
const { data: profile } = useProfile({
|
|
24
25
|
address: eoaAddress || account?.address,
|
|
@@ -44,11 +45,12 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
|
|
|
44
45
|
};
|
|
45
46
|
console.log("eoaAddress", eoaAddress);
|
|
46
47
|
console.log("account?.address", account?.address);
|
|
48
|
+
console.log("globalAccount", globalAccount);
|
|
47
49
|
// Balance data fetching
|
|
48
50
|
const { data: eoaNativeBalance, isLoading: eoaNativeLoading } = useNativeBalance(eoaAddress);
|
|
49
51
|
const { data: eoaB3Balance, isLoading: eoaB3Loading } = useB3BalanceFromAddresses(eoaAddress);
|
|
50
|
-
const { data: b3Balance, isLoading: b3Loading } = useB3BalanceFromAddresses(
|
|
51
|
-
const { data: nativeBalance, isLoading: nativeLoading } = useNativeBalance(
|
|
52
|
+
const { data: b3Balance, isLoading: b3Loading } = useB3BalanceFromAddresses(globalAccount?.address);
|
|
53
|
+
const { data: nativeBalance, isLoading: nativeLoading } = useNativeBalance(globalAccount?.address);
|
|
52
54
|
// Calculate total USD values for comparison
|
|
53
55
|
const globalAccountTotalUsd = (b3Balance?.balanceUsd || 0) + (nativeBalance?.totalUsd || 0);
|
|
54
56
|
const eoaTotalUsd = (eoaB3Balance?.balanceUsd || 0) + (eoaNativeBalance?.totalUsd || 0);
|
|
@@ -98,5 +100,5 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
|
|
|
98
100
|
type: "anySpend",
|
|
99
101
|
showBackButton: true,
|
|
100
102
|
});
|
|
101
|
-
}, children: [_jsx(SwapIcon, { size: 24, className: "text-b3-primary-blue" }), _jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), _jsxs(Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [_jsxs(AccordionItem, { value: "global-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsx("span", { children: "Balance" }) }), _jsxs(AccordionContent, { className: "space-y-4", children: [_jsx(TokenBalanceRow, { icon: _jsx(B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), _jsx(TokenBalanceRow, { icon: _jsx(EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && (_jsxs(AccordionItem, { value: "eoa-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [
|
|
103
|
+
}, children: [_jsx(SwapIcon, { size: 24, className: "text-b3-primary-blue" }), _jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), _jsxs(Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [_jsxs(AccordionItem, { value: "global-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsx("span", { children: "Smart Account Balance" }) }), _jsxs(AccordionContent, { className: "space-y-4", children: [_jsx(TokenBalanceRow, { icon: _jsx(B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), _jsx(TokenBalanceRow, { icon: _jsx(EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && (_jsxs(AccordionItem, { value: "eoa-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { children: eoaInfo?.data?.name || "Wallet" }), _jsxs("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [_jsx("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(eoaAddress, 6) }), _jsx(CopyToClipboard, { text: eoaAddress })] })] }) }), _jsxs(AccordionContent, { className: "space-y-4", children: [_jsx(TokenBalanceRow, { icon: _jsx(B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), _jsx(TokenBalanceRow, { icon: _jsx(EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), _jsxs("button", { className: "logout-button border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors", onClick: onLogoutEnhanced, children: [_jsx("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), _jsx("div", { className: "absolute right-4", children: logoutLoading ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
|
|
102
104
|
}
|
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
useAuthentication,
|
|
5
5
|
useB3,
|
|
6
6
|
useB3BalanceFromAddresses,
|
|
7
|
+
useGlobalAccount,
|
|
7
8
|
useModalStore,
|
|
8
9
|
useNativeBalance,
|
|
9
10
|
useProfile,
|
|
@@ -34,6 +35,7 @@ function centerTruncate(str: string, length = 4) {
|
|
|
34
35
|
|
|
35
36
|
export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }: BalanceContentProps) {
|
|
36
37
|
const account = useActiveAccount();
|
|
38
|
+
const globalAccount = useGlobalAccount();
|
|
37
39
|
const { address: eoaAddress, info: eoaInfo } = useFirstEOA();
|
|
38
40
|
const { data: profile } = useProfile({
|
|
39
41
|
address: eoaAddress || account?.address,
|
|
@@ -62,12 +64,13 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
|
|
|
62
64
|
|
|
63
65
|
console.log("eoaAddress", eoaAddress);
|
|
64
66
|
console.log("account?.address", account?.address);
|
|
67
|
+
console.log("globalAccount", globalAccount);
|
|
65
68
|
|
|
66
69
|
// Balance data fetching
|
|
67
70
|
const { data: eoaNativeBalance, isLoading: eoaNativeLoading } = useNativeBalance(eoaAddress);
|
|
68
71
|
const { data: eoaB3Balance, isLoading: eoaB3Loading } = useB3BalanceFromAddresses(eoaAddress);
|
|
69
|
-
const { data: b3Balance, isLoading: b3Loading } = useB3BalanceFromAddresses(
|
|
70
|
-
const { data: nativeBalance, isLoading: nativeLoading } = useNativeBalance(
|
|
72
|
+
const { data: b3Balance, isLoading: b3Loading } = useB3BalanceFromAddresses(globalAccount?.address);
|
|
73
|
+
const { data: nativeBalance, isLoading: nativeLoading } = useNativeBalance(globalAccount?.address);
|
|
71
74
|
|
|
72
75
|
// Calculate total USD values for comparison
|
|
73
76
|
const globalAccountTotalUsd = (b3Balance?.balanceUsd || 0) + (nativeBalance?.totalUsd || 0);
|
|
@@ -184,7 +187,7 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
|
|
|
184
187
|
{/* Global Account Balance Section */}
|
|
185
188
|
<AccordionItem value="global-account" className="border-none">
|
|
186
189
|
<AccordionTrigger className="text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline">
|
|
187
|
-
<span>Balance</span>
|
|
190
|
+
<span>Smart Account Balance</span>
|
|
188
191
|
</AccordionTrigger>
|
|
189
192
|
<AccordionContent className="space-y-4">
|
|
190
193
|
<TokenBalanceRow
|
|
@@ -209,7 +212,7 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
|
|
|
209
212
|
<AccordionItem value="eoa-account" className="border-none">
|
|
210
213
|
<AccordionTrigger className="text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline">
|
|
211
214
|
<div className="flex items-center gap-3">
|
|
212
|
-
<span>
|
|
215
|
+
<span>{eoaInfo?.data?.name || "Wallet"}</span>
|
|
213
216
|
<div className="address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors">
|
|
214
217
|
<span className="text-b3-foreground-muted font-mono text-xs">{centerTruncate(eoaAddress, 6)}</span>
|
|
215
218
|
<CopyToClipboard text={eoaAddress} />
|