@embarkai/ui-kit 0.4.44 → 0.4.45

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.45</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.45";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -9929,7 +9929,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,7 +9944,7 @@ 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: [
             /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-lg leading-5", children: [
@@ -9959,7 +9959,7 @@ function BinanceTxHistoryItem(props) {
             ] })
           ] })
         ] }),
-        /* @__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)("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: [
             "ID: ",
             id
@@ -10003,7 +10003,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()}`);
@@ -11322,7 +11325,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 +11347,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 +20071,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()}`);
@@ -24485,7 +24491,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.44",
+      version: "0.4.45",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -9851,7 +9851,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 +9899,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,7 +9914,7 @@ 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: [
             /* @__PURE__ */ jsxs30("p", { className: "text-lg leading-5", children: [
@@ -9929,7 +9929,7 @@ function BinanceTxHistoryItem(props) {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between", children: [
+        /* @__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: [
             "ID: ",
             id
@@ -9973,7 +9973,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()}`);
@@ -11287,7 +11290,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 +11312,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 })
       ] })
     }
@@ -14097,7 +14100,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 +14114,7 @@ function MethodSelector(props) {
     setError,
     setSuccess
   } = useRestoreStore();
-  const recoveryRenderMethods = useMemo4(() => {
+  const recoveryRenderMethods = useMemo5(() => {
     const methodsWithBackupData = getRecoveryRenderMethods(mode).map((mt) => {
       let data = null;
       switch (true) {
@@ -16725,7 +16728,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 +16770,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;
@@ -17518,7 +17521,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 +17535,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 +17566,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 +17666,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 +17798,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 +17871,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 +17915,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 +17961,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 +17969,7 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = useMemo8(() => {
+  const error = useMemo9(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
@@ -18429,7 +18432,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 +18446,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);
@@ -19971,7 +19974,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 +19990,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()}`);
@@ -21281,14 +21287,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) => ({
@@ -21572,7 +21578,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 +21618,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 +22580,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 +22641,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);
@@ -24386,7 +24392,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.44",
+      version: "0.4.45",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -28119,14 +28125,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 +28146,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 +28207,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 +28319,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = useMemo14(
+  const contextValue = useMemo16(
     () => ({
       config,
       updateConfig,
@@ -28466,7 +28472,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 +28500,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 +29577,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 +29596,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.45",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",