@embarkai/ui-kit 0.4.3 → 0.4.5

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.3</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.5</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

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

package/dist/index.cjs

@@ -13948,6 +13948,12 @@ var init_EmailNotConnectedWarning = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
+function normalizeSocialLinkError(message) {
+  if (message === "X_ALREADY_LINKED") {
+    return "This X account is already linked to another account";
+  }
+  return message;
+}
 function useLinkSocial() {
   const qc = (0, import_react_query32.useQueryClient)();
   const address = useSession((st) => st.address);
@@ -14007,7 +14013,7 @@ function useLinkSocial() {
         setPage("manage-wallet" /* MANAGE_WALLET */);
       } catch (e) {
         console.error(`[ManageWallet] Failed to link ${providerIdRaw}:`, e);
-        const message = e?.message || `Failed to link ${providerIdRaw}`;
+        const message = normalizeSocialLinkError(e?.message || `Failed to link ${providerIdRaw}`);
         setAlert({ title: "Error", message });
         setProviderType(null);
       } finally {
@@ -14200,11 +14206,23 @@ var init_useLinkTelegram = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/ProviderCard.tsx
-function formatExternalId(provider, externalId) {
-  if (provider === "wallet" && externalId.startsWith("0x") && externalId.length >= 14) {
-    return `${externalId.slice(0, 10)}...${externalId.slice(-4)}`;
+function getProviderCaption(provider) {
+  const providerName = provider.provider;
+  switch (providerName) {
+    case "email":
+      return provider.externalId;
+    case "wallet":
+      if (provider.externalId && provider.externalId.startsWith("0x") && provider.externalId.length >= 14) {
+        return `${provider.externalId.slice(0, 10)}...${provider.externalId.slice(-4)}`;
+      }
+      return provider.externalId || providerName;
+    // @ts-expect-error x === twitter
+    case "x":
+    case "telegram":
+      return (provider?.meta?.username ? `@${provider.meta.username}` : provider.externalId).toLowerCase();
+    default:
+      return provider.externalId || providerName;
   }
-  return externalId;
 }
 function ProviderCard(props) {
   const { t } = useT();
@@ -14233,7 +14251,7 @@ function ProviderCard(props) {
           style: { maxWidth: 184 },
           className: "block w-full font-bold text-xs whitespace-nowrap text-ellipsis overflow-hidden",
           title: props.externalId,
-          children: formatExternalId(props.provider, props.externalId)
+          children: getProviderCaption(props)
         }
       )
     ] }),
@@ -19149,7 +19167,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.3",
+      version: "0.4.5",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24924,6 +24942,16 @@ var init_smartAccountTransactions = __esm({
   }
 });
 
+// src/internal/exportedQueryKeys.ts
+var USER_PROFILE_QUERY_KEY;
+var init_exportedQueryKeys = __esm({
+  "src/internal/exportedQueryKeys.ts"() {
+    init_profile();
+    init_constants6();
+    USER_PROFILE_QUERY_KEY = QUERY_KEYS.userProfile;
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -24932,6 +24960,7 @@ __export(index_exports, {
   ConnectWalletButton: () => ConnectWalletButton,
   ErrorCodes: () => ErrorCodes,
   Hash: () => Hash,
+  KEYSHARE_RECOVERY_STATS_QUERY_KEY: () => KEYSHARE_RECOVERY_STATS_QUERY,
   KeyshareBackup: () => KeyshareBackupMenu,
   LOCAL_STORAGE_I18N_KEY: () => LOCAL_STORAGE_I18N_KEY,
   LangToggle: () => LangToggle,
@@ -24940,6 +24969,7 @@ __export(index_exports, {
   Provider: () => Provider,
   ThemeToggle: () => ThemeToggle,
   TransactionsList: () => TransactionsList,
+  USER_PROFILE_QUERY_KEY: () => USER_PROFILE_QUERY_KEY,
   UserOpStatus: () => UserOpStatus,
   UserOperationTimeoutError: () => UserOperationTimeoutError,
   UserRejectedError: () => UserRejectedError,
@@ -25060,6 +25090,7 @@ var init_index = __esm({
     init_smartAccountTransactions();
     init_iframe_manager();
     init_i18n();
+    init_exportedQueryKeys();
     STYLES_TAG_ID = "account-abstraction-provider-autostyles";
     autorun();
   }
@@ -25072,6 +25103,7 @@ init_index();
   ConnectWalletButton,
   ErrorCodes,
   Hash,
+  KEYSHARE_RECOVERY_STATS_QUERY_KEY,
   KeyshareBackup,
   LOCAL_STORAGE_I18N_KEY,
   LangToggle,
@@ -25080,6 +25112,7 @@ init_index();
   Provider,
   ThemeToggle,
   TransactionsList,
+  USER_PROFILE_QUERY_KEY,
   UserOpStatus,
   UserOperationTimeoutError,
   UserRejectedError,

package/dist/index.d.cts

@@ -2963,4 +2963,8 @@ declare function combineI18NResources(...resourses: TranslationResources[]): Tra
 declare function getAvailableLanguages(resourses: TranslationResources): string[];
 declare function getLanguageIcon(languageKey: string): string | null;
 
-export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type SmartAccountEntry, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAvailableLanguages, getExplorerUrl, getIframeManager, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, looksLikeNickname, prepareUserOperation, requireActiveChainId, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssets, useBalance, useBlockscoutAssets, useColorMode, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useLinkedProfiles, useLoadingStatus, useLogout, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, wagmiConfig, waitForStoreHydration, waitForUserOperationReceipt };
+declare const KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
+
+declare const USER_PROFILE_QUERY_KEY: string;
+
+export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KEYSHARE_RECOVERY_STATS_QUERY as KEYSHARE_RECOVERY_STATS_QUERY_KEY, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type SmartAccountEntry, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAvailableLanguages, getExplorerUrl, getIframeManager, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, looksLikeNickname, prepareUserOperation, requireActiveChainId, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssets, useBalance, useBlockscoutAssets, useColorMode, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useLinkedProfiles, useLoadingStatus, useLogout, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, wagmiConfig, waitForStoreHydration, waitForUserOperationReceipt };

package/dist/index.d.ts

@@ -2963,4 +2963,8 @@ declare function combineI18NResources(...resourses: TranslationResources[]): Tra
 declare function getAvailableLanguages(resourses: TranslationResources): string[];
 declare function getLanguageIcon(languageKey: string): string | null;
 
-export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type SmartAccountEntry, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAvailableLanguages, getExplorerUrl, getIframeManager, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, looksLikeNickname, prepareUserOperation, requireActiveChainId, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssets, useBalance, useBlockscoutAssets, useColorMode, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useLinkedProfiles, useLoadingStatus, useLogout, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, wagmiConfig, waitForStoreHydration, waitForUserOperationReceipt };
+declare const KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
+
+declare const USER_PROFILE_QUERY_KEY: string;
+
+export { AccountAbstractionError, type AccountSession, Address, type AddressProps, type Asset, type CallbacksConfig, ConnectWalletButton, type ConnectWalletButtonProps, type DirectTransactionParams, ErrorCodes, type FingerprintVerificationResult, Hash, type HashProps, KEYSHARE_RECOVERY_STATS_QUERY as KEYSHARE_RECOVERY_STATS_QUERY_KEY, KeyshareBackupMenu as KeyshareBackup, LOCAL_STORAGE_I18N_KEY, LangToggle, type NicknameAvailability, type NicknameAvatar, type NicknameChangeResult, type NicknameInfo, type NicknameResolution, type NicknameResolveRequest, type NicknameResolvedTarget, type NicknameValidationResult, PASSPORT_TRANSLATIONS, PageKey, type PageOpenParams, Provider, type ProviderConfig, type ProviderDetail, type ProviderProps, type RegisterSmartAccountResult, type SendTransactionParams, type SendTransactionResult, type SignTypedDataParams, type SmartAccountEntry, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type TransferToLinkedParams, type TypedDataDomain, type TypedDataField, USER_PROFILE_QUERY_KEY, type UpdateProfileRequest, type UseDirectWalletReturn, type UseErc3643ComplianceOptions, type UseErc3643ComplianceResult, type UseLogoutReturn, type UseNicknameResolveOptions, type UseNicknameResolveResult, type UseSendDirectTransactionReturn, type UseSendTransactionReturn, type UseTransferToLinkedReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UseWalletModeReturn, type UserOpMempool, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserOperationByHash, type UserOperationReceipt, UserOperationTimeoutError, type UserProfile, UserRejectedError, type WaitForReceiptOptions, type WalletMode, type WalletReadyStatus, type WatchToken, combineI18NResources, createAccountAbstractionError, deployAccount, destroyIframeManager, generateFingerprint, getAllSmartAccounts, getAvailableLanguages, getExplorerUrl, getIframeManager, getLanguageIcon, getShareRecoveryStats, getSmartAccountForChain, getUserOperationByHash, getUserOperationReceipt, getUserProfile, looksLikeNickname, prepareUserOperation, requireActiveChainId, sendUserOperation, signTypedData, updateUserProfile, useAccountSession, useActiveChainId, useAddress, useAssets, useBalance, useBlockscoutAssets, useColorMode, useDirectWallet, useErc3643Compliance, useError, useHasServerVault, useHydrated, useIFrameReady, useIsMobileView, useLinkedProfiles, useLoadingStatus, useLogout, useNicknameResolve, useOpenPage, useProviderConfig, useRecoveryUserId, useSendDirectTransaction, useSendTransaction, useSession, useSmartAccountTransactions, useTokenBalance, useTokenInfo, useTransactions, useTransferToLinkedWallet, useUserOpStatus, useWalletMode, verifyFingerprint, verifyFingerprintDetailed, wagmiConfig, waitForStoreHydration, waitForUserOperationReceipt };

package/dist/index.js

@@ -13890,6 +13890,12 @@ var init_EmailNotConnectedWarning = __esm({
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import React6, { useEffect as useEffect31 } from "react";
+function normalizeSocialLinkError(message) {
+  if (message === "X_ALREADY_LINKED") {
+    return "This X account is already linked to another account";
+  }
+  return message;
+}
 function useLinkSocial() {
   const qc = useQueryClient16();
   const address = useSession((st) => st.address);
@@ -13949,7 +13955,7 @@ function useLinkSocial() {
         setPage("manage-wallet" /* MANAGE_WALLET */);
       } catch (e) {
         console.error(`[ManageWallet] Failed to link ${providerIdRaw}:`, e);
-        const message = e?.message || `Failed to link ${providerIdRaw}`;
+        const message = normalizeSocialLinkError(e?.message || `Failed to link ${providerIdRaw}`);
         setAlert({ title: "Error", message });
         setProviderType(null);
       } finally {
@@ -14140,11 +14146,23 @@ var init_useLinkTelegram = __esm({
 // src/internal/components/ManageWalletMenu/ProviderCard.tsx
 import { CheckCircle as CheckCircle3, Clock, Trash2 as Trash23 } from "lucide-react";
 import { jsx as jsx73, jsxs as jsxs66 } from "react/jsx-runtime";
-function formatExternalId(provider, externalId) {
-  if (provider === "wallet" && externalId.startsWith("0x") && externalId.length >= 14) {
-    return `${externalId.slice(0, 10)}...${externalId.slice(-4)}`;
+function getProviderCaption(provider) {
+  const providerName = provider.provider;
+  switch (providerName) {
+    case "email":
+      return provider.externalId;
+    case "wallet":
+      if (provider.externalId && provider.externalId.startsWith("0x") && provider.externalId.length >= 14) {
+        return `${provider.externalId.slice(0, 10)}...${provider.externalId.slice(-4)}`;
+      }
+      return provider.externalId || providerName;
+    // @ts-expect-error x === twitter
+    case "x":
+    case "telegram":
+      return (provider?.meta?.username ? `@${provider.meta.username}` : provider.externalId).toLowerCase();
+    default:
+      return provider.externalId || providerName;
   }
-  return externalId;
 }
 function ProviderCard(props) {
   const { t } = useT();
@@ -14173,7 +14191,7 @@ function ProviderCard(props) {
           style: { maxWidth: 184 },
           className: "block w-full font-bold text-xs whitespace-nowrap text-ellipsis overflow-hidden",
           title: props.externalId,
-          children: formatExternalId(props.provider, props.externalId)
+          children: getProviderCaption(props)
         }
       )
     ] }),
@@ -19068,7 +19086,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.3",
+      version: "0.4.5",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24857,6 +24875,16 @@ var init_smartAccountTransactions = __esm({
   }
 });
 
+// src/internal/exportedQueryKeys.ts
+var USER_PROFILE_QUERY_KEY;
+var init_exportedQueryKeys = __esm({
+  "src/internal/exportedQueryKeys.ts"() {
+    init_profile();
+    init_constants6();
+    USER_PROFILE_QUERY_KEY = QUERY_KEYS.userProfile;
+  }
+});
+
 // src/index.ts
 function autorun() {
   try {
@@ -24913,6 +24941,7 @@ var init_index = __esm({
     init_smartAccountTransactions();
     init_iframe_manager();
     init_i18n();
+    init_exportedQueryKeys();
     STYLES_TAG_ID = "account-abstraction-provider-autostyles";
     autorun();
   }
@@ -24924,6 +24953,7 @@ export {
   ConnectWalletButton,
   ErrorCodes,
   Hash,
+  KEYSHARE_RECOVERY_STATS_QUERY as KEYSHARE_RECOVERY_STATS_QUERY_KEY,
   KeyshareBackupMenu as KeyshareBackup,
   LOCAL_STORAGE_I18N_KEY,
   LangToggle,
@@ -24932,6 +24962,7 @@ export {
   Provider,
   ThemeToggle,
   TransactionsList,
+  USER_PROFILE_QUERY_KEY,
   UserOpStatus,
   UserOperationTimeoutError,
   UserRejectedError,

package/package.json

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