@lumiapassport/ui-kit 1.5.2 → 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 +12 -17
- package/dist/iframe/main.js +114 -49
- package/dist/iframe/main.js.map +1 -1
- package/dist/index.cjs +37 -15
- 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 +35 -15
- 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
|
@@ -793,7 +793,7 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
|
|
|
793
793
|
throw new Error("No access token available for signing");
|
|
794
794
|
}
|
|
795
795
|
const transaction = {
|
|
796
|
-
to: userOpDetails?.
|
|
796
|
+
to: userOpDetails?.callTarget || "0x0000000000000000000000000000000000000000",
|
|
797
797
|
value: "0",
|
|
798
798
|
data: userOpDetails?.callData || "0x",
|
|
799
799
|
digest32,
|
|
@@ -5247,7 +5247,9 @@ async function sendUserOperation(session, callTarget, amountWei, innerData = "0x
|
|
|
5247
5247
|
maxPriorityFeePerGas: userOp.maxPriorityFeePerGas,
|
|
5248
5248
|
paymaster: userOp.paymaster,
|
|
5249
5249
|
factory: userOp.factory,
|
|
5250
|
-
factoryData: userOp.factoryData
|
|
5250
|
+
factoryData: userOp.factoryData,
|
|
5251
|
+
callTarget
|
|
5252
|
+
// Add callTarget so iframe can display "To" address
|
|
5251
5253
|
});
|
|
5252
5254
|
if (!mpcSig) throw new Error("MPC signing failed");
|
|
5253
5255
|
signature = mpcSig;
|
|
@@ -5607,8 +5609,8 @@ init_LumiaPassportContext();
|
|
|
5607
5609
|
// src/context/LumiaPassportSessionContext.tsx
|
|
5608
5610
|
import React2 from "react";
|
|
5609
5611
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
5610
|
-
var
|
|
5611
|
-
var
|
|
5612
|
+
var LumiaPassportSessionContext = React2.createContext(void 0);
|
|
5613
|
+
var LumiaPassportSessionProvider = ({ children }) => {
|
|
5612
5614
|
const [session, setSession] = React2.useState(null);
|
|
5613
5615
|
const [address, setAddress] = React2.useState(null);
|
|
5614
5616
|
const [status, setStatus] = React2.useState("idle");
|
|
@@ -5629,13 +5631,29 @@ var LumiaSessionProvider = ({ children }) => {
|
|
|
5629
5631
|
setRecoveryUserId,
|
|
5630
5632
|
setIsRecoveryModalOpen
|
|
5631
5633
|
}), [session, address, status, error, recoveryUserId, isRecoveryModalOpen]);
|
|
5632
|
-
return /* @__PURE__ */ jsx4(
|
|
5634
|
+
return /* @__PURE__ */ jsx4(LumiaPassportSessionContext.Provider, { value, children });
|
|
5633
5635
|
};
|
|
5634
|
-
function
|
|
5635
|
-
const ctx = React2.useContext(
|
|
5636
|
-
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");
|
|
5637
5639
|
return ctx;
|
|
5638
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
|
+
};
|
|
5639
5657
|
|
|
5640
5658
|
// src/index.ts
|
|
5641
5659
|
init_WagmiContext();
|
|
@@ -7064,7 +7082,7 @@ init_useTheme();
|
|
|
7064
7082
|
import { Activity, ArrowUpRight, ArrowDownRight, CheckCircle2 as CheckCircle24, XCircle, ArrowLeft as ArrowLeft6, RefreshCw as RefreshCw3 } from "lucide-react";
|
|
7065
7083
|
import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
7066
7084
|
var TransactionsModal = ({ open, onOpenChange, onBack }) => {
|
|
7067
|
-
const { address } =
|
|
7085
|
+
const { address } = useLumiaPassportSession();
|
|
7068
7086
|
const [transactions, setTransactions] = React19.useState([]);
|
|
7069
7087
|
const [loading, setLoading] = React19.useState(false);
|
|
7070
7088
|
const [error, setError] = React19.useState(null);
|
|
@@ -7398,7 +7416,7 @@ init_useTheme();
|
|
|
7398
7416
|
import { Gem, RefreshCw as RefreshCw4, Copy, ExternalLink as ExternalLink2, ArrowLeft as ArrowLeft7 } from "lucide-react";
|
|
7399
7417
|
import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
7400
7418
|
var ViewAssetsModal = ({ open, onOpenChange, onBack }) => {
|
|
7401
|
-
const { address } =
|
|
7419
|
+
const { address } = useLumiaPassportSession();
|
|
7402
7420
|
const { assets, refreshBalances, isLoading } = useAssets(address);
|
|
7403
7421
|
const [copied, setCopied] = React21.useState(null);
|
|
7404
7422
|
const { config } = useLumiaPassportConfig();
|
|
@@ -7535,7 +7553,7 @@ init_account();
|
|
|
7535
7553
|
import { useState as useState9, useCallback as useCallback3 } from "react";
|
|
7536
7554
|
import { parseEther as parseEther2, isAddress } from "viem";
|
|
7537
7555
|
function useSendTransaction() {
|
|
7538
|
-
const { session, address } =
|
|
7556
|
+
const { session, address } = useLumiaPassportSession();
|
|
7539
7557
|
const [isLoading, setIsLoading] = useState9(false);
|
|
7540
7558
|
const [error, setError] = useState9(null);
|
|
7541
7559
|
const [userOpHash, setUserOpHash] = useState9(null);
|
|
@@ -7978,7 +7996,7 @@ var SendModal = ({
|
|
|
7978
7996
|
recipientAddress: initialRecipient = "",
|
|
7979
7997
|
amount: initialAmount = ""
|
|
7980
7998
|
}) => {
|
|
7981
|
-
const { address } =
|
|
7999
|
+
const { address } = useLumiaPassportSession();
|
|
7982
8000
|
const { assets } = useAssets(address);
|
|
7983
8001
|
const { config } = useLumiaPassportConfig();
|
|
7984
8002
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8234,7 +8252,7 @@ var ReceiveModal = ({
|
|
|
8234
8252
|
onOpenChange,
|
|
8235
8253
|
onBack
|
|
8236
8254
|
}) => {
|
|
8237
|
-
const { address } =
|
|
8255
|
+
const { address } = useLumiaPassportSession();
|
|
8238
8256
|
const [qrCodeUrl, setQrCodeUrl] = useState13("");
|
|
8239
8257
|
const { config } = useLumiaPassportConfig();
|
|
8240
8258
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8490,7 +8508,7 @@ function useLumiaPassportLinkedProfiles() {
|
|
|
8490
8508
|
// package.json
|
|
8491
8509
|
var package_default = {
|
|
8492
8510
|
name: "@lumiapassport/ui-kit",
|
|
8493
|
-
version: "1.
|
|
8511
|
+
version: "1.6.0",
|
|
8494
8512
|
description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
|
|
8495
8513
|
type: "module",
|
|
8496
8514
|
main: "./dist/index.cjs",
|
|
@@ -8615,7 +8633,7 @@ var ConnectWalletButton = ({
|
|
|
8615
8633
|
setError,
|
|
8616
8634
|
setRecoveryUserId,
|
|
8617
8635
|
setIsRecoveryModalOpen
|
|
8618
|
-
} =
|
|
8636
|
+
} = useLumiaPassportSession();
|
|
8619
8637
|
const { profiles, isLoading: profilesLoading } = useLumiaPassportLinkedProfiles();
|
|
8620
8638
|
const [isAuthModalOpen, setIsAuthModalOpen] = React27.useState(false);
|
|
8621
8639
|
const tssManagerRef = React27.useRef(null);
|
|
@@ -10046,6 +10064,7 @@ export {
|
|
|
10046
10064
|
LUMIA_EXPLORER_URL,
|
|
10047
10065
|
LumiaLogo2 as LumiaLogo,
|
|
10048
10066
|
LumiaPassportProvider,
|
|
10067
|
+
LumiaPassportSessionProvider,
|
|
10049
10068
|
LumiaRainbowKitProvider,
|
|
10050
10069
|
LumiaSessionProvider,
|
|
10051
10070
|
LumiaWagmiProvider,
|
|
@@ -10061,6 +10080,7 @@ export {
|
|
|
10061
10080
|
useAssets,
|
|
10062
10081
|
useLumiaPassportConfig,
|
|
10063
10082
|
useLumiaPassportLinkedProfiles,
|
|
10083
|
+
useLumiaPassportSession,
|
|
10064
10084
|
useLumiaSession,
|
|
10065
10085
|
useSendTransaction,
|
|
10066
10086
|
useSmartAccountTransactions,
|