@lumiapassport/ui-kit 1.15.12 → 1.15.13

package/dist/index.js

@@ -4494,7 +4494,7 @@ import {
   createContext,
   useCallback as useCallback23,
   useContext,
-  useEffect as useEffect35,
+  useEffect as useEffect36,
   useMemo as useMemo8,
   useRef as useRef15
 } from "react";
@@ -4679,7 +4679,7 @@ function BalanceFeedProvider() {
 
 // src/internal/components/Dialog/LumiaPassportDialog.tsx
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
-import { useEffect as useEffect33 } from "react";
+import { useEffect as useEffect34 } from "react";
 
 // src/internal/components/Footer/Footer.tsx
 import { useMutation, useQueryClient } from "@tanstack/react-query";
@@ -5518,7 +5518,7 @@ function Header() {
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.15.12",
+  version: "1.15.13",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -6021,7 +6021,7 @@ function useDetectMaxScrollHeight() {
 }
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback20, useEffect as useEffect30 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect31 } from "react";
 
 // src/internal/components/AuthMenu/AuthMenu.tsx
 import { AnimatePresence, motion } from "framer-motion";
@@ -8342,7 +8342,7 @@ function BuyMenu() {
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
 import { useMutation as useMutation9, useQuery as useQuery7, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2, CloudDownload as CloudDownload2, Loader as Loader10, UserCircle as UserCircle2 } from "lucide-react";
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 init_vaultClient();
 
 // src/internal/components/ui/switch.tsx
@@ -8943,7 +8943,7 @@ import { AlertCircle, FileUp as FileUp2, Upload, User } from "lucide-react";
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info2, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useRef as useRef12 } from "react";
+import { useEffect as useEffect17, useRef as useRef12 } from "react";
 import { Fragment as Fragment9, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const {
@@ -8969,8 +8969,13 @@ function PasswordPasskey(props) {
     setUsePasskey,
     setRestoreFile
   } = useRestoreStore();
+  const { config } = useLumiaPassportConfig();
+  const isPasskeyEnabled = config.current.passkey.enabled;
+  useEffect17(() => {
+    if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
+  }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    mode === "backup" && /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center px-[var(--l-pass-pd)]", children: [
+    mode === "backup" && isPasskeyEnabled && /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center px-[var(--l-pass-pd)]", children: [
       /* @__PURE__ */ jsxs32(
         Button,
         {
@@ -9245,7 +9250,7 @@ function File2(props) {
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { Download, Key as Key5, Upload as Upload2 } from "lucide-react";
-import { useEffect as useEffect17 } from "react";
+import { useEffect as useEffect18 } from "react";
 import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
@@ -9253,7 +9258,7 @@ function Server(props) {
   const address = useLumiaPassportSession((st) => st.address);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -9287,7 +9292,7 @@ function Server(props) {
 // src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft6, CloudDownload, CloudUpload, Loader as Loader9 } from "lucide-react";
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect19 } from "react";
 
 // src/internal/components/ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
@@ -9435,7 +9440,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  useEffect18(() => {
+  useEffect19(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -9526,7 +9531,7 @@ var KeyshareRestoreMenu = () => {
     setSuccess,
     setMethod
   } = useRestoreStore();
-  useEffect19(() => {
+  useEffect20(() => {
     setIsDialogForced(true);
     return () => {
       setRestorePassword("");
@@ -9551,7 +9556,7 @@ var KeyshareRestoreMenu = () => {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  useEffect19(() => {
+  useEffect20(() => {
     if (!!hasServerBackup) setMethod("server");
   }, [hasServerBackup]);
   const { mutate: disconnect, isPending: isDisconnecting } = useMutation9({
@@ -9677,7 +9682,7 @@ var KeyshareRestoreMenu = () => {
 // src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
 import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft7, CheckCircle2 as CheckCircle22, Loader as Loader11, LockIcon } from "lucide-react";
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect21 } from "react";
 init_vaultClient();
 import { Fragment as Fragment15, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 var COMPONENTS = {
@@ -9703,7 +9708,7 @@ function KeyshareBackupMenu() {
     setUsePasskey,
     setMethod
   } = useRestoreStore();
-  useEffect20(() => {
+  useEffect21(() => {
     setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT);
     return () => {
       setSuccess(null);
@@ -9721,7 +9726,7 @@ function KeyshareBackupMenu() {
     queryFn: async () => await getShareRecoveryStats()
   });
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  useEffect20(() => {
+  useEffect21(() => {
     if (!!hasRecoveryData) setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -9820,7 +9825,7 @@ function KeyshareBackupMenu() {
 
 // src/internal/components/MainMenu/MainMenu.tsx
 import { ChevronLeft, ChevronRight as ChevronRight3, DollarSign as DollarSign3, Wallet2 as Wallet23 } from "lucide-react";
-import { useEffect as useEffect21 } from "react";
+import { useEffect as useEffect22 } from "react";
 
 // src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts
 init_common();
@@ -9850,7 +9855,7 @@ function MainMenu() {
   const address = useLumiaPassportSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
-  useEffect21(() => setMainPageHeight(DEFAULT_MAIN_MENU_HEIGHT), [setMainPageHeight]);
+  useEffect22(() => setMainPageHeight(DEFAULT_MAIN_MENU_HEIGHT), [setMainPageHeight]);
   useProvidersList();
   return /* @__PURE__ */ jsx47("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: /* @__PURE__ */ jsx47("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--l-pass-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ jsxs40(
     Button,
@@ -10289,7 +10294,7 @@ function EmailNotConnectedWarning() {
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
 import { useQueryClient as useQueryClient11 } from "@tanstack/react-query";
-import React5, { useEffect as useEffect22 } from "react";
+import React5, { useEffect as useEffect23 } from "react";
 init_auth();
 function useLinkSocial() {
   const qc = useQueryClient11();
@@ -10354,7 +10359,7 @@ function useLinkSocial() {
     [config.social?.providers, callbacks]
   );
   const [socialLinkStarted, setSocialLinkStarted] = React5.useState(false);
-  useEffect22(() => {
+  useEffect23(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -10376,7 +10381,7 @@ function useLinkSocial() {
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 init_telegram2();
 import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
-import { useCallback as useCallback12, useEffect as useEffect23, useState as useState10 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect24, useState as useState10 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -10430,7 +10435,7 @@ function useLinkTelegram() {
     }
   }, [config.social?.providers, callbacks]);
   const [telegramLinkStarted, setTelegramLinkStarted] = useState10(false);
-  useEffect23(() => {
+  useEffect24(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -10447,7 +10452,7 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
@@ -10831,7 +10836,7 @@ function useChangeNickname(options) {
 init_nickname();
 init_profile();
 import { useQuery as useQuery12 } from "@tanstack/react-query";
-import { useState as useState12, useEffect as useEffect24 } from "react";
+import { useState as useState12, useEffect as useEffect25 } from "react";
 
 // src/internal/lib/nickname-validation.ts
 var NICKNAME_MIN_LENGTH = 3;
@@ -10865,7 +10870,7 @@ function useNicknameAvailability(handle, enabled = true) {
   const normalized = normalizeNickname(handle);
   const validation = validateNickname(handle);
   const isValidForCheck = validation.valid && normalized.length > 0;
-  useEffect24(() => {
+  useEffect25(() => {
     if (!isValidForCheck || !enabled) {
       setDebouncedHandle("");
       setIsDebouncing(false);
@@ -12047,7 +12052,7 @@ import {
   Sparkles as Sparkles3,
   Wallet as Wallet3
 } from "lucide-react";
-import { useEffect as useEffect27, useMemo as useMemo6, useState as useState19 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo6, useState as useState19 } from "react";
 import { formatUnits as formatUnits5, isAddress as isAddress2, parseUnits as parseUnits2 } from "viem";
 
 // src/hooks/useErc3643Compliance.ts
@@ -12114,7 +12119,7 @@ function useErc3643Compliance(options) {
 init_nickname();
 init_profile();
 import { useQuery as useQuery16 } from "@tanstack/react-query";
-import { useState as useState16, useEffect as useEffect25, useMemo as useMemo5 } from "react";
+import { useState as useState16, useEffect as useEffect26, useMemo as useMemo5 } from "react";
 
 // src/internal/lib/nickname-fingerprint.ts
 import { keccak256 as keccak2562, getAddress as getAddress2 } from "viem";
@@ -12206,7 +12211,7 @@ function useNicknameResolve(input, options) {
   const [isDebouncing, setIsDebouncing] = useState16(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  useEffect25(() => {
+  useEffect26(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -12420,7 +12425,7 @@ init_base();
 
 // src/internal/components/SendRecieveMenu/AssetSelector.tsx
 import { ChevronDown, Image as ImageIcon2, Shield as Shield2, Sparkles as Sparkles2, X as X4 } from "lucide-react";
-import { useState as useState18, useRef as useRef14, useEffect as useEffect26 } from "react";
+import { useState as useState18, useRef as useRef14, useEffect as useEffect27 } from "react";
 import { formatUnits as formatUnits4 } from "viem";
 import { Fragment as Fragment24, jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
 function isNftAsset2(asset) {
@@ -12529,7 +12534,7 @@ function AssetSelector({ assets, selectedAsset, onSelect, disabled }) {
   const [isOpen, setIsOpen] = useState18(false);
   const dropdownRef = useRef14(null);
   const buttonRef = useRef14(null);
-  useEffect26(() => {
+  useEffect27(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -12732,7 +12737,7 @@ function SendLumiaMenu() {
   const [selectedAsset, setSelectedAsset] = useState19(null);
   const [txStep, setTxStep] = useState19("input");
   const [validationError, setValidationError] = useState19(null);
-  useEffect27(() => {
+  useEffect28(() => {
     if (assets.length > 0 && !selectedAsset) {
       const nativeAsset = assets.find((a) => a.type === "native");
       if (nativeAsset) {
@@ -12775,7 +12780,7 @@ function SendLumiaMenu() {
     amount: complianceAmount,
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount
   });
-  useEffect27(() => {
+  useEffect28(() => {
     if (open) {
       setTxStep("input");
       setValidationError(null);
@@ -13159,7 +13164,7 @@ function SendLumiaMenu() {
 // src/internal/components/SendRecieveMenu/ReceiveLumiaMenu.tsx
 import { ArrowLeft as ArrowLeft13, CheckCircle2 as CheckCircle24, Copy as Copy2, Info as Info3, Loader as Loader24, Shield as Shield4 } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback18, useEffect as useEffect28, useMemo as useMemo7, useState as useState20 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo7, useState as useState20 } from "react";
 init_clients();
 import { Fragment as Fragment26, jsx as jsx67, jsxs as jsxs60 } from "react/jsx-runtime";
 function ReceiveLumiaMenu() {
@@ -13180,7 +13185,7 @@ function ReceiveLumiaMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (open && address) {
       QRCode.toDataURL(address, {
         width: 200,
@@ -13267,7 +13272,7 @@ function ReceiveLumiaMenu() {
 
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { ArrowLeft as ArrowLeft14 } from "lucide-react";
-import { useEffect as useEffect29 } from "react";
+import { useEffect as useEffect30 } from "react";
 
 // src/internal/components/SettingsMenu/constants.ts
 import { ArrowLeftRight, AtSign as AtSign2, DatabaseBackup, LockKeyhole, UsersRound } from "lucide-react";
@@ -13303,7 +13308,7 @@ function SettingsMenu() {
   const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  useEffect29(() => setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT), [setMainPageHeight]);
+  useEffect30(() => setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT), [setMainPageHeight]);
   useProvidersList();
   const navItems = NAV_BUTTONS.map((el) => ({ ...el, onClick: () => setPage(el.id) }));
   const highlightedKeys = settingsNotifications.map((n) => n.target);
@@ -14085,7 +14090,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -14101,7 +14106,7 @@ function usePageMapper() {
 init_auth();
 init_profile();
 import { useQuery as useQuery18 } from "@tanstack/react-query";
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect32 } from "react";
 var EMAIL_NOT_CONNECTED_NOTIFICATION = {
   id: "email-not-connected",
   target: "manage-wallet" /* MANAGE_WALLET */,
@@ -14123,14 +14128,14 @@ function useSettingsNotifications() {
     queryKey: [QUERY_KEYS.userProfile, address],
     queryFn: getUserProfile
   });
-  useEffect31(() => {
+  useEffect32(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect31(() => {
+  useEffect32(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -14139,7 +14144,7 @@ function useSettingsNotifications() {
 }
 
 // src/internal/hooks/useWalletStatus.ts
-import { useEffect as useEffect32 } from "react";
+import { useEffect as useEffect33 } from "react";
 init_auth();
 function useWalletStatus() {
   const isIframeReady = useLumiaPassportSession((st) => st.isIframeReady);
@@ -14149,7 +14154,7 @@ function useWalletStatus() {
     config: { current: config },
     callbacks
   } = useLumiaPassportConfig();
-  useEffect32(() => {
+  useEffect33(() => {
     if (!isIframeReady || !config.projectId || !callbacks?.onWalletReady) return;
     const userId = jwtTokenManager2.getUserId();
     const hasKeyshare = jwtTokenManager2.getHasKeyshare();
@@ -14179,7 +14184,7 @@ function LumiaPassportDialog() {
   const mainPageHeight = useLayoutDataStore((st) => st.mainPageHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect33(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect34(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -14264,7 +14269,7 @@ var TssManagerWithRef = React7.forwardRef((props, ref) => {
 init_wallet();
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation15, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import React8, { useCallback as useCallback22, useEffect as useEffect34 } from "react";
+import React8, { useCallback as useCallback22, useEffect as useEffect35 } from "react";
 import { useAccount, useDisconnect, useSignMessage } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient19();
@@ -14309,7 +14314,7 @@ function WalletConnectHandler() {
     [qc, passportWalletAddress, callbacks, setProviderType, setPage, setIsWalletLinking]
   );
   const [hasStartedLinking, setHasStartedLinking] = React8.useState(false);
-  useEffect34(() => {
+  useEffect35(() => {
     if (isWalletLinking && !hasStartedLinking) {
       setHasStartedLinking(true);
       setProviderType(null);
@@ -14329,7 +14334,7 @@ function WalletConnectHandler() {
       if (isConnected) disconnect();
     }
   }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect, setPage, setProviderType]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -14405,7 +14410,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
@@ -14498,7 +14503,7 @@ function LumiaPassportProvider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
   const setIsIframeReady = useLumiaPassportSession((st) => st.setIsIframeReady);
   const setWalletReadyStatus = useLumiaPassportSession((st) => st.setWalletReadyStatus);
-  useEffect35(() => notifyNoProjetctId(projectId), [projectId]);
+  useEffect36(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef15({ projectId, ...DEFAULT_LUMIA_PASSPORT_CONFIG });
   const updateConfig = useCallback23((updates) => {
     const prev = config.current;
@@ -14535,7 +14540,7 @@ function LumiaPassportProvider(props) {
     }
     config.current = next;
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge2(DEFAULT_LUMIA_PASSPORT_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -14592,7 +14597,7 @@ var useLumiaPassportConfig = () => {
 // src/components/ConnectWalletButton.tsx
 import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { Cloud as Cloud5, Laptop as Laptop2, Loader as Loader26, Shield as Shield5 } from "lucide-react";
-import { useEffect as useEffect36, useMemo as useMemo9 } from "react";
+import { useEffect as useEffect37, useMemo as useMemo9 } from "react";
 init_auth();
 init_profile();
 import { Fragment as Fragment29, jsx as jsx78, jsxs as jsxs67 } from "react/jsx-runtime";
@@ -14614,7 +14619,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useLumiaPassportSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  useEffect36(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect37(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useQuery19({
     retry: false,
     enabled: !!address,
@@ -14816,7 +14821,7 @@ function useLumiaPassportOpen() {
 }
 
 // src/hooks/useLumiaPassportColorMode.ts
-import { useCallback as useCallback25, useEffect as useEffect37 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect38 } from "react";
 function useLumiaPassportColorMode() {
   const {
     config: { current: config }
@@ -14831,7 +14836,7 @@ function useLumiaPassportColorMode() {
     },
     [handleStoreColorMode]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -15560,13 +15565,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base();
-import { useEffect as useEffect39, useState as useState25 } from "react";
+import { useEffect as useEffect40, useState as useState25 } from "react";
 import { jsx as jsx85, jsxs as jsxs71 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState25([]);
   const [loading, setLoading] = useState25(true);
   const [error, setError] = useState25(null);
-  useEffect39(() => {
+  useEffect40(() => {
     const fetchTransactions = async () => {
       try {
         setLoading(true);