@embarkai/ui-kit 0.4.115 → 0.4.117
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/dist/iframe/index.html +1 -1
- package/dist/iframe/main.js +1 -1
- package/dist/index.cjs +227 -154
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +138 -65
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -7602,6 +7602,7 @@ var init_en = __esm({
|
|
|
7602
7602
|
connectWallet: "Connect Wallet Profile",
|
|
7603
7603
|
noWallets: "No wallets available to connect",
|
|
7604
7604
|
requestPending: "{{wallet}} already has a pending request from this site. Open {{wallet}}, reject or close that request, then try again.",
|
|
7605
|
+
projectInfoUnavailable: "Could not load the app details needed to sign in. Check your connection and try again.",
|
|
7605
7606
|
instructions: {
|
|
7606
7607
|
follow: "Watch your connecting wallet app.\nYou will be asked to:\n {{steps}}",
|
|
7607
7608
|
confirm: "- 1. Confirm your wallet connection into embarkAI",
|
|
@@ -8195,6 +8196,7 @@ var init_ru = __esm({
|
|
|
8195
8196
|
connectWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u043F\u0440\u043E\u0444\u0438\u043B\u044C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430",
|
|
8196
8197
|
noWallets: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u043E\u0432 \u0434\u043B\u044F \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F",
|
|
8197
8198
|
requestPending: "\u0412 {{wallet}} \u0443\u0436\u0435 \u0432\u0438\u0441\u0438\u0442 \u0437\u0430\u043F\u0440\u043E\u0441 \u043E\u0442 \u044D\u0442\u043E\u0433\u043E \u0441\u0430\u0439\u0442\u0430. \u041E\u0442\u043A\u0440\u043E\u0439\u0442\u0435 {{wallet}}, \u043E\u0442\u043A\u043B\u043E\u043D\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u043A\u0440\u043E\u0439\u0442\u0435 \u044D\u0442\u043E\u0442 \u0437\u0430\u043F\u0440\u043E\u0441 \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430.",
|
|
8199
|
+
projectInfoUnavailable: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u0434\u043B\u044F \u0432\u0445\u043E\u0434\u0430. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430.",
|
|
8198
8200
|
instructions: {
|
|
8199
8201
|
follow: "\u0421\u043B\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0430\u0435\u043C\u044B\u043C \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435\u043C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430.\n\u0412\u0430\u043C \u0431\u0443\u0434\u0435\u0442 \u043F\u0440\u0435\u0434\u043B\u043E\u0436\u0435\u043D\u043E:\n {{steps}}",
|
|
8200
8202
|
confirm: "- 1. \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u043A embarkAI",
|
|
@@ -8788,6 +8790,7 @@ var init_zh = __esm({
|
|
|
8788
8790
|
connectWallet: "\u8FDE\u63A5\u94B1\u5305\u914D\u7F6E\u6587\u4EF6",
|
|
8789
8791
|
noWallets: "\u6CA1\u6709\u53EF\u8FDE\u63A5\u7684\u94B1\u5305",
|
|
8790
8792
|
requestPending: "{{wallet}} \u4E2D\u5DF2\u6709\u6765\u81EA\u672C\u7F51\u7AD9\u7684\u5F85\u5904\u7406\u8BF7\u6C42\u3002\u8BF7\u6253\u5F00 {{wallet}}\uFF0C\u62D2\u7EDD\u6216\u5173\u95ED\u8BE5\u8BF7\u6C42\uFF0C\u7136\u540E\u91CD\u8BD5\u3002",
|
|
8793
|
+
projectInfoUnavailable: "\u65E0\u6CD5\u52A0\u8F7D\u767B\u5F55\u6240\u9700\u7684\u5E94\u7528\u4FE1\u606F\u3002\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5\u540E\u91CD\u8BD5\u3002",
|
|
8791
8794
|
instructions: {
|
|
8792
8795
|
follow: "\u8BF7\u67E5\u770B\u60A8\u6B63\u5728\u8FDE\u63A5\u7684\u94B1\u5305\u5E94\u7528\u3002\n\u60A8\u5C06\u88AB\u8981\u6C42\uFF1A\n {{steps}}",
|
|
8793
8796
|
confirm: "- 1. \u786E\u8BA4\u5C06\u60A8\u7684\u94B1\u5305\u8FDE\u63A5\u5230 embarkAI",
|
|
@@ -15986,20 +15989,27 @@ async function unlinkWallet(address) {
|
|
|
15986
15989
|
throw new Error(errorData.message || `Failed to unlink wallet: ${response.statusText}`);
|
|
15987
15990
|
}
|
|
15988
15991
|
}
|
|
15989
|
-
async function
|
|
15990
|
-
const
|
|
15991
|
-
if (
|
|
15992
|
+
async function requestProjectName(projectId) {
|
|
15993
|
+
const response = await fetch(`${METADATA_API_URL}/${projectId}/metadata`);
|
|
15994
|
+
if (!response.ok) throw new Error(`Project metadata request failed with status ${response.status}`);
|
|
15995
|
+
const metadata = await response.json();
|
|
15996
|
+
if (!metadata?.name) throw new Error("Project metadata has no name");
|
|
15997
|
+
metadataCache = { data: metadata, timestamp: Date.now() };
|
|
15998
|
+
return metadata.name;
|
|
15999
|
+
}
|
|
16000
|
+
async function fetchProjectName(projectId, attempts = 2) {
|
|
16001
|
+
if (metadataCache && Date.now() - metadataCache.timestamp < METADATA_CACHE_TTL) {
|
|
15992
16002
|
return metadataCache.data.name;
|
|
15993
16003
|
}
|
|
15994
|
-
|
|
15995
|
-
|
|
15996
|
-
|
|
15997
|
-
|
|
15998
|
-
|
|
15999
|
-
|
|
16000
|
-
|
|
16001
|
-
return "EmbarkAI";
|
|
16004
|
+
let lastError;
|
|
16005
|
+
for (let attempt = 0; attempt < attempts; attempt++) {
|
|
16006
|
+
try {
|
|
16007
|
+
return await requestProjectName(projectId);
|
|
16008
|
+
} catch (error) {
|
|
16009
|
+
lastError = error;
|
|
16010
|
+
}
|
|
16002
16011
|
}
|
|
16012
|
+
throw lastError;
|
|
16003
16013
|
}
|
|
16004
16014
|
function createSignatureMessage(address, projectName, nonce) {
|
|
16005
16015
|
const timestamp = Date.now();
|
|
@@ -17438,6 +17448,63 @@ var init_useHasInjectedWallet = __esm({
|
|
|
17438
17448
|
}
|
|
17439
17449
|
});
|
|
17440
17450
|
|
|
17451
|
+
// src/internal/components/ConnectExternalWalletMenu/walletProviders.ts
|
|
17452
|
+
function isConnectorAllowedByProject(connector, walletProviders) {
|
|
17453
|
+
if (!walletProviders) return true;
|
|
17454
|
+
const connectorId = connector.id.toLowerCase();
|
|
17455
|
+
return walletProviders.some((provider) => {
|
|
17456
|
+
const id = provider.toLowerCase();
|
|
17457
|
+
if (id === OTHER_BROWSER_WALLETS) return !KNOWN_CONNECTOR_IDS.has(connectorId);
|
|
17458
|
+
return PROVIDER_CONNECTOR_IDS[id]?.includes(connectorId) ?? false;
|
|
17459
|
+
});
|
|
17460
|
+
}
|
|
17461
|
+
function parseWalletProviders(metadata) {
|
|
17462
|
+
const value = metadata?.walletProviders;
|
|
17463
|
+
return Array.isArray(value) ? value.filter((item) => typeof item === "string") : null;
|
|
17464
|
+
}
|
|
17465
|
+
var PROVIDER_CONNECTOR_IDS, OTHER_BROWSER_WALLETS, KNOWN_CONNECTOR_IDS;
|
|
17466
|
+
var init_walletProviders = __esm({
|
|
17467
|
+
"src/internal/components/ConnectExternalWalletMenu/walletProviders.ts"() {
|
|
17468
|
+
PROVIDER_CONNECTOR_IDS = {
|
|
17469
|
+
metamask: ["metamasksdk", "metamask", "io.metamask", "io.metamask.flask", "io.metamask.mobile"],
|
|
17470
|
+
walletconnect: ["walletconnect"],
|
|
17471
|
+
coinbase: ["coinbasewalletsdk", "coinbasewallet", "com.coinbase.wallet"],
|
|
17472
|
+
phantom: ["app.phantom"],
|
|
17473
|
+
trust: ["com.trustwallet.app"],
|
|
17474
|
+
rabby: ["io.rabby"]
|
|
17475
|
+
};
|
|
17476
|
+
OTHER_BROWSER_WALLETS = "injected";
|
|
17477
|
+
KNOWN_CONNECTOR_IDS = new Set(Object.values(PROVIDER_CONNECTOR_IDS).flat());
|
|
17478
|
+
}
|
|
17479
|
+
});
|
|
17480
|
+
|
|
17481
|
+
// src/internal/components/ConnectExternalWalletMenu/useProjectWalletProviders.ts
|
|
17482
|
+
async function fetchProjectWalletProviders(projectId) {
|
|
17483
|
+
const dashboardUrl = (getServiceUrls().dashboardUrl || DEFAULT_DASHBOARD_URL).replace(/\/+$/, "");
|
|
17484
|
+
const response = await fetch(`${dashboardUrl}/api/public/project/${encodeURIComponent(projectId)}/metadata`);
|
|
17485
|
+
if (!response.ok) throw new Error(`Project metadata request failed with status ${response.status}`);
|
|
17486
|
+
return parseWalletProviders(await response.json());
|
|
17487
|
+
}
|
|
17488
|
+
function useProjectWalletProviders(projectId) {
|
|
17489
|
+
const query = (0, import_react_query25.useQuery)({
|
|
17490
|
+
queryKey: ["embarkai", "project-wallet-providers", projectId],
|
|
17491
|
+
queryFn: () => fetchProjectWalletProviders(projectId),
|
|
17492
|
+
enabled: !!projectId,
|
|
17493
|
+
staleTime: 6e4,
|
|
17494
|
+
retry: 1
|
|
17495
|
+
});
|
|
17496
|
+
return { walletProviders: query.data ?? null, isLoading: query.isLoading };
|
|
17497
|
+
}
|
|
17498
|
+
var import_react_query25, DEFAULT_DASHBOARD_URL;
|
|
17499
|
+
var init_useProjectWalletProviders = __esm({
|
|
17500
|
+
"src/internal/components/ConnectExternalWalletMenu/useProjectWalletProviders.ts"() {
|
|
17501
|
+
init_initial();
|
|
17502
|
+
import_react_query25 = require("@tanstack/react-query");
|
|
17503
|
+
init_walletProviders();
|
|
17504
|
+
DEFAULT_DASHBOARD_URL = "https://dashboard.embarkai.io";
|
|
17505
|
+
}
|
|
17506
|
+
});
|
|
17507
|
+
|
|
17441
17508
|
// src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx
|
|
17442
17509
|
function getConnectFlowType(params) {
|
|
17443
17510
|
const { isEmbarkAI, connectFlow } = params;
|
|
@@ -17448,13 +17515,14 @@ function ConnectExternalWalletMenu() {
|
|
|
17448
17515
|
const { config, callbacksRef } = useProviderConfig();
|
|
17449
17516
|
const allowedWallets = config.current?.wallet?.allowedWallets;
|
|
17450
17517
|
const walletMode = config.current?.wallet?.mode || "both";
|
|
17451
|
-
const qc = (0,
|
|
17518
|
+
const qc = (0, import_react_query26.useQueryClient)();
|
|
17452
17519
|
const { t } = useT();
|
|
17453
17520
|
const embarkAiAddress = useSession((st) => st.address);
|
|
17454
17521
|
const { close: closeEmbarkAI } = useOpenPage();
|
|
17455
17522
|
const menuParams = useConnectExternalWalletMenuParams();
|
|
17456
17523
|
const connectors = (0, import_wagmi3.useConnectors)();
|
|
17457
17524
|
const hasInjectedWallet2 = useHasInjectedWallet();
|
|
17525
|
+
const { walletProviders, isLoading: isLoadingWalletProviders } = useProjectWalletProviders(config.current?.projectId);
|
|
17458
17526
|
const wagmiConfig3 = (0, import_wagmi3.useConfig)();
|
|
17459
17527
|
const chains = (0, import_wagmi3.useChains)();
|
|
17460
17528
|
const connections = (0, import_wagmi3.useConnections)();
|
|
@@ -17483,14 +17551,14 @@ function ConnectExternalWalletMenu() {
|
|
|
17483
17551
|
}
|
|
17484
17552
|
};
|
|
17485
17553
|
const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
|
|
17486
|
-
const { data: providers = [] } = (0,
|
|
17554
|
+
const { data: providers = [] } = (0, import_react_query26.useQuery)({
|
|
17487
17555
|
retry: false,
|
|
17488
17556
|
enabled: !!embarkAiAddress,
|
|
17489
17557
|
queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress],
|
|
17490
17558
|
queryFn: async () => getLinkedProviders()
|
|
17491
17559
|
});
|
|
17492
17560
|
const [connectError, setConnectError] = (0, import_react48.useState)(null);
|
|
17493
|
-
const { mutateAsync: onLinkingComplete } = (0,
|
|
17561
|
+
const { mutateAsync: onLinkingComplete } = (0, import_react_query26.useMutation)({
|
|
17494
17562
|
mutationFn: async (success) => {
|
|
17495
17563
|
useManageWalletStore.getState().setProviderType(null);
|
|
17496
17564
|
useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
|
|
@@ -17518,7 +17586,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17518
17586
|
useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
|
|
17519
17587
|
keepOrReleaseExternalWallet(connector, address, chainId);
|
|
17520
17588
|
};
|
|
17521
|
-
const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0,
|
|
17589
|
+
const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0, import_react_query26.useMutation)({
|
|
17522
17590
|
mutationFn: async (payload) => {
|
|
17523
17591
|
const { walletData, connectFlowType } = payload;
|
|
17524
17592
|
switch (connectFlowType) {
|
|
@@ -17586,7 +17654,9 @@ function ConnectExternalWalletMenu() {
|
|
|
17586
17654
|
return;
|
|
17587
17655
|
}
|
|
17588
17656
|
const projectId = config.current?.projectId;
|
|
17589
|
-
const projectName = projectId ? await fetchProjectName(projectId)
|
|
17657
|
+
const projectName = projectId ? await fetchProjectName(projectId).catch(() => {
|
|
17658
|
+
throw new Error(t("passport:connectMenu.projectInfoUnavailable"));
|
|
17659
|
+
}) : "EmbarkAI";
|
|
17590
17660
|
const createMessage = connectFlowType === "auth" ? createLoginMessage : createSignatureMessage;
|
|
17591
17661
|
const message = createMessage(signingWalletAddress, projectName);
|
|
17592
17662
|
const { signature, chainId: signedChainId } = await signOnSupportedChain({
|
|
@@ -17653,14 +17723,14 @@ function ConnectExternalWalletMenu() {
|
|
|
17653
17723
|
return false;
|
|
17654
17724
|
}
|
|
17655
17725
|
seen.add(connector.uid);
|
|
17656
|
-
return
|
|
17726
|
+
return isConnectorAllowedByProject(connector, walletProviders);
|
|
17657
17727
|
});
|
|
17658
17728
|
if (!allowedWallets?.length) return unique;
|
|
17659
17729
|
const allowed = allowedWallets.map((id) => id.toLowerCase());
|
|
17660
17730
|
return unique.filter(
|
|
17661
17731
|
(connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
|
|
17662
17732
|
);
|
|
17663
|
-
}, [connectors, allowedWallets, hasInjectedWallet2]);
|
|
17733
|
+
}, [connectors, allowedWallets, hasInjectedWallet2, walletProviders]);
|
|
17664
17734
|
const getInstructionSteps = (0, import_react48.useCallback)(() => {
|
|
17665
17735
|
const connectFlowType = getConnectFlowType({
|
|
17666
17736
|
isEmbarkAI: !!embarkAiAddress,
|
|
@@ -17689,7 +17759,8 @@ function ConnectExternalWalletMenu() {
|
|
|
17689
17759
|
),
|
|
17690
17760
|
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xl font-semibold", children: t("passport:connectMenu.connectWallet") })
|
|
17691
17761
|
] }),
|
|
17692
|
-
|
|
17762
|
+
isLoadingWalletProviders && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center justify-center py-[var(--ui-kit-gap)]", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react33.Loader, { className: "w-4 h-4 animate-spin" }) }),
|
|
17763
|
+
(isLoadingWalletProviders ? [] : visibleConnectors).map((connector) => {
|
|
17693
17764
|
const isConnectingThis = isConnectingExternalWallet && //@ts-expect-error uid exists
|
|
17694
17765
|
pendingConnectVariables?.connector?.uid === connector.uid;
|
|
17695
17766
|
const WalletIcon = WALLET_ICONS[connector.id] || import_lucide_react33.Wallet2Icon;
|
|
@@ -17747,7 +17818,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17747
17818
|
steps: getInstructionSteps()
|
|
17748
17819
|
})
|
|
17749
17820
|
}),
|
|
17750
|
-
visibleConnectors.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
|
|
17821
|
+
!isLoadingWalletProviders && visibleConnectors.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Highlight, { type: "info", children: t("passport:connectMenu.noWallets") }),
|
|
17751
17822
|
connectError && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Highlight, { type: "error", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
17752
17823
|
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { children: connectError }),
|
|
17753
17824
|
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
@@ -17769,7 +17840,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17769
17840
|
] })
|
|
17770
17841
|
] });
|
|
17771
17842
|
}
|
|
17772
|
-
var
|
|
17843
|
+
var import_react_query26, import_lucide_react33, import_react48, import_wagmi3, import_chains, import_jsx_runtime74, SIGN_FALLBACK_CHAIN_ID;
|
|
17773
17844
|
var init_ConnectExternalWalletMenu = __esm({
|
|
17774
17845
|
"src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx"() {
|
|
17775
17846
|
init_ProviderContext();
|
|
@@ -17780,7 +17851,7 @@ var init_ConnectExternalWalletMenu = __esm({
|
|
|
17780
17851
|
init_useSafeDisconnect();
|
|
17781
17852
|
init_connect_errors();
|
|
17782
17853
|
init_linkedProfiles();
|
|
17783
|
-
|
|
17854
|
+
import_react_query26 = require("@tanstack/react-query");
|
|
17784
17855
|
import_lucide_react33 = require("lucide-react");
|
|
17785
17856
|
import_react48 = require("react");
|
|
17786
17857
|
import_wagmi3 = require("wagmi");
|
|
@@ -17796,6 +17867,8 @@ var init_ConnectExternalWalletMenu = __esm({
|
|
|
17796
17867
|
init_highlight();
|
|
17797
17868
|
init_useConnectExternalWalletMenuParams();
|
|
17798
17869
|
init_useHasInjectedWallet();
|
|
17870
|
+
init_useProjectWalletProviders();
|
|
17871
|
+
init_walletProviders();
|
|
17799
17872
|
import_jsx_runtime74 = require("react/jsx-runtime");
|
|
17800
17873
|
SIGN_FALLBACK_CHAIN_ID = import_chains.mainnet.id;
|
|
17801
17874
|
}
|
|
@@ -17918,14 +17991,14 @@ async function unlinkDevice(deviceId) {
|
|
|
17918
17991
|
}
|
|
17919
17992
|
}
|
|
17920
17993
|
function useDevices() {
|
|
17921
|
-
return (0,
|
|
17994
|
+
return (0, import_react_query27.useQuery)({
|
|
17922
17995
|
queryKey: [DEVICES_QUERY_KEY],
|
|
17923
17996
|
queryFn: getDevices
|
|
17924
17997
|
});
|
|
17925
17998
|
}
|
|
17926
17999
|
function useLinkDevice() {
|
|
17927
|
-
const qc = (0,
|
|
17928
|
-
return (0,
|
|
18000
|
+
const qc = (0, import_react_query27.useQueryClient)();
|
|
18001
|
+
return (0, import_react_query27.useMutation)({
|
|
17929
18002
|
mutationFn: (code) => linkDevice(code),
|
|
17930
18003
|
onSuccess: () => {
|
|
17931
18004
|
qc.invalidateQueries({ queryKey: [DEVICES_QUERY_KEY] });
|
|
@@ -17933,18 +18006,18 @@ function useLinkDevice() {
|
|
|
17933
18006
|
});
|
|
17934
18007
|
}
|
|
17935
18008
|
function useUnlinkDevice() {
|
|
17936
|
-
const qc = (0,
|
|
17937
|
-
return (0,
|
|
18009
|
+
const qc = (0, import_react_query27.useQueryClient)();
|
|
18010
|
+
return (0, import_react_query27.useMutation)({
|
|
17938
18011
|
mutationFn: (deviceId) => unlinkDevice(deviceId),
|
|
17939
18012
|
onSuccess: () => {
|
|
17940
18013
|
qc.invalidateQueries({ queryKey: [DEVICES_QUERY_KEY] });
|
|
17941
18014
|
}
|
|
17942
18015
|
});
|
|
17943
18016
|
}
|
|
17944
|
-
var
|
|
18017
|
+
var import_react_query27, DEVICES_QUERY_KEY;
|
|
17945
18018
|
var init_devices = __esm({
|
|
17946
18019
|
"src/internal/clients/devices.ts"() {
|
|
17947
|
-
|
|
18020
|
+
import_react_query27 = require("@tanstack/react-query");
|
|
17948
18021
|
init_httpClient();
|
|
17949
18022
|
DEVICES_QUERY_KEY = "devices";
|
|
17950
18023
|
}
|
|
@@ -19506,7 +19579,7 @@ var init_cloudStorage = __esm({
|
|
|
19506
19579
|
|
|
19507
19580
|
// src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
|
|
19508
19581
|
function useCreateBackup() {
|
|
19509
|
-
const qc = (0,
|
|
19582
|
+
const qc = (0, import_react_query28.useQueryClient)();
|
|
19510
19583
|
const session = useSession((st) => st.session);
|
|
19511
19584
|
const address = useSession((st) => st.address);
|
|
19512
19585
|
const hasServerVault = useSession((st) => st.hasServerVault);
|
|
@@ -19537,7 +19610,7 @@ function useCreateBackup() {
|
|
|
19537
19610
|
if (openPostAuthNavigation()) return;
|
|
19538
19611
|
if (isNewUserFlow()) setPage(null);
|
|
19539
19612
|
}, []);
|
|
19540
|
-
const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0,
|
|
19613
|
+
const { mutate: createPasswordBackup, isPending: isPasswordBackupCreating } = (0, import_react_query28.useMutation)({
|
|
19541
19614
|
mutationFn: async () => {
|
|
19542
19615
|
const iframeManager = getIframeManager();
|
|
19543
19616
|
if (!iframeManager) {
|
|
@@ -19582,7 +19655,7 @@ function useCreateBackup() {
|
|
|
19582
19655
|
qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
|
|
19583
19656
|
}
|
|
19584
19657
|
});
|
|
19585
|
-
const { mutate: createLocalBackup, isPending: isLocalBackupCreating } = (0,
|
|
19658
|
+
const { mutate: createLocalBackup, isPending: isLocalBackupCreating } = (0, import_react_query28.useMutation)({
|
|
19586
19659
|
mutationFn: async () => {
|
|
19587
19660
|
const iframeManager = getIframeManager();
|
|
19588
19661
|
if (!usePasskey && !restorePassword) {
|
|
@@ -19616,7 +19689,7 @@ function useCreateBackup() {
|
|
|
19616
19689
|
qc.invalidateQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY, address] });
|
|
19617
19690
|
}
|
|
19618
19691
|
});
|
|
19619
|
-
const { mutate: createPasskey, isPending: isPasskeyCreating } = (0,
|
|
19692
|
+
const { mutate: createPasskey, isPending: isPasskeyCreating } = (0, import_react_query28.useMutation)({
|
|
19620
19693
|
mutationFn: async () => {
|
|
19621
19694
|
useRestoreStore.getState().setIsCreatingPasskey(true);
|
|
19622
19695
|
const { linkPasskeyWithWebAuthn: linkPasskeyWithWebAuthn2 } = await Promise.resolve().then(() => (init_passkey2(), passkey_exports2));
|
|
@@ -19643,7 +19716,7 @@ function useCreateBackup() {
|
|
|
19643
19716
|
}
|
|
19644
19717
|
}
|
|
19645
19718
|
});
|
|
19646
|
-
const { mutate: createCloudBackup, isPending: isCloudBackupCreating } = (0,
|
|
19719
|
+
const { mutate: createCloudBackup, isPending: isCloudBackupCreating } = (0, import_react_query28.useMutation)({
|
|
19647
19720
|
mutationFn: async () => {
|
|
19648
19721
|
const iframeManager = getIframeManager();
|
|
19649
19722
|
const encryptedData = await iframeManager.encryptBackupData(passportUserId);
|
|
@@ -19694,11 +19767,11 @@ function useCreateBackup() {
|
|
|
19694
19767
|
createPasskey
|
|
19695
19768
|
};
|
|
19696
19769
|
}
|
|
19697
|
-
var
|
|
19770
|
+
var import_react_query28, import_react55;
|
|
19698
19771
|
var init_useCreateBackup = __esm({
|
|
19699
19772
|
"src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts"() {
|
|
19700
19773
|
init_SessionContext();
|
|
19701
|
-
|
|
19774
|
+
import_react_query28 = require("@tanstack/react-query");
|
|
19702
19775
|
import_react55 = require("react");
|
|
19703
19776
|
init_auth();
|
|
19704
19777
|
init_useLayoutDataStore();
|
|
@@ -19724,7 +19797,7 @@ function useRestoreAccount() {
|
|
|
19724
19797
|
setRestoreFile
|
|
19725
19798
|
} = useRestoreStore();
|
|
19726
19799
|
const { onRestoreSuccess } = useOnRestoreSuccess();
|
|
19727
|
-
const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0,
|
|
19800
|
+
const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0, import_react_query29.useMutation)({
|
|
19728
19801
|
mutationFn: async () => {
|
|
19729
19802
|
setError(null);
|
|
19730
19803
|
setSuccess(null);
|
|
@@ -19763,7 +19836,7 @@ function useRestoreAccount() {
|
|
|
19763
19836
|
setError(errorMsg);
|
|
19764
19837
|
}
|
|
19765
19838
|
});
|
|
19766
|
-
const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0,
|
|
19839
|
+
const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0, import_react_query29.useMutation)({
|
|
19767
19840
|
mutationFn: async () => {
|
|
19768
19841
|
if (!restoreFile) {
|
|
19769
19842
|
throw new Error("Please select a backup file");
|
|
@@ -19797,7 +19870,7 @@ function useRestoreAccount() {
|
|
|
19797
19870
|
setError(errorMsg);
|
|
19798
19871
|
}
|
|
19799
19872
|
});
|
|
19800
|
-
const { mutate: restoreFromCloud, isPending: isRestoringFromCloud } = (0,
|
|
19873
|
+
const { mutate: restoreFromCloud, isPending: isRestoringFromCloud } = (0, import_react_query29.useMutation)({
|
|
19801
19874
|
mutationFn: async () => {
|
|
19802
19875
|
alert("Cloud restore not implemented yet");
|
|
19803
19876
|
return null;
|
|
@@ -19816,11 +19889,11 @@ function useRestoreAccount() {
|
|
|
19816
19889
|
isRestoringFromCloud
|
|
19817
19890
|
};
|
|
19818
19891
|
}
|
|
19819
|
-
var
|
|
19892
|
+
var import_react_query29;
|
|
19820
19893
|
var init_useRestoreAccount = __esm({
|
|
19821
19894
|
"src/internal/components/KeyshareRestoreMenu/hooks/useRestoreAccount.ts"() {
|
|
19822
19895
|
init_SessionContext();
|
|
19823
|
-
|
|
19896
|
+
import_react_query29 = require("@tanstack/react-query");
|
|
19824
19897
|
init_useOnRestoreSuccess();
|
|
19825
19898
|
init_useRestoreStore();
|
|
19826
19899
|
}
|
|
@@ -20436,7 +20509,7 @@ var init_File = __esm({
|
|
|
20436
20509
|
function Server(props) {
|
|
20437
20510
|
const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
|
|
20438
20511
|
const address = useSession((st) => st.address);
|
|
20439
|
-
const qc = (0,
|
|
20512
|
+
const qc = (0, import_react_query30.useQueryClient)();
|
|
20440
20513
|
const { t } = useT();
|
|
20441
20514
|
const usePasskey = useRestoreStore((st) => st.usePasskey);
|
|
20442
20515
|
const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
|
|
@@ -20484,13 +20557,13 @@ function Server(props) {
|
|
|
20484
20557
|
)
|
|
20485
20558
|
] });
|
|
20486
20559
|
}
|
|
20487
|
-
var
|
|
20560
|
+
var import_react_query30, import_dayjs4, import_lucide_react42, import_react59, import_jsx_runtime83;
|
|
20488
20561
|
var init_Server = __esm({
|
|
20489
20562
|
"src/internal/components/KeyshareRestoreMenu/methods/Server.tsx"() {
|
|
20490
20563
|
init_SessionContext();
|
|
20491
20564
|
init_useT();
|
|
20492
20565
|
init_icons();
|
|
20493
|
-
|
|
20566
|
+
import_react_query30 = require("@tanstack/react-query");
|
|
20494
20567
|
import_dayjs4 = __toESM(require("dayjs"), 1);
|
|
20495
20568
|
import_lucide_react42 = require("lucide-react");
|
|
20496
20569
|
import_react59 = require("react");
|
|
@@ -20647,7 +20720,7 @@ function Cloud2(props) {
|
|
|
20647
20720
|
data: cloudProviders = [],
|
|
20648
20721
|
isLoading: isCloudProvidersLoading,
|
|
20649
20722
|
error: cloudProvidersError
|
|
20650
|
-
} = (0,
|
|
20723
|
+
} = (0, import_react_query31.useQuery)({
|
|
20651
20724
|
retry: false,
|
|
20652
20725
|
enabled: !!passportUserId,
|
|
20653
20726
|
queryKey: [AVAILABLE_CLOUD_PROVIDERS_QUERY_KEY, passportUserId],
|
|
@@ -20721,11 +20794,11 @@ function Cloud2(props) {
|
|
|
20721
20794
|
)
|
|
20722
20795
|
] });
|
|
20723
20796
|
}
|
|
20724
|
-
var
|
|
20797
|
+
var import_react_query31, import_lucide_react44, import_react60, import_jsx_runtime85;
|
|
20725
20798
|
var init_Cloud = __esm({
|
|
20726
20799
|
"src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx"() {
|
|
20727
20800
|
init_SessionContext();
|
|
20728
|
-
|
|
20801
|
+
import_react_query31 = require("@tanstack/react-query");
|
|
20729
20802
|
import_lucide_react44 = require("lucide-react");
|
|
20730
20803
|
import_react60 = require("react");
|
|
20731
20804
|
init_button();
|
|
@@ -20901,14 +20974,14 @@ var init_methods = __esm({
|
|
|
20901
20974
|
});
|
|
20902
20975
|
|
|
20903
20976
|
// src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
|
|
20904
|
-
var
|
|
20977
|
+
var import_react_query32, import_lucide_react46, import_react62, import_jsx_runtime87, RESTORE_COMPONENTS, KeyshareRestoreMenu;
|
|
20905
20978
|
var init_KeyshareRestoreMenu = __esm({
|
|
20906
20979
|
"src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx"() {
|
|
20907
20980
|
init_ProviderContext();
|
|
20908
20981
|
init_SessionContext();
|
|
20909
20982
|
init_i18n();
|
|
20910
20983
|
init_useSafeDisconnect();
|
|
20911
|
-
|
|
20984
|
+
import_react_query32 = require("@tanstack/react-query");
|
|
20912
20985
|
import_lucide_react46 = require("lucide-react");
|
|
20913
20986
|
import_react62 = require("react");
|
|
20914
20987
|
init_useLayoutDataStore();
|
|
@@ -20932,7 +21005,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
20932
21005
|
guardian: Guardian
|
|
20933
21006
|
};
|
|
20934
21007
|
KeyshareRestoreMenu = () => {
|
|
20935
|
-
const qc = (0,
|
|
21008
|
+
const qc = (0, import_react_query32.useQueryClient)();
|
|
20936
21009
|
const { callbacksRef } = useProviderConfig();
|
|
20937
21010
|
const { t } = useT();
|
|
20938
21011
|
const address = useSession((st) => st.address);
|
|
@@ -20972,7 +21045,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
20972
21045
|
restoreFromCloud,
|
|
20973
21046
|
isRestoringFromCloud
|
|
20974
21047
|
} = useRestoreAccount();
|
|
20975
|
-
const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = (0,
|
|
21048
|
+
const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = (0, import_react_query32.useQuery)({
|
|
20976
21049
|
retry: false,
|
|
20977
21050
|
queryKey: [CHECK_BACKUP_QUERY_KEY, address],
|
|
20978
21051
|
queryFn: async () => await getShareRecoveryStats()
|
|
@@ -20981,7 +21054,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
20981
21054
|
(0, import_react62.useEffect)(() => {
|
|
20982
21055
|
if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
|
|
20983
21056
|
}, [hasServerBackup]);
|
|
20984
|
-
const { mutate: disconnect, isPending: isDisconnecting } = (0,
|
|
21057
|
+
const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query32.useMutation)({
|
|
20985
21058
|
mutationFn: async () => {
|
|
20986
21059
|
const { setStatus, setIsLoading } = useSession.getState();
|
|
20987
21060
|
const { setError, setMethod } = useRestoreStore.getState();
|
|
@@ -21137,7 +21210,7 @@ function KeyshareBackupMenu() {
|
|
|
21137
21210
|
setMethod(null);
|
|
21138
21211
|
};
|
|
21139
21212
|
}, []);
|
|
21140
|
-
const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = (0,
|
|
21213
|
+
const { data: serverRecoveryStatus, isLoading: isRecoveryLoading } = (0, import_react_query33.useQuery)({
|
|
21141
21214
|
retry: false,
|
|
21142
21215
|
enabled: !!address,
|
|
21143
21216
|
queryKey: [CHECK_BACKUP_QUERY_KEY, address],
|
|
@@ -21264,12 +21337,12 @@ function KeyshareBackupMenu() {
|
|
|
21264
21337
|
] })
|
|
21265
21338
|
] });
|
|
21266
21339
|
}
|
|
21267
|
-
var
|
|
21340
|
+
var import_react_query33, import_lucide_react47, import_react63, import_jsx_runtime88, COMPONENTS;
|
|
21268
21341
|
var init_KeyshareBackupMenu = __esm({
|
|
21269
21342
|
"src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx"() {
|
|
21270
21343
|
init_SessionContext();
|
|
21271
21344
|
init_i18n();
|
|
21272
|
-
|
|
21345
|
+
import_react_query33 = require("@tanstack/react-query");
|
|
21273
21346
|
import_lucide_react47 = require("lucide-react");
|
|
21274
21347
|
import_react63 = require("react");
|
|
21275
21348
|
init_useLayoutDataStore();
|
|
@@ -21529,18 +21602,18 @@ var init_KycMenu = __esm({
|
|
|
21529
21602
|
// src/internal/hooks/useUserProfile.ts
|
|
21530
21603
|
function useUserProfile() {
|
|
21531
21604
|
const address = useSession((st) => st.address);
|
|
21532
|
-
return (0,
|
|
21605
|
+
return (0, import_react_query34.useQuery)({
|
|
21533
21606
|
queryKey: [QUERY_KEYS.userProfile, address],
|
|
21534
21607
|
queryFn: getUserProfile,
|
|
21535
21608
|
enabled: !!address,
|
|
21536
21609
|
retry: false
|
|
21537
21610
|
});
|
|
21538
21611
|
}
|
|
21539
|
-
var
|
|
21612
|
+
var import_react_query34;
|
|
21540
21613
|
var init_useUserProfile = __esm({
|
|
21541
21614
|
"src/internal/hooks/useUserProfile.ts"() {
|
|
21542
21615
|
init_SessionContext();
|
|
21543
|
-
|
|
21616
|
+
import_react_query34 = require("@tanstack/react-query");
|
|
21544
21617
|
init_profile();
|
|
21545
21618
|
}
|
|
21546
21619
|
});
|
|
@@ -21721,7 +21794,7 @@ var init_constants6 = __esm({
|
|
|
21721
21794
|
// src/internal/hooks/useBlockscoutAssets/useNativeBalance.ts
|
|
21722
21795
|
function useNativeBalance(options) {
|
|
21723
21796
|
const { enabled, address, chainId, publicClient, nativeCurrency } = options;
|
|
21724
|
-
return (0,
|
|
21797
|
+
return (0, import_react_query35.useQuery)({
|
|
21725
21798
|
enabled: enabled && !!address && !!publicClient && !!nativeCurrency?.symbol,
|
|
21726
21799
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
21727
21800
|
queryKey: [NATIVE_BALANCE_QUERY_KEY2, chainId, address],
|
|
@@ -21736,10 +21809,10 @@ function useNativeBalance(options) {
|
|
|
21736
21809
|
}
|
|
21737
21810
|
});
|
|
21738
21811
|
}
|
|
21739
|
-
var
|
|
21812
|
+
var import_react_query35, import_viem7;
|
|
21740
21813
|
var init_useNativeBalance = __esm({
|
|
21741
21814
|
"src/internal/hooks/useBlockscoutAssets/useNativeBalance.ts"() {
|
|
21742
|
-
|
|
21815
|
+
import_react_query35 = require("@tanstack/react-query");
|
|
21743
21816
|
import_viem7 = require("viem");
|
|
21744
21817
|
init_constants6();
|
|
21745
21818
|
}
|
|
@@ -21754,7 +21827,7 @@ function useWatchTokens(options) {
|
|
|
21754
21827
|
const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
|
|
21755
21828
|
return tokensForChain;
|
|
21756
21829
|
}, [config, chainId]);
|
|
21757
|
-
return (0,
|
|
21830
|
+
return (0, import_react_query36.useQuery)({
|
|
21758
21831
|
enabled: !!publicClient && !!address && enabled && watchTokens.length > 0,
|
|
21759
21832
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
21760
21833
|
queryKey: [WATCH_TOKENS_QUERY_KEY, chainId, address, watchTokens.map((t) => t.address).join(",")],
|
|
@@ -21817,11 +21890,11 @@ function useWatchTokens(options) {
|
|
|
21817
21890
|
}
|
|
21818
21891
|
});
|
|
21819
21892
|
}
|
|
21820
|
-
var
|
|
21893
|
+
var import_react_query36, import_react66, import_viem8;
|
|
21821
21894
|
var init_useWatchTokens = __esm({
|
|
21822
21895
|
"src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
|
|
21823
21896
|
init_ProviderContext();
|
|
21824
|
-
|
|
21897
|
+
import_react_query36 = require("@tanstack/react-query");
|
|
21825
21898
|
import_react66 = require("react");
|
|
21826
21899
|
import_viem8 = require("viem");
|
|
21827
21900
|
init_constants6();
|
|
@@ -21963,7 +22036,7 @@ var init_utils9 = __esm({
|
|
|
21963
22036
|
// src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
|
|
21964
22037
|
function useBlockscoutAssets(options) {
|
|
21965
22038
|
const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
|
|
21966
|
-
const qc = (0,
|
|
22039
|
+
const qc = (0, import_react_query37.useQueryClient)();
|
|
21967
22040
|
const { chainConfig, publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useBlockscoutAssets");
|
|
21968
22041
|
const {
|
|
21969
22042
|
//
|
|
@@ -22001,7 +22074,7 @@ function useBlockscoutAssets(options) {
|
|
|
22001
22074
|
data: coreTokenBalances = [],
|
|
22002
22075
|
isLoading: coreTokensLoading,
|
|
22003
22076
|
isFetching: coreTokensFetching
|
|
22004
|
-
} = (0,
|
|
22077
|
+
} = (0, import_react_query37.useQuery)({
|
|
22005
22078
|
enabled: !!address && enabled && !blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
|
|
22006
22079
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
22007
22080
|
queryKey: [`NON-${BLOCKSCOUT_QUERY_KEY}`, resolvedChainId, address],
|
|
@@ -22017,7 +22090,7 @@ function useBlockscoutAssets(options) {
|
|
|
22017
22090
|
data: customItems = [],
|
|
22018
22091
|
isLoading: customLoading,
|
|
22019
22092
|
isFetching: customFetching
|
|
22020
|
-
} = (0,
|
|
22093
|
+
} = (0, import_react_query37.useQuery)({
|
|
22021
22094
|
enabled: !!address && enabled && !blockscoutClient && !!customTokenBalancesQuery && !!customTokenBalancesQueryKey,
|
|
22022
22095
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
22023
22096
|
queryKey: customTokenBalancesQueryKey,
|
|
@@ -22030,7 +22103,7 @@ function useBlockscoutAssets(options) {
|
|
|
22030
22103
|
isFetching: blockscoutFetching,
|
|
22031
22104
|
error: blockscoutError,
|
|
22032
22105
|
dataUpdatedAt
|
|
22033
|
-
} = (0,
|
|
22106
|
+
} = (0, import_react_query37.useQuery)({
|
|
22034
22107
|
enabled: !!address && enabled && !!blockscoutClient && !customTokenBalancesQuery && !customTokenBalancesQueryKey,
|
|
22035
22108
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
22036
22109
|
queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, blockscoutApiUrl, address],
|
|
@@ -22041,7 +22114,7 @@ function useBlockscoutAssets(options) {
|
|
|
22041
22114
|
data: nftItems,
|
|
22042
22115
|
isLoading: nftsLoading,
|
|
22043
22116
|
isFetching: nftsFetching
|
|
22044
|
-
} = (0,
|
|
22117
|
+
} = (0, import_react_query37.useQuery)({
|
|
22045
22118
|
enabled: !!address && enabled && !!blockscoutClient,
|
|
22046
22119
|
...BALANCE_DEFAULT_QUERY_CFG,
|
|
22047
22120
|
queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
|
|
@@ -22051,7 +22124,7 @@ function useBlockscoutAssets(options) {
|
|
|
22051
22124
|
if (!blockscoutItems) return [];
|
|
22052
22125
|
return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
|
|
22053
22126
|
}, [blockscoutItems]);
|
|
22054
|
-
const { data: erc3643Results } = (0,
|
|
22127
|
+
const { data: erc3643Results } = (0, import_react_query37.useQuery)({
|
|
22055
22128
|
queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
|
|
22056
22129
|
queryFn: async () => {
|
|
22057
22130
|
if (!publicClient || erc20TokenAddresses.length === 0) {
|
|
@@ -22233,12 +22306,12 @@ function useBlockscoutAssets(options) {
|
|
|
22233
22306
|
lastUpdated: dataUpdatedAt || null
|
|
22234
22307
|
};
|
|
22235
22308
|
}
|
|
22236
|
-
var import_core4,
|
|
22309
|
+
var import_core4, import_react_query37, import_react67;
|
|
22237
22310
|
var init_useBlockscoutAssets = __esm({
|
|
22238
22311
|
"src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
|
|
22239
22312
|
init_ProviderContext();
|
|
22240
22313
|
import_core4 = require("@embarkai/core");
|
|
22241
|
-
|
|
22314
|
+
import_react_query37 = require("@tanstack/react-query");
|
|
22242
22315
|
import_react67 = require("react");
|
|
22243
22316
|
init_initial();
|
|
22244
22317
|
init_constants();
|
|
@@ -22433,7 +22506,7 @@ function PortfolioItem(props) {
|
|
|
22433
22506
|
queryKey: asset.balanceQueryKey,
|
|
22434
22507
|
queryFn: asset.balanceQuery
|
|
22435
22508
|
} : void 0;
|
|
22436
|
-
const { data: projectAssetBalance } = (0,
|
|
22509
|
+
const { data: projectAssetBalance } = (0, import_react_query38.useQuery)({
|
|
22437
22510
|
enabled: !!projectAssetQuery,
|
|
22438
22511
|
retry: false,
|
|
22439
22512
|
queryKey: projectAssetQuery?.queryKey ?? ["project-asset-balance-disabled", asset.symbol],
|
|
@@ -22443,7 +22516,7 @@ function PortfolioItem(props) {
|
|
|
22443
22516
|
const isSecurity = isSecurityToken(asset);
|
|
22444
22517
|
const embeddedRate = Number(asset.exchangeRateUsd || 0);
|
|
22445
22518
|
const hasEmbeddedRate = Number.isFinite(embeddedRate) && embeddedRate > 0;
|
|
22446
|
-
const { data: assetRate, isLoading: isRateLoading } = (0,
|
|
22519
|
+
const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query38.useQuery)({
|
|
22447
22520
|
enabled: !!address && !hasEmbeddedRate && !isProjectAsset && !isNft && !isSecurity,
|
|
22448
22521
|
// (!!customAssetRateQuery || !!isAssetRateAvailable(asset.symbol)),
|
|
22449
22522
|
retry: false,
|
|
@@ -22516,11 +22589,11 @@ function PortfolioItem(props) {
|
|
|
22516
22589
|
}
|
|
22517
22590
|
);
|
|
22518
22591
|
}
|
|
22519
|
-
var
|
|
22592
|
+
var import_react_query38, import_lucide_react51, import_react68, import_viem11, import_jsx_runtime94, PORTFOLIO_ASSET_RATE_QUERY_KEY;
|
|
22520
22593
|
var init_PortfolioItem = __esm({
|
|
22521
22594
|
"src/internal/components/PortfolioMenu/PortfolioItem.tsx"() {
|
|
22522
22595
|
init_ProviderContext();
|
|
22523
|
-
|
|
22596
|
+
import_react_query38 = require("@tanstack/react-query");
|
|
22524
22597
|
import_lucide_react51 = require("lucide-react");
|
|
22525
22598
|
import_react68 = require("react");
|
|
22526
22599
|
import_viem11 = require("viem");
|
|
@@ -22540,7 +22613,7 @@ var init_PortfolioItem = __esm({
|
|
|
22540
22613
|
function PortfolioMenu() {
|
|
22541
22614
|
const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
|
|
22542
22615
|
const { t } = useT();
|
|
22543
|
-
const qc = (0,
|
|
22616
|
+
const qc = (0, import_react_query39.useQueryClient)();
|
|
22544
22617
|
const address = useSession((st) => st.address);
|
|
22545
22618
|
const {
|
|
22546
22619
|
assets: blockscoutAssets,
|
|
@@ -22600,13 +22673,13 @@ function PortfolioMenu() {
|
|
|
22600
22673
|
blockscoutError && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Highlight, { type: "error", children: blockscoutError?.message })
|
|
22601
22674
|
] });
|
|
22602
22675
|
}
|
|
22603
|
-
var
|
|
22676
|
+
var import_react_query39, import_lucide_react52, import_react69, import_jsx_runtime95;
|
|
22604
22677
|
var init_PortfolioMenu = __esm({
|
|
22605
22678
|
"src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
|
|
22606
22679
|
init_ProviderContext();
|
|
22607
22680
|
init_SessionContext();
|
|
22608
22681
|
init_i18n();
|
|
22609
|
-
|
|
22682
|
+
import_react_query39 = require("@tanstack/react-query");
|
|
22610
22683
|
import_lucide_react52 = require("lucide-react");
|
|
22611
22684
|
import_react69 = require("react");
|
|
22612
22685
|
init_useBlockscoutAssets2();
|
|
@@ -22923,7 +22996,7 @@ function useNicknameAvailability(currentNickname) {
|
|
|
22923
22996
|
if (!currentNickname) return;
|
|
22924
22997
|
useNicknameStore.getState().setNicknameValue(currentNickname);
|
|
22925
22998
|
}, [currentNickname]);
|
|
22926
|
-
const { mutate: checkAvailability, isPending: isCheckingAvailability } = (0,
|
|
22999
|
+
const { mutate: checkAvailability, isPending: isCheckingAvailability } = (0, import_react_query40.useMutation)({
|
|
22927
23000
|
mutationFn: async (newNickname) => {
|
|
22928
23001
|
useNicknameStore.getState().setError(null);
|
|
22929
23002
|
useNicknameStore.getState().setAvailability(null);
|
|
@@ -22955,11 +23028,11 @@ function useNicknameAvailability(currentNickname) {
|
|
|
22955
23028
|
}, [nicknameValue, currentNickname, debouncedCheckAvailability]);
|
|
22956
23029
|
return { isCheckingAvailability };
|
|
22957
23030
|
}
|
|
22958
|
-
var
|
|
23031
|
+
var import_react_query40, import_lodash_es14, import_react70, DEBOUNCE_MS;
|
|
22959
23032
|
var init_useNicknameAvailability = __esm({
|
|
22960
23033
|
"src/internal/components/NicknameMenu/useNicknameAvailability.ts"() {
|
|
22961
23034
|
init_i18n();
|
|
22962
|
-
|
|
23035
|
+
import_react_query40 = require("@tanstack/react-query");
|
|
22963
23036
|
import_lodash_es14 = require("lodash-es");
|
|
22964
23037
|
import_react70 = require("react");
|
|
22965
23038
|
init_nickname();
|
|
@@ -22974,7 +23047,7 @@ var init_useNicknameAvailability = __esm({
|
|
|
22974
23047
|
function NicknameEditForm(props) {
|
|
22975
23048
|
const { isInitialUser, nicknameInfo } = props;
|
|
22976
23049
|
const { handle: currentNickname, canChange } = nicknameInfo || { handle: "", canChange: false };
|
|
22977
|
-
const qc = (0,
|
|
23050
|
+
const qc = (0, import_react_query41.useQueryClient)();
|
|
22978
23051
|
const { t } = useT();
|
|
22979
23052
|
const address = useSession((st) => st.address);
|
|
22980
23053
|
const { callbacksRef } = useProviderConfig();
|
|
@@ -22987,7 +23060,7 @@ function NicknameEditForm(props) {
|
|
|
22987
23060
|
(0, import_react71.useEffect)(() => () => {
|
|
22988
23061
|
if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
|
|
22989
23062
|
}, []);
|
|
22990
|
-
const { mutate: changeNickname2, isPending: isNicknameChanging } = (0,
|
|
23063
|
+
const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query41.useMutation)({
|
|
22991
23064
|
mutationFn: (handle) => changeNickname(handle),
|
|
22992
23065
|
onSuccess: () => {
|
|
22993
23066
|
qc.invalidateQueries({ queryKey: [QUERY_KEYS.nicknameInfo] });
|
|
@@ -23124,13 +23197,13 @@ function NicknameEditForm(props) {
|
|
|
23124
23197
|
!!canChange && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
|
|
23125
23198
|
] });
|
|
23126
23199
|
}
|
|
23127
|
-
var
|
|
23200
|
+
var import_react_query41, import_lucide_react55, import_react71, import_jsx_runtime98;
|
|
23128
23201
|
var init_NicknameEditForm = __esm({
|
|
23129
23202
|
"src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
|
|
23130
23203
|
init_ProviderContext();
|
|
23131
23204
|
init_SessionContext();
|
|
23132
23205
|
init_i18n();
|
|
23133
|
-
|
|
23206
|
+
import_react_query41 = require("@tanstack/react-query");
|
|
23134
23207
|
import_lucide_react55 = require("lucide-react");
|
|
23135
23208
|
import_react71 = require("react");
|
|
23136
23209
|
init_icons();
|
|
@@ -23161,7 +23234,7 @@ function NicknameMenu() {
|
|
|
23161
23234
|
data: nicknameInfo,
|
|
23162
23235
|
isLoading: isNicknameInfoLoading,
|
|
23163
23236
|
error: nicknameInfoError
|
|
23164
|
-
} = (0,
|
|
23237
|
+
} = (0, import_react_query42.useQuery)({
|
|
23165
23238
|
retry: 1,
|
|
23166
23239
|
enabled: !!address,
|
|
23167
23240
|
queryKey: [QUERY_KEYS.nicknameInfo, address],
|
|
@@ -23235,13 +23308,13 @@ function NicknameMenu() {
|
|
|
23235
23308
|
!!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
|
|
23236
23309
|
] });
|
|
23237
23310
|
}
|
|
23238
|
-
var
|
|
23311
|
+
var import_react_query42, import_dayjs5, import_lucide_react56, import_react72, import_jsx_runtime99;
|
|
23239
23312
|
var init_NicknameMenu = __esm({
|
|
23240
23313
|
"src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
|
|
23241
23314
|
init_SessionContext();
|
|
23242
23315
|
init_useOpenPage();
|
|
23243
23316
|
init_i18n();
|
|
23244
|
-
|
|
23317
|
+
import_react_query42 = require("@tanstack/react-query");
|
|
23245
23318
|
import_dayjs5 = __toESM(require("dayjs"), 1);
|
|
23246
23319
|
import_lucide_react56 = require("lucide-react");
|
|
23247
23320
|
import_react72 = require("react");
|
|
@@ -23368,7 +23441,7 @@ function ReceiveMenu() {
|
|
|
23368
23441
|
const session = useSession((st) => st.session);
|
|
23369
23442
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
23370
23443
|
const address = session?.smartAccountAddress ?? null;
|
|
23371
|
-
const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = (0,
|
|
23444
|
+
const { data: nicknameInfo, isLoading: isNicknameInfoLoading } = (0, import_react_query43.useQuery)({
|
|
23372
23445
|
retry: 1,
|
|
23373
23446
|
enabled: !!address,
|
|
23374
23447
|
queryKey: [QUERY_KEYS.nicknameInfo, address],
|
|
@@ -23486,12 +23559,12 @@ function ReceiveMenu() {
|
|
|
23486
23559
|
] })
|
|
23487
23560
|
] });
|
|
23488
23561
|
}
|
|
23489
|
-
var
|
|
23562
|
+
var import_react_query43, import_lucide_react57, import_qrcode, import_react73, import_jsx_runtime100;
|
|
23490
23563
|
var init_ReceiveMenu = __esm({
|
|
23491
23564
|
"src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
|
|
23492
23565
|
init_SessionContext();
|
|
23493
23566
|
init_i18n();
|
|
23494
|
-
|
|
23567
|
+
import_react_query43 = require("@tanstack/react-query");
|
|
23495
23568
|
import_lucide_react57 = require("lucide-react");
|
|
23496
23569
|
import_qrcode = __toESM(require("qrcode"), 1);
|
|
23497
23570
|
import_react73 = require("react");
|
|
@@ -23613,7 +23686,7 @@ var init_constants7 = __esm({
|
|
|
23613
23686
|
function useConnectedApps() {
|
|
23614
23687
|
const session = useSession((st) => st.session);
|
|
23615
23688
|
const userId = session?.mpcUserId || null;
|
|
23616
|
-
return (0,
|
|
23689
|
+
return (0, import_react_query44.useQuery)({
|
|
23617
23690
|
retry: false,
|
|
23618
23691
|
enabled: !!userId,
|
|
23619
23692
|
queryKey: [CONNECTED_TRUSTED_APPS_QUERY, userId],
|
|
@@ -23626,11 +23699,11 @@ function useConnectedApps() {
|
|
|
23626
23699
|
}
|
|
23627
23700
|
});
|
|
23628
23701
|
}
|
|
23629
|
-
var
|
|
23702
|
+
var import_react_query44;
|
|
23630
23703
|
var init_useConnectedApps = __esm({
|
|
23631
23704
|
"src/internal/components/SecurityMenu/ConnectedApps/useConnectedApps.ts"() {
|
|
23632
23705
|
init_SessionContext();
|
|
23633
|
-
|
|
23706
|
+
import_react_query44 = require("@tanstack/react-query");
|
|
23634
23707
|
init_httpClient();
|
|
23635
23708
|
init_constants7();
|
|
23636
23709
|
}
|
|
@@ -23769,10 +23842,10 @@ var init_ConnectedApps = __esm({
|
|
|
23769
23842
|
// src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx
|
|
23770
23843
|
function UntrustApplication() {
|
|
23771
23844
|
const { t } = useT();
|
|
23772
|
-
const qc = (0,
|
|
23845
|
+
const qc = (0, import_react_query45.useQueryClient)();
|
|
23773
23846
|
const userId = useSession((st) => st?.session?.mpcUserId);
|
|
23774
23847
|
const appToUntrust = useSecurityStore((st) => st.appToUntrust);
|
|
23775
|
-
const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0,
|
|
23848
|
+
const { mutate: handleUntrustApp, isPending: isUntrustingApp } = (0, import_react_query45.useMutation)({
|
|
23776
23849
|
mutationFn: async () => {
|
|
23777
23850
|
if (!userId || !appToUntrust) return;
|
|
23778
23851
|
const iframeManager = getIframeManager();
|
|
@@ -23848,12 +23921,12 @@ function UntrustApplication() {
|
|
|
23848
23921
|
] })
|
|
23849
23922
|
] });
|
|
23850
23923
|
}
|
|
23851
|
-
var
|
|
23924
|
+
var import_react_query45, import_lucide_react59, import_jsx_runtime102;
|
|
23852
23925
|
var init_UntrustApplication = __esm({
|
|
23853
23926
|
"src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
|
|
23854
23927
|
init_SessionContext();
|
|
23855
23928
|
init_i18n();
|
|
23856
|
-
|
|
23929
|
+
import_react_query45 = require("@tanstack/react-query");
|
|
23857
23930
|
import_lucide_react59 = require("lucide-react");
|
|
23858
23931
|
init_iframe_manager();
|
|
23859
23932
|
init_button();
|
|
@@ -23992,7 +24065,7 @@ var init_LastBackup = __esm({
|
|
|
23992
24065
|
function useKeyshareRecoveryStats() {
|
|
23993
24066
|
const session = useSession((st) => st.session);
|
|
23994
24067
|
const userId = session?.mpcUserId || null;
|
|
23995
|
-
return (0,
|
|
24068
|
+
return (0, import_react_query46.useQuery)({
|
|
23996
24069
|
enabled: !!userId,
|
|
23997
24070
|
queryKey: [KEYSHARE_RECOVERY_STATS_QUERY, userId],
|
|
23998
24071
|
queryFn: async () => {
|
|
@@ -24009,11 +24082,11 @@ function useKeyshareRecoveryStats() {
|
|
|
24009
24082
|
}
|
|
24010
24083
|
});
|
|
24011
24084
|
}
|
|
24012
|
-
var
|
|
24085
|
+
var import_react_query46;
|
|
24013
24086
|
var init_useKeyshareRecoveryStats = __esm({
|
|
24014
24087
|
"src/internal/components/SecurityMenu/Keyshare/useKeyshareRecoveryStats.ts"() {
|
|
24015
24088
|
init_SessionContext();
|
|
24016
|
-
|
|
24089
|
+
import_react_query46 = require("@tanstack/react-query");
|
|
24017
24090
|
init_keyshare();
|
|
24018
24091
|
init_iframe_manager();
|
|
24019
24092
|
init_vaultClient();
|
|
@@ -24263,18 +24336,18 @@ var init_usePolicyForm = __esm({
|
|
|
24263
24336
|
// src/internal/components/SecurityMenu/UserPolicies/useUserAssetsPolicies.ts
|
|
24264
24337
|
function useUserAssetsPolicies(activeChainId) {
|
|
24265
24338
|
const mpcUserId = useSession((st) => st.session?.mpcUserId);
|
|
24266
|
-
return (0,
|
|
24339
|
+
return (0, import_react_query47.useQuery)({
|
|
24267
24340
|
retry: 1,
|
|
24268
24341
|
enabled: !!mpcUserId && !!activeChainId,
|
|
24269
24342
|
queryKey: [USER_POLICIES_QUERY_KEY, mpcUserId, activeChainId],
|
|
24270
24343
|
queryFn: async () => USER_ASSETS_POLICIES_API.getUserPolicy(mpcUserId, activeChainId)
|
|
24271
24344
|
});
|
|
24272
24345
|
}
|
|
24273
|
-
var
|
|
24346
|
+
var import_react_query47, USER_POLICIES_QUERY_KEY;
|
|
24274
24347
|
var init_useUserAssetsPolicies = __esm({
|
|
24275
24348
|
"src/internal/components/SecurityMenu/UserPolicies/useUserAssetsPolicies.ts"() {
|
|
24276
24349
|
init_SessionContext();
|
|
24277
|
-
|
|
24350
|
+
import_react_query47 = require("@tanstack/react-query");
|
|
24278
24351
|
init_api4();
|
|
24279
24352
|
USER_POLICIES_QUERY_KEY = "user-custom-policies-query";
|
|
24280
24353
|
}
|
|
@@ -24391,7 +24464,7 @@ function AddressListEditor(props) {
|
|
|
24391
24464
|
}
|
|
24392
24465
|
function PolicyForm() {
|
|
24393
24466
|
const { t } = useT();
|
|
24394
|
-
const qc = (0,
|
|
24467
|
+
const qc = (0, import_react_query48.useQueryClient)();
|
|
24395
24468
|
const activeChainId = useSession((st) => st.activeChainId);
|
|
24396
24469
|
const mpcUserId = useSession((st) => st.session?.mpcUserId);
|
|
24397
24470
|
const isAssetsLoading = false;
|
|
@@ -24403,7 +24476,7 @@ function PolicyForm() {
|
|
|
24403
24476
|
showFormErrors,
|
|
24404
24477
|
setShowFormErrors
|
|
24405
24478
|
} = useWatchFormData();
|
|
24406
|
-
const { mutate: submitPolicy, isPending: isPolicySubmitting } = (0,
|
|
24479
|
+
const { mutate: submitPolicy, isPending: isPolicySubmitting } = (0, import_react_query48.useMutation)({
|
|
24407
24480
|
mutationFn: async () => {
|
|
24408
24481
|
if (!mpcUserId || !activeChainId) {
|
|
24409
24482
|
throw new Error("User or active chain is not available");
|
|
@@ -24513,12 +24586,12 @@ function PolicyForm() {
|
|
|
24513
24586
|
showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
|
|
24514
24587
|
] });
|
|
24515
24588
|
}
|
|
24516
|
-
var
|
|
24589
|
+
var import_react_query48, import_lucide_react63, import_react76, import_jsx_runtime106;
|
|
24517
24590
|
var init_PolicyForm = __esm({
|
|
24518
24591
|
"src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
|
|
24519
24592
|
init_SessionContext();
|
|
24520
24593
|
init_useT();
|
|
24521
|
-
|
|
24594
|
+
import_react_query48 = require("@tanstack/react-query");
|
|
24522
24595
|
import_lucide_react63 = require("lucide-react");
|
|
24523
24596
|
import_react76 = require("react");
|
|
24524
24597
|
init_button();
|
|
@@ -24598,13 +24671,13 @@ function RulesSummary(props) {
|
|
|
24598
24671
|
}
|
|
24599
24672
|
function UserPolicies() {
|
|
24600
24673
|
const { t } = useT();
|
|
24601
|
-
const qc = (0,
|
|
24674
|
+
const qc = (0, import_react_query49.useQueryClient)();
|
|
24602
24675
|
const config = useProviderConfig().config;
|
|
24603
24676
|
const mpcUserId = useSession((st) => st.session?.mpcUserId);
|
|
24604
24677
|
const activeChainId = useSession((st) => st.activeChainId);
|
|
24605
24678
|
const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react77.useState)(false);
|
|
24606
24679
|
const { data: policyView, isLoading: isPolicyLoading } = useUserAssetsPolicies(activeChainId);
|
|
24607
|
-
const { mutate: cancelPending, isPending: isCancellingPending } = (0,
|
|
24680
|
+
const { mutate: cancelPending, isPending: isCancellingPending } = (0, import_react_query49.useMutation)({
|
|
24608
24681
|
mutationFn: async () => {
|
|
24609
24682
|
if (!mpcUserId || !activeChainId) {
|
|
24610
24683
|
throw new Error("User or active chain is not available");
|
|
@@ -24615,7 +24688,7 @@ function UserPolicies() {
|
|
|
24615
24688
|
await qc.invalidateQueries({ queryKey: [USER_POLICIES_QUERY_KEY] });
|
|
24616
24689
|
}
|
|
24617
24690
|
});
|
|
24618
|
-
const { mutate: deletePolicy, isPending: isDeletingPolicy } = (0,
|
|
24691
|
+
const { mutate: deletePolicy, isPending: isDeletingPolicy } = (0, import_react_query49.useMutation)({
|
|
24619
24692
|
mutationFn: async () => {
|
|
24620
24693
|
if (!mpcUserId || !activeChainId) {
|
|
24621
24694
|
throw new Error("User or active chain is not available");
|
|
@@ -24715,13 +24788,13 @@ function UserPolicies() {
|
|
|
24715
24788
|
] })
|
|
24716
24789
|
] });
|
|
24717
24790
|
}
|
|
24718
|
-
var
|
|
24791
|
+
var import_react_query49, import_clsx3, import_lucide_react64, import_react77, import_jsx_runtime107;
|
|
24719
24792
|
var init_UserPolicies = __esm({
|
|
24720
24793
|
"src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
|
|
24721
24794
|
init_ProviderContext();
|
|
24722
24795
|
init_SessionContext();
|
|
24723
24796
|
init_useT();
|
|
24724
|
-
|
|
24797
|
+
import_react_query49 = require("@tanstack/react-query");
|
|
24725
24798
|
import_clsx3 = __toESM(require("clsx"), 1);
|
|
24726
24799
|
import_lucide_react64 = require("lucide-react");
|
|
24727
24800
|
import_react77 = require("react");
|
|
@@ -25564,7 +25637,7 @@ function useHyperlaneHistory() {
|
|
|
25564
25637
|
const page = useLayoutDataStore((st) => st.page);
|
|
25565
25638
|
const flow = useFlowSelectorStore((st) => st.flow);
|
|
25566
25639
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
25567
|
-
const query = (0,
|
|
25640
|
+
const query = (0, import_react_query50.useInfiniteQuery)({
|
|
25568
25641
|
retry: false,
|
|
25569
25642
|
initialPageParam: 1,
|
|
25570
25643
|
refetchInterval: TX_HISTORY_POLLING_INTERVAL,
|
|
@@ -25579,11 +25652,11 @@ function useHyperlaneHistory() {
|
|
|
25579
25652
|
);
|
|
25580
25653
|
return { query, txList };
|
|
25581
25654
|
}
|
|
25582
|
-
var
|
|
25655
|
+
var import_react_query50, import_react81, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
|
|
25583
25656
|
var init_useHyperlaneHistory = __esm({
|
|
25584
25657
|
"src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
|
|
25585
25658
|
init_SessionContext();
|
|
25586
|
-
|
|
25659
|
+
import_react_query50 = require("@tanstack/react-query");
|
|
25587
25660
|
import_react81 = require("react");
|
|
25588
25661
|
init_useLayoutDataStore();
|
|
25589
25662
|
init_useFlowSelector();
|
|
@@ -25611,7 +25684,7 @@ var init_useOperationHashesStore = __esm({
|
|
|
25611
25684
|
|
|
25612
25685
|
// src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
|
|
25613
25686
|
function useBridge() {
|
|
25614
|
-
const qc = (0,
|
|
25687
|
+
const qc = (0, import_react_query51.useQueryClient)();
|
|
25615
25688
|
const { t } = useT();
|
|
25616
25689
|
const address = useSession((st) => st.address);
|
|
25617
25690
|
const { data: walletClient } = (0, import_wagmi5.useWalletClient)();
|
|
@@ -25629,7 +25702,7 @@ function useBridge() {
|
|
|
25629
25702
|
setOriginChain(destinationChain);
|
|
25630
25703
|
setDestinationChain(originChain);
|
|
25631
25704
|
}, []);
|
|
25632
|
-
const { mutate: estimateQuote } = (0,
|
|
25705
|
+
const { mutate: estimateQuote } = (0, import_react_query51.useMutation)({
|
|
25633
25706
|
mutationFn: async (amountToBridge) => {
|
|
25634
25707
|
useFlowSelectorStore.getState().setError(null);
|
|
25635
25708
|
useFlowSelectorStore.getState().setIsUiLocked(true);
|
|
@@ -25696,7 +25769,7 @@ function useBridge() {
|
|
|
25696
25769
|
})
|
|
25697
25770
|
);
|
|
25698
25771
|
}, []);
|
|
25699
|
-
const { mutate: bridgeAsset, isPending: isAssetBridging } = (0,
|
|
25772
|
+
const { mutate: bridgeAsset, isPending: isAssetBridging } = (0, import_react_query51.useMutation)({
|
|
25700
25773
|
mutationFn: async () => {
|
|
25701
25774
|
const directWalletAddress = useExternalWalletStore.getState().externalAddress;
|
|
25702
25775
|
const directWalletChainId = useExternalWalletStore.getState().externalChainId;
|
|
@@ -25802,12 +25875,12 @@ function useBridge() {
|
|
|
25802
25875
|
isAssetBridging
|
|
25803
25876
|
};
|
|
25804
25877
|
}
|
|
25805
|
-
var
|
|
25878
|
+
var import_react_query51, import_react82, import_wagmi5;
|
|
25806
25879
|
var init_useBridge = __esm({
|
|
25807
25880
|
"src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
|
|
25808
25881
|
init_SessionContext();
|
|
25809
25882
|
init_i18n();
|
|
25810
|
-
|
|
25883
|
+
import_react_query51 = require("@tanstack/react-query");
|
|
25811
25884
|
import_react82 = require("react");
|
|
25812
25885
|
import_wagmi5 = require("wagmi");
|
|
25813
25886
|
init_useLayoutStore();
|
|
@@ -25833,7 +25906,7 @@ function useHyperlaneRoutes() {
|
|
|
25833
25906
|
data: hyperlaneWarpRoutes = [],
|
|
25834
25907
|
isLoading: isLoadingWarpRoutes,
|
|
25835
25908
|
error: errorWarpRoutes
|
|
25836
|
-
} = (0,
|
|
25909
|
+
} = (0, import_react_query52.useQuery)({
|
|
25837
25910
|
retry: false,
|
|
25838
25911
|
enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
|
|
25839
25912
|
queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
|
|
@@ -25873,11 +25946,11 @@ function useHyperlaneRoutes() {
|
|
|
25873
25946
|
}, [hyperRoute, hyperlaneWarpRoutes]);
|
|
25874
25947
|
return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
|
|
25875
25948
|
}
|
|
25876
|
-
var
|
|
25949
|
+
var import_react_query52, import_react83, HYPERLANE_WARP_ROUTES_QUERY_KEY;
|
|
25877
25950
|
var init_useHyperlaneRoutes = __esm({
|
|
25878
25951
|
"src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
|
|
25879
25952
|
init_SessionContext();
|
|
25880
|
-
|
|
25953
|
+
import_react_query52 = require("@tanstack/react-query");
|
|
25881
25954
|
import_react83 = require("react");
|
|
25882
25955
|
init_useLayoutDataStore();
|
|
25883
25956
|
init_useFlowSelector();
|
|
@@ -26090,7 +26163,7 @@ var init_ResolveChainIcon = __esm({
|
|
|
26090
26163
|
|
|
26091
26164
|
// src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
|
|
26092
26165
|
function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
26093
|
-
const qc = (0,
|
|
26166
|
+
const qc = (0, import_react_query53.useQueryClient)();
|
|
26094
26167
|
const { t } = useT();
|
|
26095
26168
|
const address = useSession((st) => st.address);
|
|
26096
26169
|
const activeChainId = useSession((st) => st.activeChainId);
|
|
@@ -26118,7 +26191,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
|
26118
26191
|
const embarkTokenBalanace = assets.find((a) => selectedWarpRoute?.symbol === checkWrapedTokenSymbol(a.symbol));
|
|
26119
26192
|
const originChainMeta = CHAINS_UI_META[originChain];
|
|
26120
26193
|
const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
|
|
26121
|
-
const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0,
|
|
26194
|
+
const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = (0, import_react_query53.useQuery)({
|
|
26122
26195
|
retry: false,
|
|
26123
26196
|
enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
|
|
26124
26197
|
queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
|
|
@@ -26161,7 +26234,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
|
26161
26234
|
return { value, decimals, symbol, formatted };
|
|
26162
26235
|
}
|
|
26163
26236
|
});
|
|
26164
|
-
const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0,
|
|
26237
|
+
const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = (0, import_react_query53.useQuery)({
|
|
26165
26238
|
retry: false,
|
|
26166
26239
|
enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
|
|
26167
26240
|
queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
|
|
@@ -26223,13 +26296,13 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
|
26223
26296
|
isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
|
|
26224
26297
|
};
|
|
26225
26298
|
}
|
|
26226
|
-
var import_core8,
|
|
26299
|
+
var import_core8, import_react_query53, import_react85, import_viem15, import_wagmi6, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
|
|
26227
26300
|
var init_useBridgeBalance = __esm({
|
|
26228
26301
|
"src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
|
|
26229
26302
|
init_SessionContext();
|
|
26230
26303
|
init_i18n();
|
|
26231
26304
|
import_core8 = require("@embarkai/core");
|
|
26232
|
-
|
|
26305
|
+
import_react_query53 = require("@tanstack/react-query");
|
|
26233
26306
|
import_react85 = require("react");
|
|
26234
26307
|
import_viem15 = require("viem");
|
|
26235
26308
|
import_wagmi6 = require("wagmi");
|
|
@@ -26904,7 +26977,7 @@ function HistoryItem(props) {
|
|
|
26904
26977
|
txStatus
|
|
26905
26978
|
} = props;
|
|
26906
26979
|
const { t } = useT();
|
|
26907
|
-
const qc = (0,
|
|
26980
|
+
const qc = (0, import_react_query54.useQueryClient)();
|
|
26908
26981
|
const address = useSession((st) => st.address);
|
|
26909
26982
|
const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
|
|
26910
26983
|
const assetWarpRoute = warpRoutes?.find((route) => {
|
|
@@ -27030,12 +27103,12 @@ function HistoryStep() {
|
|
|
27030
27103
|
)
|
|
27031
27104
|
] });
|
|
27032
27105
|
}
|
|
27033
|
-
var
|
|
27106
|
+
var import_react_query54, import_dayjs8, import_lucide_react70, import_jsx_runtime115, P_CN3;
|
|
27034
27107
|
var init_HistoryStep = __esm({
|
|
27035
27108
|
"src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
|
|
27036
27109
|
init_SessionContext();
|
|
27037
27110
|
init_i18n();
|
|
27038
|
-
|
|
27111
|
+
import_react_query54 = require("@tanstack/react-query");
|
|
27039
27112
|
import_dayjs8 = __toESM(require("dayjs"), 1);
|
|
27040
27113
|
import_lucide_react70 = require("lucide-react");
|
|
27041
27114
|
init_tokens();
|
|
@@ -27355,7 +27428,7 @@ function useNicknameResolve(input, options) {
|
|
|
27355
27428
|
clearTimeout(timer);
|
|
27356
27429
|
};
|
|
27357
27430
|
}, [normalized, isNicknameInput, enabled]);
|
|
27358
|
-
const query = (0,
|
|
27431
|
+
const query = (0, import_react_query55.useQuery)({
|
|
27359
27432
|
queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
|
|
27360
27433
|
queryFn: async () => await resolveNickname(debouncedInput, chainId),
|
|
27361
27434
|
enabled: enabled && isNicknameInput && debouncedInput.length > 0,
|
|
@@ -27388,10 +27461,10 @@ function useNicknameResolve(input, options) {
|
|
|
27388
27461
|
resolvedAddress
|
|
27389
27462
|
};
|
|
27390
27463
|
}
|
|
27391
|
-
var
|
|
27464
|
+
var import_react_query55, import_react91, DEBOUNCE_MS2;
|
|
27392
27465
|
var init_useNicknameResolve = __esm({
|
|
27393
27466
|
"src/hooks/useNicknameResolve.ts"() {
|
|
27394
|
-
|
|
27467
|
+
import_react_query55 = require("@tanstack/react-query");
|
|
27395
27468
|
import_react91 = require("react");
|
|
27396
27469
|
init_nickname();
|
|
27397
27470
|
init_profile();
|
|
@@ -27909,7 +27982,7 @@ function isNftAsset4(asset) {
|
|
|
27909
27982
|
function useTokenBalance(asset) {
|
|
27910
27983
|
const address = useSession((st) => st.address);
|
|
27911
27984
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
27912
|
-
return (0,
|
|
27985
|
+
return (0, import_react_query56.useQuery)({
|
|
27913
27986
|
retry: false,
|
|
27914
27987
|
enabled: !!address && !!chainConfig?.id && !!asset?.symbol,
|
|
27915
27988
|
refetchInterval: 5e3,
|
|
@@ -27973,11 +28046,11 @@ function useTokenBalance(asset) {
|
|
|
27973
28046
|
}
|
|
27974
28047
|
});
|
|
27975
28048
|
}
|
|
27976
|
-
var
|
|
28049
|
+
var import_react_query56, import_viem19, SEND_TOKEN_BALANCE_QUERY_KEY;
|
|
27977
28050
|
var init_useTokenBalance = __esm({
|
|
27978
28051
|
"src/internal/components/SendMenu/send/useTokenBalance.ts"() {
|
|
27979
28052
|
init_SessionContext();
|
|
27980
|
-
|
|
28053
|
+
import_react_query56 = require("@tanstack/react-query");
|
|
27981
28054
|
import_viem19 = require("viem");
|
|
27982
28055
|
SEND_TOKEN_BALANCE_QUERY_KEY = "current-chain-send-token-balance-query";
|
|
27983
28056
|
}
|
|
@@ -28209,7 +28282,7 @@ function ConfirmSendStep(props) {
|
|
|
28209
28282
|
const isNft = isNftAsset3(selectedAsset);
|
|
28210
28283
|
const isSecurity = isSecurityToken2(selectedAsset);
|
|
28211
28284
|
const effectiveAddress = isNicknameInput ? resolvedAddress : recipient;
|
|
28212
|
-
const { mutate: handleConfirm, isPending: isTransactionPending } = (0,
|
|
28285
|
+
const { mutate: handleConfirm, isPending: isTransactionPending } = (0, import_react_query57.useMutation)({
|
|
28213
28286
|
mutationFn: async () => {
|
|
28214
28287
|
if (!effectiveAddress || !selectedAsset) return;
|
|
28215
28288
|
setTxStep("pending");
|
|
@@ -28370,12 +28443,12 @@ function ConfirmSendStep(props) {
|
|
|
28370
28443
|
}
|
|
28371
28444
|
);
|
|
28372
28445
|
}
|
|
28373
|
-
var
|
|
28446
|
+
var import_react_query57, import_lucide_react76, import_jsx_runtime124;
|
|
28374
28447
|
var init_ConfirmSendStep = __esm({
|
|
28375
28448
|
"src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
|
|
28376
28449
|
init_SessionContext();
|
|
28377
28450
|
init_i18n();
|
|
28378
|
-
|
|
28451
|
+
import_react_query57 = require("@tanstack/react-query");
|
|
28379
28452
|
import_lucide_react76 = require("lucide-react");
|
|
28380
28453
|
init_priceFormatter();
|
|
28381
28454
|
init_utils();
|
|
@@ -29640,7 +29713,7 @@ var init_TransactionsGroup = __esm({
|
|
|
29640
29713
|
|
|
29641
29714
|
// src/internal/components/TransactionsMenu/TransactionsMenu.tsx
|
|
29642
29715
|
function TransactionsMenu() {
|
|
29643
|
-
const qc = (0,
|
|
29716
|
+
const qc = (0, import_react_query58.useQueryClient)();
|
|
29644
29717
|
const address = useSession((st) => st.address);
|
|
29645
29718
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
29646
29719
|
const { t } = useT();
|
|
@@ -29653,7 +29726,7 @@ function TransactionsMenu() {
|
|
|
29653
29726
|
isLoading: isTxHistoryLoading,
|
|
29654
29727
|
isFetching: isTxHistoryFetching,
|
|
29655
29728
|
error: txHistoryError
|
|
29656
|
-
} = (0,
|
|
29729
|
+
} = (0, import_react_query58.useQuery)({
|
|
29657
29730
|
retry: false,
|
|
29658
29731
|
enabled: !!address && !!chainConfig?.id && historySupported,
|
|
29659
29732
|
queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
|
|
@@ -29698,12 +29771,12 @@ function TransactionsMenu() {
|
|
|
29698
29771
|
)) })
|
|
29699
29772
|
] });
|
|
29700
29773
|
}
|
|
29701
|
-
var
|
|
29774
|
+
var import_react_query58, import_lucide_react80, import_react99, import_jsx_runtime128;
|
|
29702
29775
|
var init_TransactionsMenu = __esm({
|
|
29703
29776
|
"src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
|
|
29704
29777
|
init_SessionContext();
|
|
29705
29778
|
init_i18n();
|
|
29706
|
-
|
|
29779
|
+
import_react_query58 = require("@tanstack/react-query");
|
|
29707
29780
|
import_lucide_react80 = require("lucide-react");
|
|
29708
29781
|
import_react99 = require("react");
|
|
29709
29782
|
init_useLayoutDataStore();
|
|
@@ -29790,7 +29863,7 @@ function SettingsMenu() {
|
|
|
29790
29863
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
29791
29864
|
const settingsButtons = useSettingsButtons(activeChainId);
|
|
29792
29865
|
useProvidersList();
|
|
29793
|
-
(0,
|
|
29866
|
+
(0, import_react_query59.useQuery)({
|
|
29794
29867
|
retry: 1,
|
|
29795
29868
|
enabled: !!address,
|
|
29796
29869
|
queryKey: [QUERY_KEYS.nicknameInfo, address],
|
|
@@ -29822,13 +29895,13 @@ function SettingsMenu() {
|
|
|
29822
29895
|
)) })
|
|
29823
29896
|
] });
|
|
29824
29897
|
}
|
|
29825
|
-
var
|
|
29898
|
+
var import_react_query59, import_lucide_react82, import_jsx_runtime129;
|
|
29826
29899
|
var init_SettingsMenu = __esm({
|
|
29827
29900
|
"src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
|
|
29828
29901
|
init_ProviderContext();
|
|
29829
29902
|
init_SessionContext();
|
|
29830
29903
|
init_i18n();
|
|
29831
|
-
|
|
29904
|
+
import_react_query59 = require("@tanstack/react-query");
|
|
29832
29905
|
import_lucide_react82 = require("lucide-react");
|
|
29833
29906
|
init_nickname();
|
|
29834
29907
|
init_profile();
|
|
@@ -30134,7 +30207,7 @@ var init_package = __esm({
|
|
|
30134
30207
|
"package.json"() {
|
|
30135
30208
|
package_default = {
|
|
30136
30209
|
name: "@embarkai/ui-kit",
|
|
30137
|
-
version: "0.4.
|
|
30210
|
+
version: "0.4.117",
|
|
30138
30211
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30139
30212
|
type: "module",
|
|
30140
30213
|
main: "./dist/index.cjs",
|
|
@@ -30239,7 +30312,7 @@ var init_package = __esm({
|
|
|
30239
30312
|
|
|
30240
30313
|
// src/internal/components/Footer/Footer.tsx
|
|
30241
30314
|
function Footer() {
|
|
30242
|
-
const qc = (0,
|
|
30315
|
+
const qc = (0, import_react_query60.useQueryClient)();
|
|
30243
30316
|
const { callbacksRef, config } = useProviderConfig();
|
|
30244
30317
|
const { t } = useT();
|
|
30245
30318
|
const address = useSession((st) => st.address);
|
|
@@ -30256,7 +30329,7 @@ function Footer() {
|
|
|
30256
30329
|
}
|
|
30257
30330
|
}
|
|
30258
30331
|
});
|
|
30259
|
-
const { mutate: disconnect, isPending: isDisconnecting } = (0,
|
|
30332
|
+
const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query60.useMutation)({
|
|
30260
30333
|
mutationFn: async (disconnectAddress) => {
|
|
30261
30334
|
if (!disconnectAddress) throw new Error("No address to disconnect");
|
|
30262
30335
|
const { setError, setStatus, setIsLoading } = useSession.getState();
|
|
@@ -30351,7 +30424,7 @@ function Footer() {
|
|
|
30351
30424
|
}
|
|
30352
30425
|
);
|
|
30353
30426
|
}
|
|
30354
|
-
var
|
|
30427
|
+
var import_react_query60, import_lucide_react83, import_jsx_runtime131, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
|
|
30355
30428
|
var init_Footer = __esm({
|
|
30356
30429
|
"src/internal/components/Footer/Footer.tsx"() {
|
|
30357
30430
|
init_package();
|
|
@@ -30360,7 +30433,7 @@ var init_Footer = __esm({
|
|
|
30360
30433
|
init_SessionContext();
|
|
30361
30434
|
init_i18n();
|
|
30362
30435
|
init_useSafeDisconnect();
|
|
30363
|
-
|
|
30436
|
+
import_react_query60 = require("@tanstack/react-query");
|
|
30364
30437
|
import_lucide_react83 = require("lucide-react");
|
|
30365
30438
|
init_auth();
|
|
30366
30439
|
init_base3();
|