@embarkai/ui-kit 0.4.44 → 0.4.46

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.44</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.46</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6391,7 +6391,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.44";
+var IFRAME_VERSION = "0.4.46";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -9581,6 +9581,7 @@ var init_networks = __esm({
 // src/internal/components/BuyMenu/binance/BinanceSummary.tsx
 function BinanceSummary(props) {
   const { payment } = props;
+  const qc = (0, import_react_query7.useQueryClient)();
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
@@ -9599,10 +9600,10 @@ function BinanceSummary(props) {
         network: CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id],
         payMethodCode: payment?.payMethodCode || void 0,
         payMethodSubCode: payment?.payMethodSubCode || void 0,
-        // redirectUrl: returnUrl,
-        // failRedirectUrl: returnUrl,
         // TODO: pass quote response to backend to create order with exact quote details (amount, fees, etc.)
         quote: quoteData
+        // redirectUrl: returnUrl,
+        // failRedirectUrl: returnUrl,
       });
     },
     onSuccess: (response) => {
@@ -9613,6 +9614,7 @@ function BinanceSummary(props) {
       } else {
         setTimeout(() => {
           setRedirecting(false);
+          qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
           window.open(link, "_blank", "noopener,noreferrer");
           useBuyMenuStore.getState().setError(null);
           useBuyMenuStore.getState().setIsTransactionHistory(true);
@@ -9622,6 +9624,7 @@ function BinanceSummary(props) {
     onError: (err) => {
       setRedirecting(false);
       console.error("[BINANCE] Create Checkout Order failed", err);
+      qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
     }
   });
   const isContinueDisabled = !!redirecting || !!isFundWalletOrderCheckouting || !quoteData;
@@ -9703,6 +9706,7 @@ var init_BinanceSummary = __esm({
     init_button();
     init_highlight();
     init_contants();
+    init_queryKeys();
     init_useBuyMenuStore();
     init_api();
     init_networks();
@@ -9929,7 +9933,7 @@ function BinanceTxHistoryItem(props) {
     {
       className: cn(
         "relative",
-        "w-full p-[var(--ui-kit-pd)] space-y-1",
+        "w-full p-[var(--ui-kit-pd)]",
         "rounded-[var(--ui-kit-el-bdrs)]",
         "bg-[var(--ui-kit-secondary)]"
       ),
@@ -9944,34 +9948,43 @@ function BinanceTxHistoryItem(props) {
             children: statusInfo?.type
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "w-full flex items-start gap-[var(--ui-kit-gap)] mb-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TokenIcon, { className: "w-8 h-8" }),
           /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "w-full", children: [
+            Number(fiatAmount || "0") > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-[10px] leading-3", children: [
+              formatPrice(Number(fiatAmount)),
+              " ",
+              fiatCurrency
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-lg leading-5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: formatPrice(Number(cryptoAmount)) }),
               " ",
               cryptoCurrency
-            ] }),
-            Number(fiatAmount || "0") > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-[10px] leading-4", children: [
-              formatPrice(Number(fiatAmount)),
-              " ",
-              fiatCurrency
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: cn("text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between leading-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "flex-none whitespace-nowrap text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
             "ID: ",
             id
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]", children: (0, import_dayjs.default)(updatedAt || createdAt).format("MMM D YYYY [at] HH:mm") })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "span",
+            {
+              className: cn(
+                "whitespace-nowrap overflow-hidden text-ellipsis",
+                "block flex-1 text-[10px] text-right text-[var(--ui-kit-fg-muted)]"
+              ),
+              children: (0, import_dayjs.default)(updatedAt || createdAt).format("MMM D YYYY [at] HH:mm")
+            }
+          )
         ] }),
         orderDetailLink && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           Button,
           {
             variant: "outline",
             size: "medium",
-            className: "w-full",
+            className: "w-full mt-1",
             onClick: () => window.open(orderDetailLink, "_blank", "noopener,noreferrer"),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react13.ExternalLinkIcon, { className: "w-4 h-4" }),
@@ -10003,7 +10016,10 @@ function BinanceTxHistory() {
       txStatuses: SHOW_STATUSES
     })
   });
-  const txList = historyData?.pages?.map((p) => p.data).flat(Infinity) || [];
+  const txList = (0, import_react22.useMemo)(
+    () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
+    [historyData]
+  );
   const updateExpandable = (0, import_react22.useCallback)(
     (0, import_lodash_es7.debounce)(() => {
       useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
@@ -10018,7 +10034,7 @@ function BinanceTxHistory() {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    txList.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BinanceTxHistoryItem, { ...tx }, tx.id)),
+    isTxDataLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react13.LoaderIcon, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BinanceTxHistoryItem, { ...tx }, tx.id)),
     hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       Button,
       {
@@ -10073,7 +10089,7 @@ function useBinanceSseTxTracing(walletAddress) {
       if (data?.type !== "ORDER_UPDATED") return;
       if (debounceRef.current) clearTimeout(debounceRef.current);
       debounceRef.current = setTimeout(() => {
-        qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions, walletAddress] });
+        qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
       }, 500);
     }) || null;
     connectTxTracing({ walletAddress }).catch(
@@ -11322,7 +11338,6 @@ function BuyMenu() {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full h-0" }, renderKey),
         showProviderTrigger && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectProvider") }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
@@ -11345,6 +11360,7 @@ function BuyMenu() {
           )
         ] }),
         isProviderSelector ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ProviderSelector, { providers: AVAILABLE_RAMP_PROVIDERS.map((el) => ({ ...el, Icon: el.icon })) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ProviderComponent, { walletAddress }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full h-0" }, renderKey),
         error && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Highlight, { type: "error", children: error })
       ] })
     }
@@ -20068,7 +20084,10 @@ function useHyperlaneHistory() {
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
   const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
-  const txList = txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [];
+  const txList = (0, import_react65.useMemo)(
+    () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
+    [txHistoryData]
+  );
   const updateExpandable = (0, import_react65.useCallback)(
     (0, import_lodash_es9.debounce)(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
@@ -20267,6 +20286,7 @@ function useBridge() {
     },
     onSuccess: (operationHashes) => {
       const { setBridgeStep, setBridgeTxStatus } = useBridgeStore.getState();
+      qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY] });
       useOperationHashesStore.getState().setOperationHashes(operationHashes);
       useLayoutStore.getState().setIsDialogForced(false);
       useFlowSelectorStore.getState().setIsUiLocked(false);
@@ -20279,7 +20299,7 @@ function useBridge() {
       if (hyperlaneDbTx?.id) {
         patchInitiatedBridgeTxStatus({ txId: hyperlaneDbTx.id, txStatus: "REJECTED" }).then(({ ok }) => {
           console.log("[HYPERLANE SDK] initiated tx patched as REJECTED: ", hyperlaneDbTx.id, "ok: ", ok);
-          if (ok) qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address, 1] });
+          if (ok) qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY] });
         });
       }
       useLayoutStore.getState().setIsDialogForced(false);
@@ -21573,6 +21593,7 @@ function BridgeHistorySwitch(props) {
       onChange: () => {
         const { bridgeStep: bridgeStep2, setBridgeStep } = useBridgeStore.getState();
         if (bridgeStep2 !== "tx-history") lastBridgeStepRef.current = bridgeStep2;
+        useFlowSelectorStore.getState().setError(null);
         setBridgeStep(bridgeStep2 === "tx-history" ? lastBridgeStepRef.current || "select" : "tx-history");
       }
     }
@@ -24485,7 +24506,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.44",
+      version: "0.4.46",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -9545,11 +9545,12 @@ var init_networks = __esm({
 });
 
 // src/internal/components/BuyMenu/binance/BinanceSummary.tsx
-import { useMutation as useMutation5 } from "@tanstack/react-query";
+import { useMutation as useMutation5, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 import { InfoIcon as InfoIcon3, LoaderIcon } from "lucide-react";
 import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function BinanceSummary(props) {
   const { payment } = props;
+  const qc = useQueryClient3();
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
@@ -9568,10 +9569,10 @@ function BinanceSummary(props) {
         network: CHAIN_ID_TO_BINANCE_NETWORK_NAMES[chainConfig.id],
         payMethodCode: payment?.payMethodCode || void 0,
         payMethodSubCode: payment?.payMethodSubCode || void 0,
-        // redirectUrl: returnUrl,
-        // failRedirectUrl: returnUrl,
         // TODO: pass quote response to backend to create order with exact quote details (amount, fees, etc.)
         quote: quoteData
+        // redirectUrl: returnUrl,
+        // failRedirectUrl: returnUrl,
       });
     },
     onSuccess: (response) => {
@@ -9582,6 +9583,7 @@ function BinanceSummary(props) {
       } else {
         setTimeout(() => {
           setRedirecting(false);
+          qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
           window.open(link, "_blank", "noopener,noreferrer");
           useBuyMenuStore.getState().setError(null);
           useBuyMenuStore.getState().setIsTransactionHistory(true);
@@ -9591,6 +9593,7 @@ function BinanceSummary(props) {
     onError: (err) => {
       setRedirecting(false);
       console.error("[BINANCE] Create Checkout Order failed", err);
+      qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
     }
   });
   const isContinueDisabled = !!redirecting || !!isFundWalletOrderCheckouting || !quoteData;
@@ -9669,6 +9672,7 @@ var init_BinanceSummary = __esm({
     init_button();
     init_highlight();
     init_contants();
+    init_queryKeys();
     init_useBuyMenuStore();
     init_api();
     init_networks();
@@ -9851,7 +9855,7 @@ import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
 import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect11 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect11, useMemo as useMemo4 } from "react";
 import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function getStatusVariant(status) {
   switch (status) {
@@ -9899,7 +9903,7 @@ function BinanceTxHistoryItem(props) {
     {
       className: cn(
         "relative",
-        "w-full p-[var(--ui-kit-pd)] space-y-1",
+        "w-full p-[var(--ui-kit-pd)]",
         "rounded-[var(--ui-kit-el-bdrs)]",
         "bg-[var(--ui-kit-secondary)]"
       ),
@@ -9914,34 +9918,43 @@ function BinanceTxHistoryItem(props) {
             children: statusInfo?.type
           }
         ),
-        /* @__PURE__ */ jsxs30("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "w-full flex items-start gap-[var(--ui-kit-gap)] mb-1", children: [
           /* @__PURE__ */ jsx35(TokenIcon, { className: "w-8 h-8" }),
           /* @__PURE__ */ jsxs30("div", { className: "w-full", children: [
+            Number(fiatAmount || "0") > 0 && /* @__PURE__ */ jsxs30("p", { className: "text-[10px] leading-3", children: [
+              formatPrice(Number(fiatAmount)),
+              " ",
+              fiatCurrency
+            ] }),
             /* @__PURE__ */ jsxs30("p", { className: "text-lg leading-5", children: [
               /* @__PURE__ */ jsx35("strong", { children: formatPrice(Number(cryptoAmount)) }),
               " ",
               cryptoCurrency
-            ] }),
-            Number(fiatAmount || "0") > 0 && /* @__PURE__ */ jsxs30("p", { className: "text-[10px] leading-4", children: [
-              formatPrice(Number(fiatAmount)),
-              " ",
-              fiatCurrency
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between", children: [
-          /* @__PURE__ */ jsxs30("span", { className: cn("text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]"), children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between leading-4", children: [
+          /* @__PURE__ */ jsxs30("span", { className: "flex-none whitespace-nowrap text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
             "ID: ",
             id
           ] }),
-          /* @__PURE__ */ jsx35("span", { className: "text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]", children: dayjs(updatedAt || createdAt).format("MMM D YYYY [at] HH:mm") })
+          /* @__PURE__ */ jsx35(
+            "span",
+            {
+              className: cn(
+                "whitespace-nowrap overflow-hidden text-ellipsis",
+                "block flex-1 text-[10px] text-right text-[var(--ui-kit-fg-muted)]"
+              ),
+              children: dayjs(updatedAt || createdAt).format("MMM D YYYY [at] HH:mm")
+            }
+          )
         ] }),
         orderDetailLink && /* @__PURE__ */ jsxs30(
           Button,
           {
             variant: "outline",
             size: "medium",
-            className: "w-full",
+            className: "w-full mt-1",
             onClick: () => window.open(orderDetailLink, "_blank", "noopener,noreferrer"),
             children: [
               /* @__PURE__ */ jsx35(ExternalLinkIcon, { className: "w-4 h-4" }),
@@ -9973,7 +9986,10 @@ function BinanceTxHistory() {
       txStatuses: SHOW_STATUSES
     })
   });
-  const txList = historyData?.pages?.map((p) => p.data).flat(Infinity) || [];
+  const txList = useMemo4(
+    () => historyData?.pages?.map((p) => p.data).flat(Infinity) || [],
+    [historyData]
+  );
   const updateExpandable = useCallback11(
     debounce4(() => {
       useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
@@ -9988,7 +10004,7 @@ function BinanceTxHistory() {
     return /* @__PURE__ */ jsx35(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
   }
   return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    txList.map((tx) => /* @__PURE__ */ jsx35(BinanceTxHistoryItem, { ...tx }, tx.id)),
+    isTxDataLoading ? /* @__PURE__ */ jsx35("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx35(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ jsx35(BinanceTxHistoryItem, { ...tx }, tx.id)),
     hasNextPage && /* @__PURE__ */ jsxs30(
       Button,
       {
@@ -10026,10 +10042,10 @@ var init_BinanceTxHistory = __esm({
 });
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
-import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 import { useEffect as useEffect12, useRef as useRef8 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
-  const qc = useQueryClient3();
+  const qc = useQueryClient4();
   const debounceRef = useRef8(null);
   useEffect12(() => {
     if (!walletAddress) return;
@@ -10039,7 +10055,7 @@ function useBinanceSseTxTracing(walletAddress) {
       if (data?.type !== "ORDER_UPDATED") return;
       if (debounceRef.current) clearTimeout(debounceRef.current);
       debounceRef.current = setTimeout(() => {
-        qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions, walletAddress] });
+        qc.invalidateQueries({ queryKey: [QUERY_KEYS2.binanceTransactions] });
       }, 500);
     }) || null;
     connectTxTracing({ walletAddress }).catch(
@@ -10071,7 +10087,7 @@ var init_utils6 = __esm({
 });
 
 // src/internal/components/BuyMenu/binance/Binance.tsx
-import { useMutation as useMutation6, useQuery as useQuery2, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useMutation as useMutation6, useQuery as useQuery2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon3 } from "lucide-react";
 import { useEffect as useEffect13 } from "react";
 import { Fragment as Fragment11, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
@@ -10081,7 +10097,7 @@ function normalizeChainName(chainName) {
   return chainName.toUpperCase();
 }
 function Binance() {
-  const qc = useQueryClient4();
+  const qc = useQueryClient5();
   const { t, i18n } = useT();
   const resolvedLanguage = i18n.resolvedLanguage || "en";
   const chainConfig = useSession((st) => st.chainConfig);
@@ -10697,10 +10713,10 @@ var init_networks2 = __esm({
 });
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
-import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useEffect as useEffect14, useRef as useRef9 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
-  const qc = useQueryClient5();
+  const qc = useQueryClient6();
   const debounceRef = useRef9(null);
   useEffect14(() => {
     if (!walletAddress) return;
@@ -10749,12 +10765,12 @@ var init_utils7 = __esm({
 });
 
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
-import { useQuery as useQuery3, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+import { useQuery as useQuery3, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { DollarSign, LoaderIcon as LoaderIcon5 } from "lucide-react";
 import { useEffect as useEffect15 } from "react";
 import { Fragment as Fragment12, jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
 function FinchPay() {
-  const qc = useQueryClient6();
+  const qc = useQueryClient7();
   const { t, i18n } = useT();
   const resolvedLanguage = i18n.resolvedLanguage || "en";
   const chainConfig = useSession((st) => st.chainConfig);
@@ -11287,7 +11303,6 @@ function BuyMenu() {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "w-full h-0" }, renderKey),
         showProviderTrigger && /* @__PURE__ */ jsxs36(Fragment14, { children: [
           /* @__PURE__ */ jsx41("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectProvider") }),
           /* @__PURE__ */ jsxs36(
@@ -11310,6 +11325,7 @@ function BuyMenu() {
           )
         ] }),
         isProviderSelector ? /* @__PURE__ */ jsx41(ProviderSelector, { providers: AVAILABLE_RAMP_PROVIDERS.map((el) => ({ ...el, Icon: el.icon })) }) : /* @__PURE__ */ jsx41(ProviderComponent, { walletAddress }),
+        /* @__PURE__ */ jsx41("div", { className: "w-full h-0" }, renderKey),
         error && /* @__PURE__ */ jsx41(Highlight, { type: "error", children: error })
       ] })
     }
@@ -11964,7 +11980,7 @@ var init_ChainsMenu2 = __esm({
 });
 
 // src/internal/clients/devices.ts
-import { useMutation as useMutation8, useQuery as useQuery5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useMutation as useMutation8, useQuery as useQuery5, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
 async function getDevices() {
   const response = await tssClient.get("/api/auth/devices", true);
   if (!response.success || !response.data) {
@@ -11996,7 +12012,7 @@ function useDevices() {
   });
 }
 function useLinkDevice() {
-  const qc = useQueryClient7();
+  const qc = useQueryClient8();
   return useMutation8({
     mutationFn: (code) => linkDevice(code),
     onSuccess: () => {
@@ -12005,7 +12021,7 @@ function useLinkDevice() {
   });
 }
 function useUnlinkDevice() {
-  const qc = useQueryClient7();
+  const qc = useQueryClient8();
   return useMutation8({
     mutationFn: (deviceId) => unlinkDevice(deviceId),
     onSuccess: () => {
@@ -13748,10 +13764,10 @@ var init_cloudStorage = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
-import { useMutation as useMutation9, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
+import { useMutation as useMutation9, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 import { useEffect as useEffect20 } from "react";
 function useCreateBackup() {
-  const qc = useQueryClient8();
+  const qc = useQueryClient9();
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
   const hasServerVault = useSession((st) => st.hasServerVault);
@@ -14097,7 +14113,7 @@ var init_hooks = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx
 import { Cloud, Cpu as Cpu3, FileDown, FileUp } from "lucide-react";
-import { Fragment as Fragment17, useMemo as useMemo4 } from "react";
+import { Fragment as Fragment17, useMemo as useMemo5 } from "react";
 import { jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 function MethodSelector(props) {
   const { mode = "restore", serverRecoveryStatus } = props;
@@ -14111,7 +14127,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = useMemo4(() => {
+  const recoveryRenderMethods = useMemo5(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -14538,7 +14554,7 @@ var init_File = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Server.tsx
-import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import dayjs3 from "dayjs";
 import { Download as Download3, Key as Key5, Upload as Upload3 } from "lucide-react";
 import { useEffect as useEffect23 } from "react";
@@ -14546,7 +14562,7 @@ import { Fragment as Fragment21, jsx as jsx58, jsxs as jsxs53 } from "react/jsx-
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
   const address = useSession((st) => st.address);
-  const qc = useQueryClient9();
+  const qc = useQueryClient10();
   const { t } = useT();
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
@@ -14993,7 +15009,7 @@ var init_methods = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-import { useMutation as useMutation11, useQuery as useQuery7, useQueryClient as useQueryClient10 } from "@tanstack/react-query";
+import { useMutation as useMutation11, useQuery as useQuery7, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2, CloudDownload as CloudDownload2, Loader as Loader10, UserCircle as UserCircle2 } from "lucide-react";
 import { useEffect as useEffect25 } from "react";
 import { Fragment as Fragment24, jsx as jsx62, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -15022,7 +15038,7 @@ var init_KeyshareRestoreMenu = __esm({
       guardian: Guardian
     };
     KeyshareRestoreMenu = () => {
-      const qc = useQueryClient10();
+      const qc = useQueryClient11();
       const { callbacksRef } = useProviderConfig();
       const { t } = useT();
       const { address, setSession, setAddress, setStatus, setIsLoading } = useSession();
@@ -15883,10 +15899,10 @@ var init_MainMenu2 = __esm({
 });
 
 // src/modules/linkedProfiles.ts
-import { useQuery as useQuery11, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
+import { useQuery as useQuery11, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 import { useCallback as useCallback18 } from "react";
 function useLinkedProfiles() {
-  const qc = useQueryClient11();
+  const qc = useQueryClient12();
   const address = useSession((st) => st.address);
   const { data, isFetching, isLoading, error } = useQuery11({
     retry: false,
@@ -16128,10 +16144,10 @@ var init_useSendVerificationCode = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
-import { useMutation as useMutation14, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
+import { useMutation as useMutation14, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
 function useVerifyCode() {
   const { callbacksRef } = useProviderConfig();
-  const qc = useQueryClient12();
+  const qc = useQueryClient13();
   const address = useSession((st) => st.address);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const {
@@ -16195,7 +16211,7 @@ var init_useVerifyCode = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/AddProvider.tsx
-import { useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { Fragment as Fragment27, jsx as jsx70, jsxs as jsxs65 } from "react/jsx-runtime";
 function normalizePasskeyLinkError(msg) {
   const lower = msg.toLowerCase();
@@ -16208,7 +16224,7 @@ function normalizePasskeyLinkError(msg) {
   return msg;
 }
 function AddProvider() {
-  const qc = useQueryClient13();
+  const qc = useQueryClient14();
   const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
   const { t } = useT();
@@ -16385,7 +16401,7 @@ var init_EmailNotConnectedWarning = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
-import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 import React5, { useEffect as useEffect30 } from "react";
 function normalizeSocialLinkError(message) {
   if (message === "X_ALREADY_LINKED") {
@@ -16394,7 +16410,7 @@ function normalizeSocialLinkError(message) {
   return message;
 }
 function useLinkSocial() {
-  const qc = useQueryClient14();
+  const qc = useQueryClient15();
   const address = useSession((st) => st.address);
   const {
     config: { current: config },
@@ -16544,14 +16560,14 @@ var init_telegram2 = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
-import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import { useCallback as useCallback19, useEffect as useEffect31, useState as useState17 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
     callbacksRef
   } = useProviderConfig();
-  const qc = useQueryClient15();
+  const qc = useQueryClient16();
   const address = useSession((st) => st.address);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
@@ -16725,7 +16741,7 @@ var init_ProviderCard = __esm({
 // src/internal/components/ManageWalletMenu/ManageWallet.tsx
 import { fromPairs } from "lodash-es";
 import { AlertTriangle as AlertTriangle4, ArrowLeft as ArrowLeft14, Loader as Loader14 } from "lucide-react";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { Fragment as Fragment28, jsx as jsx73, jsxs as jsxs68 } from "react/jsx-runtime";
 function getProviderName(provider) {
   return PROVIDERS_META[provider].name || provider;
@@ -16767,7 +16783,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config.current);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = useMemo5(() => {
+  const renderProviders = useMemo6(() => {
     const normalizeProviderName = (name) => {
       if (name === "x") return "twitter";
       return name;
@@ -16953,13 +16969,13 @@ var init_useExternalWalletStore = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
-import { useMutation as useMutation15, useQueryClient as useQueryClient16 } from "@tanstack/react-query";
+import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader15 } from "lucide-react";
 import { useState as useState18 } from "react";
 import { useDisconnect } from "wagmi";
 import { jsx as jsx74, jsxs as jsxs69 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
-  const qc = useQueryClient16();
+  const qc = useQueryClient17();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
   const { disconnect: disconnectExternalWallet } = useDisconnect();
@@ -17194,7 +17210,7 @@ var init_nickname_validation = __esm({
 });
 
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
-import { useMutation as useMutation16, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
+import { useMutation as useMutation16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSign, Check as Check2, ChevronRight as ChevronRight5, Copy as Copy2, Loader as Loader17 } from "lucide-react";
 import { useCallback as useCallback20, useState as useState19 } from "react";
 import { Fragment as Fragment29, jsx as jsx76, jsxs as jsxs71 } from "react/jsx-runtime";
@@ -17211,7 +17227,7 @@ function NicknameEditForm(props) {
     info
   } = props;
   const { handle: currentNickname, canChange } = info || { handle: "", canChange: false };
-  const qc = useQueryClient17();
+  const qc = useQueryClient18();
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
@@ -17518,7 +17534,7 @@ var init_NicknameMenu2 = __esm({
 
 // src/internal/hooks/useResolvedPublicClient.ts
 import { createPublicClientForChain as createPublicClientForChain5, getChainConfig as getChainConfig8 } from "@embarkai/core/read";
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 function getCachedPublicClient(chainId) {
   const cachedClient = publicClientByChainId.get(chainId);
   if (cachedClient) return cachedClient;
@@ -17532,11 +17548,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
   const activeChainConfig = useSession((st) => st.chainConfig);
   const resolvedChainId = chainId ?? activeChainId;
   const shouldUseActiveClient = !chainId || chainId === activeChainId;
-  const chainConfig = useMemo6(() => {
+  const chainConfig = useMemo7(() => {
     if (shouldUseActiveClient) return activeChainConfig;
     return getChainConfig8(chainId);
   }, [activeChainConfig, chainId, shouldUseActiveClient]);
-  const publicClient = useMemo6(() => {
+  const publicClient = useMemo7(() => {
     if (shouldUseActiveClient) return activePublicClient;
     if (!chainId) return activePublicClient;
     try {
@@ -17563,13 +17579,13 @@ var init_useResolvedPublicClient = __esm({
 
 // src/internal/hooks/useWatchTokens.ts
 import { useQuery as useQuery14 } from "@tanstack/react-query";
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 import { erc20Abi, formatUnits as formatUnits2 } from "viem";
 function useWatchTokens(options) {
   const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
   const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
-  const watchTokens = useMemo7(() => {
+  const watchTokens = useMemo8(() => {
     const allWatchTokens = config.current.watchTokens;
     const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
@@ -17663,7 +17679,7 @@ var init_useWatchTokens = __esm({
 // src/internal/hooks/useBlockscoutAssets.ts
 import { createBlockscoutClient } from "@embarkai/core/clients";
 import { useQuery as useQuery15 } from "@tanstack/react-query";
-import { useCallback as useCallback21, useMemo as useMemo8, useRef as useRef16 } from "react";
+import { useCallback as useCallback21, useMemo as useMemo9, useRef as useRef16 } from "react";
 import { formatEther, formatUnits as formatUnits3 } from "viem";
 function resolveIpfsUri(uri) {
   if (!uri) return "";
@@ -17795,7 +17811,7 @@ function useBlockscoutAssets(options) {
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = useMemo8(
+  const blockscoutClient = useMemo9(
     () => blockscoutApiUrl ? createBlockscoutClient({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
@@ -17868,7 +17884,7 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = useMemo8(() => {
+  const erc20TokenAddresses = useMemo9(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
@@ -17912,7 +17928,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = useMemo8(() => {
+  const assets = useMemo9(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -17958,7 +17974,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = useMemo8(() => {
+  const nativeBalance = useMemo9(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -17966,7 +17982,7 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = useMemo8(() => {
+  const error = useMemo9(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
@@ -18065,7 +18081,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
+import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { Image as ImageIcon, Loader as Loader19, ShieldAlert, Sparkles } from "lucide-react";
 import { useState as useState22 } from "react";
 import { formatUnits as formatUnits5 } from "viem";
@@ -18158,7 +18174,7 @@ function PortfolioItem(props) {
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
   const customAssetRateQueryKey = providerConfig.portfolio?.assetRateQueryKey;
-  const qc = useQueryClient18();
+  const qc = useQueryClient19();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
   const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
   const isNft = isNftAsset(asset);
@@ -18252,14 +18268,14 @@ var init_PortfolioItem = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-import { useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader20, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useCallback as useCallback22 } from "react";
 import { jsx as jsx80, jsxs as jsxs75 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = useQueryClient19();
+  const qc = useQueryClient20();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18429,7 +18445,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy3, Info as Info5, Loader as Loader21, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback23, useEffect as useEffect33, useMemo as useMemo9, useState as useState23 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect33, useMemo as useMemo10, useState as useState23 } from "react";
 import { Fragment as Fragment31, jsx as jsx81, jsxs as jsxs76 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18443,7 +18459,7 @@ function ReceiveMenu() {
   const [qrCodeUrl, setQrCodeUrl] = useState23("");
   const [copied, setCopied] = useState23(false);
   const [fingerprintCopied, setFingerprintCopied] = useState23(false);
-  const fingerprint = useMemo9(() => {
+  const fingerprint = useMemo10(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -18997,12 +19013,12 @@ var init_UntrustApplication = __esm({
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useMutation as useMutation17, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
 import { useState as useState24 } from "react";
 import { jsx as jsx88, jsxs as jsxs83 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient20();
+  const qc = useQueryClient21();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19971,7 +19987,7 @@ var init_utils8 = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 import { debounce as debounce6 } from "lodash-es";
-import { useCallback as useCallback24, useEffect as useEffect36 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect36, useMemo as useMemo11 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -19987,7 +20003,10 @@ function useHyperlaneHistory() {
     queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
   });
   const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
-  const txList = txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [];
+  const txList = useMemo11(
+    () => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
+    [txHistoryData]
+  );
   const updateExpandable = useCallback24(
     debounce6(() => {
       useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
@@ -20029,11 +20048,11 @@ var init_useOperationHashesStore = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts
-import { useMutation as useMutation19, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useMutation as useMutation19, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
 import { useCallback as useCallback25 } from "react";
 import { useSwitchChain, useWalletClient } from "wagmi";
 function useBridge() {
-  const qc = useQueryClient21();
+  const qc = useQueryClient22();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const { data: walletClient } = useWalletClient();
@@ -20186,6 +20205,7 @@ function useBridge() {
     },
     onSuccess: (operationHashes) => {
       const { setBridgeStep, setBridgeTxStatus } = useBridgeStore.getState();
+      qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY] });
       useOperationHashesStore.getState().setOperationHashes(operationHashes);
       useLayoutStore.getState().setIsDialogForced(false);
       useFlowSelectorStore.getState().setIsUiLocked(false);
@@ -20198,7 +20218,7 @@ function useBridge() {
       if (hyperlaneDbTx?.id) {
         patchInitiatedBridgeTxStatus({ txId: hyperlaneDbTx.id, txStatus: "REJECTED" }).then(({ ok }) => {
           console.log("[HYPERLANE SDK] initiated tx patched as REJECTED: ", hyperlaneDbTx.id, "ok: ", ok);
-          if (ok) qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address, 1] });
+          if (ok) qc.invalidateQueries({ queryKey: [HYPERLANE_HISTORY_QUERY_KEY] });
         });
       }
       useLayoutStore.getState().setIsDialogForced(false);
@@ -20348,12 +20368,12 @@ var init_ResolveChainIcon = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
-import { useQuery as useQuery20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useQuery as useQuery20, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import { useCallback as useCallback26, useEffect as useEffect39 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = useQueryClient22();
+  const qc = useQueryClient23();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -21013,7 +21033,7 @@ var init_SuccessStep = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
-import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
 import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon10 } from "lucide-react";
 import { jsx as jsx97, jsxs as jsxs89 } from "react/jsx-runtime";
@@ -21134,7 +21154,7 @@ function HistoryItem(props) {
     txStatus
   } = props;
   const { t } = useT();
-  const qc = useQueryClient23();
+  const qc = useQueryClient24();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -21281,14 +21301,14 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo10, useState as useState27 } from "react";
+import { useMemo as useMemo12, useState as useState27 } from "react";
 import { Fragment as Fragment37, jsx as jsx98, jsxs as jsxs90 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
   const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState27(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = useMemo10(() => {
+  const tokenList = useMemo12(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21484,6 +21504,7 @@ function BridgeHistorySwitch(props) {
       onChange: () => {
         const { bridgeStep: bridgeStep2, setBridgeStep } = useBridgeStore.getState();
         if (bridgeStep2 !== "tx-history") lastBridgeStepRef.current = bridgeStep2;
+        useFlowSelectorStore.getState().setError(null);
         setBridgeStep(bridgeStep2 === "tx-history" ? lastBridgeStepRef.current || "select" : "tx-history");
       }
     }
@@ -21572,7 +21593,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery21 } from "@tanstack/react-query";
-import { useState as useState28, useEffect as useEffect41, useMemo as useMemo11 } from "react";
+import { useState as useState28, useEffect as useEffect41, useMemo as useMemo13 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -21612,7 +21633,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = useMemo11(() => {
+  const fingerprintVerification = useMemo13(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -22574,7 +22595,7 @@ var init_sendSteps = __esm({
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
 import { CheckCircle2 as CheckCircle26, Loader as Loader31 } from "lucide-react";
-import { useEffect as useEffect42, useMemo as useMemo12 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo14 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment42, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function SendMenu() {
@@ -22635,7 +22656,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = useMemo12(() => {
+  const complianceAmount = useMemo14(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return parseUnits2(amount, selectedAsset.decimals || 18);
@@ -24014,12 +24035,12 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery23, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
+import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader32, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
 import { useCallback as useCallback28, useState as useState31 } from "react";
 import { jsx as jsx114, jsxs as jsxs104 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient24();
+  const qc = useQueryClient25();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -24386,7 +24407,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.44",
+      version: "0.4.46",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24484,11 +24505,11 @@ var init_package = __esm({
 });
 
 // src/internal/components/Footer/Footer.tsx
-import { useMutation as useMutation20, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
+import { useMutation as useMutation20, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import { Loader as Loader33, LogOut } from "lucide-react";
 import { jsx as jsx116, jsxs as jsxs105 } from "react/jsx-runtime";
 function Footer() {
-  const qc = useQueryClient25();
+  const qc = useQueryClient26();
   const { callbacksRef } = useProviderConfig();
   const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useSession();
   const chainConfig = useSession((st) => st.chainConfig);
@@ -25055,11 +25076,11 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
-import { useMutation as useMutation21, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useMutation as useMutation21, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
 import React9, { useCallback as useCallback32, useEffect as useEffect48 } from "react";
 import { useAccount, useDisconnect as useDisconnect2, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
-  const qc = useQueryClient26();
+  const qc = useQueryClient27();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
@@ -28119,14 +28140,14 @@ var init_rainbowkit = __esm({
 
 // src/context/RainbowKitContext.tsx
 import { darkTheme, lightTheme, RainbowKitProvider as NativeRainbowKitProvider } from "@rainbow-me/rainbowkit";
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { WagmiProvider } from "wagmi";
 import "@rainbow-me/rainbowkit/styles.css";
 import { Fragment as Fragment46, jsx as jsx122 } from "react/jsx-runtime";
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = useMemo13(
+  const rainbowConfig = useMemo15(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28140,7 +28161,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = useMemo13(() => {
+  const customTheme = useMemo15(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...darkTheme(),
@@ -28201,7 +28222,7 @@ import {
   useCallback as useCallback33,
   useContext,
   useEffect as useEffect50,
-  useMemo as useMemo14,
+  useMemo as useMemo16,
   useRef as useRef21
 } from "react";
 import { jsx as jsx124 } from "react/jsx-runtime";
@@ -28313,7 +28334,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = useMemo14(
+  const contextValue = useMemo16(
     () => ({
       config,
       updateConfig,
@@ -28466,7 +28487,7 @@ init_pro_mode();
 init_utils2();
 import { useQuery as useQuery26 } from "@tanstack/react-query";
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader35, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect51, useMemo as useMemo15 } from "react";
+import { useEffect as useEffect51, useMemo as useMemo17 } from "react";
 import { Fragment as Fragment47, jsx as jsx126, jsxs as jsxs111 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
@@ -28494,7 +28515,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
-  const indicators = useMemo15(() => {
+  const indicators = useMemo17(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = jwtTokenManager2.getHasKeyshare() ?? false;
@@ -29571,7 +29592,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback40, useMemo as useMemo16, useState as useState39 } from "react";
+import { useCallback as useCallback40, useMemo as useMemo18, useState as useState39 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -29590,7 +29611,7 @@ function useTransferToLinkedWallet() {
   const [isPending, setIsPending] = useState39(false);
   const [error, setError] = useState39(null);
   const [userOpHash, setUserOpHash] = useState39(null);
-  const linkedWallets = useMemo16(
+  const linkedWallets = useMemo18(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.44",
+  "version": "0.4.46",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",