@lumiapassport/ui-kit 1.14.11 → 1.14.13

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>Lumia Passport Secure Wallet - iframe version 1.14.11</title>
+    <title>Lumia Passport Secure Wallet - iframe version 1.14.13</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

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

package/dist/index.cjs

@@ -888,6 +888,10 @@ var init_base = __esm({
       chain: lumiaBeam,
       transport: (0, import_viem2.http)(lumiaBeam.rpcUrls.default.http[0], { timeout: 1e4, retryCount: 2, fetchOptions: { mode: "cors" } })
     });
+    import("@lumiapassport/core/bundler").then(({ setPublicClient }) => {
+      setPublicClient(publicClient);
+    }).catch(() => {
+    });
     bundlerClient = getBundlerClient();
     beamPublic = publicClient;
     viemBundlerClient = bundlerClient;
@@ -5309,7 +5313,7 @@ function Header() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.14.11",
+  version: "1.14.13",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -9169,7 +9173,6 @@ function File2(props) {
 }
 
 // src/internal/components/KeyshareRestoreMenu/methods/Server.tsx
-init_vaultClient();
 var import_react_query15 = require("@tanstack/react-query");
 var import_dayjs = __toESM(require("dayjs"), 1);
 var import_lucide_react24 = require("lucide-react");
@@ -9177,13 +9180,10 @@ var import_react32 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler } = props;
+  const qc = (0, import_react_query15.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const { usePasskey, setUsePasskey, setRestorePassword, setShowPassword, setMethod, setError, setSuccess } = useRestoreStore();
-  const { data: serverRecoveryStatus } = (0, import_react_query15.useQuery)({
-    retry: false,
-    queryKey: [CHECK_BACKUP_QUERY_KEY, address],
-    queryFn: async () => await getShareRecoveryStats()
-  });
+  const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
   (0, import_react32.useEffect)(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
@@ -9462,7 +9462,7 @@ var KeyshareRestoreMenu = () => {
   const qc = (0, import_react_query17.useQueryClient)();
   const callbacks = useLumiaPassportConfig().callbacks;
   const { address, setSession, setAddress, setStatus, setIsLoading } = useLumiaPassportSession();
-  const { data: serverRecoveryStatus, isFetching: isBackupStatusLoading } = (0, import_react_query17.useQuery)({
+  const { data: serverRecoveryStatus, isLoading: isBackupStatusLoading } = (0, import_react_query17.useQuery)({
     retry: false,
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
     queryFn: async () => await getShareRecoveryStats()
@@ -10964,10 +10964,14 @@ function useBlockscoutAssets(options) {
 var import_react_query29 = require("@tanstack/react-query");
 var import_lucide_react35 = require("lucide-react");
 var import_react43 = require("react");
+var import_viem5 = require("viem");
 init_base();
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var price16 = Intl.NumberFormat("en-US", { minimumFractionDigits: 16, maximumFractionDigits: 16 });
+var price2 = Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+var price0 = Intl.NumberFormat("en-US", { minimumFractionDigits: 0, maximumFractionDigits: 0 });
 function formatValue(price) {
+  console.log("[formatValue]", price);
   if (!price) return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: `0.00` });
   if (price < 0.01) {
     const strigified = price16.format(price);
@@ -10979,7 +10983,15 @@ function formatValue(price) {
       absValue
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: price.toFixed(2) });
+  if (price > 1e9) return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+    price0.format(price / 1e9),
+    " B"
+  ] });
+  if (price > 1e6) return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+    price0.format(price / 1e6),
+    " M"
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: price2.format(price) });
 }
 function openInExplorer(address) {
   window.open(`${LUMIA_EXPLORER_URL}/address/${address}`, "_blank");
@@ -11020,7 +11032,7 @@ function PortfolioItem(props) {
     queryKey: [ASSETS_RATES_QUERY_KEY, address, asset.symbol],
     queryFn: async () => await getAssetRate2(asset.symbol)
   });
-  const renderBalance = isProjectAsset && projectAssetBalance?.fiatFormatted ? projectAssetBalance.fiatFormatted : asset.formattedBalance;
+  const renderBalance = isProjectAsset && projectAssetBalance?.fiatFormatted ? projectAssetBalance.fiatFormatted : (0, import_viem5.formatUnits)(BigInt(asset?.balance || "0"), asset?.decimals || 18);
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
@@ -11113,8 +11125,6 @@ function PortfolioItem(props) {
     }
   );
 }
-{
-}
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -11552,12 +11562,12 @@ function SecurityMenu() {
 // src/internal/components/SendRecieveMenu/SendLumiaMenu.tsx
 var import_lucide_react41 = require("lucide-react");
 var import_react48 = require("react");
-var import_viem7 = require("viem");
+var import_viem8 = require("viem");
 var import_wagmi4 = require("wagmi");
 
 // src/hooks/useSendTransaction.ts
 var import_react46 = require("react");
-var import_viem5 = require("viem");
+var import_viem6 = require("viem");
 init_account();
 function useSendTransaction() {
   const session = useLumiaPassportSession((st) => st.session);
@@ -11571,7 +11581,7 @@ function useSendTransaction() {
         setError("No active session");
         return null;
       }
-      if (!(0, import_viem5.isAddress)(params.to)) {
+      if (!(0, import_viem6.isAddress)(params.to)) {
         setError("Invalid recipient address");
         return null;
       }
@@ -11584,7 +11594,7 @@ function useSendTransaction() {
       setError(null);
       setUserOpHash(null);
       try {
-        const valueWei = (0, import_viem5.parseEther)(params.value).toString();
+        const valueWei = (0, import_viem6.parseEther)(params.value).toString();
         const hash = await sendUserOperation(
           session,
           params.to,
@@ -11622,7 +11632,7 @@ function useSendTransaction() {
 // src/modules/assets.ts
 var import_react47 = __toESM(require("react"), 1);
 var import_wagmi3 = require("wagmi");
-var import_viem6 = require("viem");
+var import_viem7 = require("viem");
 init_base();
 var COMMON_TOKENS = [
   // Add real token addresses here when available
@@ -11644,7 +11654,7 @@ function useAssets(address) {
   });
   const tokenContracts = COMMON_TOKENS.map((token) => ({
     address: token.address,
-    abi: import_viem6.erc20Abi,
+    abi: import_viem7.erc20Abi,
     functionName: "balanceOf",
     args: [address],
     chainId: lumiaBeam.id
@@ -11673,7 +11683,7 @@ function useAssets(address) {
         const token = COMMON_TOKENS[index];
         if (balance.status === "success" && balance.result) {
           const balanceValue = balance.result;
-          const formattedBalance = (0, import_viem6.formatUnits)(balanceValue, token.decimals);
+          const formattedBalance = (0, import_viem7.formatUnits)(balanceValue, token.decimals);
           assets.push({
             type: "erc20",
             address: token.address,
@@ -11700,7 +11710,7 @@ function useAssets(address) {
     const token = COMMON_TOKENS[tokenIndex];
     if (balance.status === "success" && balance.result) {
       const balanceValue = balance.result;
-      const formattedBalance = (0, import_viem6.formatUnits)(balanceValue, token.decimals);
+      const formattedBalance = (0, import_viem7.formatUnits)(balanceValue, token.decimals);
       return {
         address: token.address,
         name: token.name,
@@ -11732,9 +11742,9 @@ function useAssets(address) {
 function useTokenInfo(tokenAddress) {
   const readContractsResult = (0, import_wagmi3.useReadContracts)({
     contracts: [
-      { address: tokenAddress, abi: import_viem6.erc20Abi, functionName: "name", chainId: lumiaBeam.id },
-      { address: tokenAddress, abi: import_viem6.erc20Abi, functionName: "symbol", chainId: lumiaBeam.id },
-      { address: tokenAddress, abi: import_viem6.erc20Abi, functionName: "decimals", chainId: lumiaBeam.id }
+      { address: tokenAddress, abi: import_viem7.erc20Abi, functionName: "name", chainId: lumiaBeam.id },
+      { address: tokenAddress, abi: import_viem7.erc20Abi, functionName: "symbol", chainId: lumiaBeam.id },
+      { address: tokenAddress, abi: import_viem7.erc20Abi, functionName: "decimals", chainId: lumiaBeam.id }
     ]
   });
   const { data: tokenData, isLoading } = readContractsResult;
@@ -11758,7 +11768,7 @@ function useTokenInfo(tokenAddress) {
 function useTokenBalance(tokenAddress, userAddress) {
   const { data: balance, isLoading, refetch } = (0, import_wagmi3.useReadContract)({
     address: tokenAddress,
-    abi: import_viem6.erc20Abi,
+    abi: import_viem7.erc20Abi,
     functionName: "balanceOf",
     args: userAddress ? [userAddress] : void 0,
     chainId: lumiaBeam.id,
@@ -11769,7 +11779,7 @@ function useTokenBalance(tokenAddress, userAddress) {
   const { tokenInfo } = useTokenInfo(tokenAddress);
   const formattedBalance = import_react47.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
-    return (0, import_viem6.formatUnits)(balance, tokenInfo.decimals);
+    return (0, import_viem7.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);
   return {
     balance,
@@ -11812,7 +11822,7 @@ function SendLumiaMenu() {
       setValidationError("Please enter a recipient address");
       return false;
     }
-    if (!(0, import_viem7.isAddress)(recipient)) {
+    if (!(0, import_viem8.isAddress)(recipient)) {
       setValidationError("Invalid recipient address");
       return false;
     }
@@ -14601,7 +14611,7 @@ init_profile();
 
 // src/modules/transactions.ts
 var import_wagmi10 = require("wagmi");
-var import_viem8 = require("viem");
+var import_viem9 = require("viem");
 init_base();
 function useTransactions() {
   const publicClient2 = (0, import_wagmi10.usePublicClient)({ chainId: lumiaBeam.id });
@@ -14613,7 +14623,7 @@ function useTransactions() {
     }
     const txParams = {
       to: params.to,
-      value: (0, import_viem8.parseEther)(params.value),
+      value: (0, import_viem9.parseEther)(params.value),
       data: params.data,
       chain: lumiaBeam
     };
@@ -14663,9 +14673,9 @@ function useTransactions() {
 }
 
 // src/modules/smartAccountTransactions.ts
-var import_viem9 = require("viem");
+var import_viem10 = require("viem");
 init_base();
-var USER_OP_EVENT = (0, import_viem9.parseAbiItem)(
+var USER_OP_EVENT = (0, import_viem10.parseAbiItem)(
   "event UserOperationEvent(bytes32 indexed userOpHash, address indexed sender, address indexed paymaster, uint256 nonce, bool success, uint256 actualGasCost, uint256 actualGasUsed)"
 );
 function useSmartAccountTransactions() {