@embarkai/ui-kit 0.4.45 → 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.45</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.45";
+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();
@@ -9947,31 +9951,40 @@ function BinanceTxHistoryItem(props) {
         /* @__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 mb-1", 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" }),
@@ -10021,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,
       {
@@ -10076,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(
@@ -20273,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);
@@ -20285,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);
@@ -21579,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");
       }
     }
@@ -24491,7 +24506,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.45",
+      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();
@@ -9917,31 +9921,40 @@ function BinanceTxHistoryItem(props) {
         /* @__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 mb-1", 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" }),
@@ -9991,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,
       {
@@ -10029,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;
@@ -10042,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(
@@ -10074,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";
@@ -10084,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);
@@ -10700,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;
@@ -10752,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);
@@ -11967,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) {
@@ -11999,7 +12012,7 @@ function useDevices() {
   });
 }
 function useLinkDevice() {
-  const qc = useQueryClient7();
+  const qc = useQueryClient8();
   return useMutation8({
     mutationFn: (code) => linkDevice(code),
     onSuccess: () => {
@@ -12008,7 +12021,7 @@ function useLinkDevice() {
   });
 }
 function useUnlinkDevice() {
-  const qc = useQueryClient7();
+  const qc = useQueryClient8();
   return useMutation8({
     mutationFn: (deviceId) => unlinkDevice(deviceId),
     onSuccess: () => {
@@ -13751,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);
@@ -14541,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";
@@ -14549,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);
@@ -14996,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";
@@ -15025,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();
@@ -15886,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,
@@ -16131,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 {
@@ -16198,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();
@@ -16211,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();
@@ -16388,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") {
@@ -16397,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 },
@@ -16547,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();
@@ -16956,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();
@@ -17197,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";
@@ -17214,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();
@@ -18068,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";
@@ -18161,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);
@@ -18255,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);
@@ -19000,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);
@@ -20035,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();
@@ -20192,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);
@@ -20204,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);
@@ -20354,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);
@@ -21019,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";
@@ -21140,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) => {
@@ -21490,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");
       }
     }
@@ -24020,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();
@@ -24392,7 +24407,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.45",
+      version: "0.4.46",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24490,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);
@@ -25061,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();

package/package.json

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