@lumiapassport/ui-kit 1.5.3 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -62
- package/dist/iframe/index.html +1 -1
- package/dist/iframe/main.js +1 -1
- package/dist/index.cjs +33 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -3
- package/dist/index.d.ts +15 -3
- package/dist/index.js +31 -13
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -245,11 +245,23 @@ interface SessionState {
|
|
|
245
245
|
setRecoveryUserId: (userId: string | null) => void;
|
|
246
246
|
setIsRecoveryModalOpen: (open: boolean) => void;
|
|
247
247
|
}
|
|
248
|
-
interface
|
|
248
|
+
interface LumiaPassportSessionProviderProps {
|
|
249
249
|
children: React__default.ReactNode;
|
|
250
250
|
}
|
|
251
|
-
declare const
|
|
251
|
+
declare const LumiaPassportSessionProvider: React__default.FC<LumiaPassportSessionProviderProps>;
|
|
252
|
+
declare function useLumiaPassportSession(): SessionState;
|
|
253
|
+
/**
|
|
254
|
+
* @deprecated Use `useLumiaPassportSession` instead. This alias will be removed in v2.0.0
|
|
255
|
+
*/
|
|
252
256
|
declare function useLumiaSession(): SessionState;
|
|
257
|
+
/**
|
|
258
|
+
* @deprecated Use `LumiaPassportSessionProviderProps` instead. This alias will be removed in v2.0.0
|
|
259
|
+
*/
|
|
260
|
+
type LumiaSessionProviderProps = LumiaPassportSessionProviderProps;
|
|
261
|
+
/**
|
|
262
|
+
* @deprecated Use `LumiaPassportSessionProvider` instead. This alias will be removed in v2.0.0
|
|
263
|
+
*/
|
|
264
|
+
declare const LumiaSessionProvider: React__default.FC<LumiaSessionProviderProps>;
|
|
253
265
|
|
|
254
266
|
interface LumiaWagmiProviderProps {
|
|
255
267
|
children: React__default.ReactNode;
|
|
@@ -889,4 +901,4 @@ interface WalletReadyStatus {
|
|
|
889
901
|
timestamp: number;
|
|
890
902
|
}
|
|
891
903
|
|
|
892
|
-
export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
|
|
904
|
+
export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
|
package/dist/index.d.ts
CHANGED
|
@@ -245,11 +245,23 @@ interface SessionState {
|
|
|
245
245
|
setRecoveryUserId: (userId: string | null) => void;
|
|
246
246
|
setIsRecoveryModalOpen: (open: boolean) => void;
|
|
247
247
|
}
|
|
248
|
-
interface
|
|
248
|
+
interface LumiaPassportSessionProviderProps {
|
|
249
249
|
children: React__default.ReactNode;
|
|
250
250
|
}
|
|
251
|
-
declare const
|
|
251
|
+
declare const LumiaPassportSessionProvider: React__default.FC<LumiaPassportSessionProviderProps>;
|
|
252
|
+
declare function useLumiaPassportSession(): SessionState;
|
|
253
|
+
/**
|
|
254
|
+
* @deprecated Use `useLumiaPassportSession` instead. This alias will be removed in v2.0.0
|
|
255
|
+
*/
|
|
252
256
|
declare function useLumiaSession(): SessionState;
|
|
257
|
+
/**
|
|
258
|
+
* @deprecated Use `LumiaPassportSessionProviderProps` instead. This alias will be removed in v2.0.0
|
|
259
|
+
*/
|
|
260
|
+
type LumiaSessionProviderProps = LumiaPassportSessionProviderProps;
|
|
261
|
+
/**
|
|
262
|
+
* @deprecated Use `LumiaPassportSessionProvider` instead. This alias will be removed in v2.0.0
|
|
263
|
+
*/
|
|
264
|
+
declare const LumiaSessionProvider: React__default.FC<LumiaSessionProviderProps>;
|
|
253
265
|
|
|
254
266
|
interface LumiaWagmiProviderProps {
|
|
255
267
|
children: React__default.ReactNode;
|
|
@@ -889,4 +901,4 @@ interface WalletReadyStatus {
|
|
|
889
901
|
timestamp: number;
|
|
890
902
|
}
|
|
891
903
|
|
|
892
|
-
export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
|
|
904
|
+
export { type AccountSession$1 as AccountSession, Address, type AddressProps, type Asset, ConnectWalletButton, type ConnectWalletButtonProps, Hash, type HashProps, KeyshareBackup, LUMIA_EXPLORER_URL, LumiaLogo, type LumiaPassportCallbacks, type LumiaPassportConfig, LumiaPassportProvider, type LumiaPassportProviderProps, LumiaPassportSessionProvider, type LumiaPassportSessionProviderProps, LumiaRainbowKitProvider, type LumiaRainbowKitProviderProps, LumiaSessionProvider, type LumiaSessionProviderProps, LumiaWagmiProvider, type ProviderDetail, type SendTransactionParams, type SendTransactionResult, type Theme, ThemeToggle, type TokenBalance, type Transaction, TransactionsList, type UpdateProfileRequest, type UseSendTransactionReturn, type UseUserOpStatusOptions, type UseUserOpStatusReturn, type UserOpMempool, type UserOpReceipt, type SendTransactionParams$1 as UserOpSendTransactionParams, type UserOpState, UserOpStatus, type UserOpStatusProps, type UserOperation, type UserProfile, type WalletReadyStatus, getUserProfile, lumiaBeam, prepareUserOperation, queryClient, sendUserOperation, updateUserProfile, useAssets, useLumiaPassportConfig, useLumiaPassportLinkedProfiles, useLumiaPassportSession, useLumiaSession, useSendTransaction, useSmartAccountTransactions, useTheme, useTokenBalance, useTokenInfo, useTransactions, useUserOpStatus, wagmiConfig };
|
package/dist/index.js
CHANGED
|
@@ -5609,8 +5609,8 @@ init_LumiaPassportContext();
|
|
|
5609
5609
|
// src/context/LumiaPassportSessionContext.tsx
|
|
5610
5610
|
import React2 from "react";
|
|
5611
5611
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
5612
|
-
var
|
|
5613
|
-
var
|
|
5612
|
+
var LumiaPassportSessionContext = React2.createContext(void 0);
|
|
5613
|
+
var LumiaPassportSessionProvider = ({ children }) => {
|
|
5614
5614
|
const [session, setSession] = React2.useState(null);
|
|
5615
5615
|
const [address, setAddress] = React2.useState(null);
|
|
5616
5616
|
const [status, setStatus] = React2.useState("idle");
|
|
@@ -5631,13 +5631,29 @@ var LumiaSessionProvider = ({ children }) => {
|
|
|
5631
5631
|
setRecoveryUserId,
|
|
5632
5632
|
setIsRecoveryModalOpen
|
|
5633
5633
|
}), [session, address, status, error, recoveryUserId, isRecoveryModalOpen]);
|
|
5634
|
-
return /* @__PURE__ */ jsx4(
|
|
5634
|
+
return /* @__PURE__ */ jsx4(LumiaPassportSessionContext.Provider, { value, children });
|
|
5635
5635
|
};
|
|
5636
|
-
function
|
|
5637
|
-
const ctx = React2.useContext(
|
|
5638
|
-
if (!ctx) throw new Error("
|
|
5636
|
+
function useLumiaPassportSession() {
|
|
5637
|
+
const ctx = React2.useContext(LumiaPassportSessionContext);
|
|
5638
|
+
if (!ctx) throw new Error("useLumiaPassportSession must be used within LumiaPassportSessionProvider");
|
|
5639
5639
|
return ctx;
|
|
5640
5640
|
}
|
|
5641
|
+
function useLumiaSession() {
|
|
5642
|
+
if (typeof window !== "undefined") {
|
|
5643
|
+
console.warn(
|
|
5644
|
+
"[Lumia Passport] DEPRECATED: useLumiaSession is deprecated and will be removed in v2.0.0. Please use useLumiaPassportSession instead."
|
|
5645
|
+
);
|
|
5646
|
+
}
|
|
5647
|
+
return useLumiaPassportSession();
|
|
5648
|
+
}
|
|
5649
|
+
var LumiaSessionProvider = ({ children }) => {
|
|
5650
|
+
if (typeof window !== "undefined") {
|
|
5651
|
+
console.warn(
|
|
5652
|
+
"[Lumia Passport] DEPRECATED: LumiaSessionProvider is deprecated and will be removed in v2.0.0. Please use LumiaPassportSessionProvider instead."
|
|
5653
|
+
);
|
|
5654
|
+
}
|
|
5655
|
+
return /* @__PURE__ */ jsx4(LumiaPassportSessionProvider, { children });
|
|
5656
|
+
};
|
|
5641
5657
|
|
|
5642
5658
|
// src/index.ts
|
|
5643
5659
|
init_WagmiContext();
|
|
@@ -7066,7 +7082,7 @@ init_useTheme();
|
|
|
7066
7082
|
import { Activity, ArrowUpRight, ArrowDownRight, CheckCircle2 as CheckCircle24, XCircle, ArrowLeft as ArrowLeft6, RefreshCw as RefreshCw3 } from "lucide-react";
|
|
7067
7083
|
import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
7068
7084
|
var TransactionsModal = ({ open, onOpenChange, onBack }) => {
|
|
7069
|
-
const { address } =
|
|
7085
|
+
const { address } = useLumiaPassportSession();
|
|
7070
7086
|
const [transactions, setTransactions] = React19.useState([]);
|
|
7071
7087
|
const [loading, setLoading] = React19.useState(false);
|
|
7072
7088
|
const [error, setError] = React19.useState(null);
|
|
@@ -7400,7 +7416,7 @@ init_useTheme();
|
|
|
7400
7416
|
import { Gem, RefreshCw as RefreshCw4, Copy, ExternalLink as ExternalLink2, ArrowLeft as ArrowLeft7 } from "lucide-react";
|
|
7401
7417
|
import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
7402
7418
|
var ViewAssetsModal = ({ open, onOpenChange, onBack }) => {
|
|
7403
|
-
const { address } =
|
|
7419
|
+
const { address } = useLumiaPassportSession();
|
|
7404
7420
|
const { assets, refreshBalances, isLoading } = useAssets(address);
|
|
7405
7421
|
const [copied, setCopied] = React21.useState(null);
|
|
7406
7422
|
const { config } = useLumiaPassportConfig();
|
|
@@ -7537,7 +7553,7 @@ init_account();
|
|
|
7537
7553
|
import { useState as useState9, useCallback as useCallback3 } from "react";
|
|
7538
7554
|
import { parseEther as parseEther2, isAddress } from "viem";
|
|
7539
7555
|
function useSendTransaction() {
|
|
7540
|
-
const { session, address } =
|
|
7556
|
+
const { session, address } = useLumiaPassportSession();
|
|
7541
7557
|
const [isLoading, setIsLoading] = useState9(false);
|
|
7542
7558
|
const [error, setError] = useState9(null);
|
|
7543
7559
|
const [userOpHash, setUserOpHash] = useState9(null);
|
|
@@ -7980,7 +7996,7 @@ var SendModal = ({
|
|
|
7980
7996
|
recipientAddress: initialRecipient = "",
|
|
7981
7997
|
amount: initialAmount = ""
|
|
7982
7998
|
}) => {
|
|
7983
|
-
const { address } =
|
|
7999
|
+
const { address } = useLumiaPassportSession();
|
|
7984
8000
|
const { assets } = useAssets(address);
|
|
7985
8001
|
const { config } = useLumiaPassportConfig();
|
|
7986
8002
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8236,7 +8252,7 @@ var ReceiveModal = ({
|
|
|
8236
8252
|
onOpenChange,
|
|
8237
8253
|
onBack
|
|
8238
8254
|
}) => {
|
|
8239
|
-
const { address } =
|
|
8255
|
+
const { address } = useLumiaPassportSession();
|
|
8240
8256
|
const [qrCodeUrl, setQrCodeUrl] = useState13("");
|
|
8241
8257
|
const { config } = useLumiaPassportConfig();
|
|
8242
8258
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8492,7 +8508,7 @@ function useLumiaPassportLinkedProfiles() {
|
|
|
8492
8508
|
// package.json
|
|
8493
8509
|
var package_default = {
|
|
8494
8510
|
name: "@lumiapassport/ui-kit",
|
|
8495
|
-
version: "1.
|
|
8511
|
+
version: "1.6.0",
|
|
8496
8512
|
description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
|
|
8497
8513
|
type: "module",
|
|
8498
8514
|
main: "./dist/index.cjs",
|
|
@@ -8617,7 +8633,7 @@ var ConnectWalletButton = ({
|
|
|
8617
8633
|
setError,
|
|
8618
8634
|
setRecoveryUserId,
|
|
8619
8635
|
setIsRecoveryModalOpen
|
|
8620
|
-
} =
|
|
8636
|
+
} = useLumiaPassportSession();
|
|
8621
8637
|
const { profiles, isLoading: profilesLoading } = useLumiaPassportLinkedProfiles();
|
|
8622
8638
|
const [isAuthModalOpen, setIsAuthModalOpen] = React27.useState(false);
|
|
8623
8639
|
const tssManagerRef = React27.useRef(null);
|
|
@@ -10048,6 +10064,7 @@ export {
|
|
|
10048
10064
|
LUMIA_EXPLORER_URL,
|
|
10049
10065
|
LumiaLogo2 as LumiaLogo,
|
|
10050
10066
|
LumiaPassportProvider,
|
|
10067
|
+
LumiaPassportSessionProvider,
|
|
10051
10068
|
LumiaRainbowKitProvider,
|
|
10052
10069
|
LumiaSessionProvider,
|
|
10053
10070
|
LumiaWagmiProvider,
|
|
@@ -10063,6 +10080,7 @@ export {
|
|
|
10063
10080
|
useAssets,
|
|
10064
10081
|
useLumiaPassportConfig,
|
|
10065
10082
|
useLumiaPassportLinkedProfiles,
|
|
10083
|
+
useLumiaPassportSession,
|
|
10066
10084
|
useLumiaSession,
|
|
10067
10085
|
useSendTransaction,
|
|
10068
10086
|
useSmartAccountTransactions,
|