@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.cjs
CHANGED
|
@@ -804,7 +804,7 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
|
|
|
804
804
|
throw new Error("No access token available for signing");
|
|
805
805
|
}
|
|
806
806
|
const transaction = {
|
|
807
|
-
to: userOpDetails?.
|
|
807
|
+
to: userOpDetails?.callTarget || "0x0000000000000000000000000000000000000000",
|
|
808
808
|
value: "0",
|
|
809
809
|
data: userOpDetails?.callData || "0x",
|
|
810
810
|
digest32,
|
|
@@ -5240,7 +5240,9 @@ async function sendUserOperation(session, callTarget, amountWei, innerData = "0x
|
|
|
5240
5240
|
maxPriorityFeePerGas: userOp.maxPriorityFeePerGas,
|
|
5241
5241
|
paymaster: userOp.paymaster,
|
|
5242
5242
|
factory: userOp.factory,
|
|
5243
|
-
factoryData: userOp.factoryData
|
|
5243
|
+
factoryData: userOp.factoryData,
|
|
5244
|
+
callTarget
|
|
5245
|
+
// Add callTarget so iframe can display "To" address
|
|
5244
5246
|
});
|
|
5245
5247
|
if (!mpcSig) throw new Error("MPC signing failed");
|
|
5246
5248
|
signature = mpcSig;
|
|
@@ -5606,6 +5608,7 @@ __export(index_exports, {
|
|
|
5606
5608
|
LUMIA_EXPLORER_URL: () => LUMIA_EXPLORER_URL,
|
|
5607
5609
|
LumiaLogo: () => LumiaLogo2,
|
|
5608
5610
|
LumiaPassportProvider: () => LumiaPassportProvider,
|
|
5611
|
+
LumiaPassportSessionProvider: () => LumiaPassportSessionProvider,
|
|
5609
5612
|
LumiaRainbowKitProvider: () => LumiaRainbowKitProvider,
|
|
5610
5613
|
LumiaSessionProvider: () => LumiaSessionProvider,
|
|
5611
5614
|
LumiaWagmiProvider: () => LumiaWagmiProvider,
|
|
@@ -5621,6 +5624,7 @@ __export(index_exports, {
|
|
|
5621
5624
|
useAssets: () => useAssets,
|
|
5622
5625
|
useLumiaPassportConfig: () => useLumiaPassportConfig,
|
|
5623
5626
|
useLumiaPassportLinkedProfiles: () => useLumiaPassportLinkedProfiles,
|
|
5627
|
+
useLumiaPassportSession: () => useLumiaPassportSession,
|
|
5624
5628
|
useLumiaSession: () => useLumiaSession,
|
|
5625
5629
|
useSendTransaction: () => useSendTransaction,
|
|
5626
5630
|
useSmartAccountTransactions: () => useSmartAccountTransactions,
|
|
@@ -5642,8 +5646,8 @@ init_LumiaPassportContext();
|
|
|
5642
5646
|
// src/context/LumiaPassportSessionContext.tsx
|
|
5643
5647
|
var import_react2 = __toESM(require("react"), 1);
|
|
5644
5648
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
5645
|
-
var
|
|
5646
|
-
var
|
|
5649
|
+
var LumiaPassportSessionContext = import_react2.default.createContext(void 0);
|
|
5650
|
+
var LumiaPassportSessionProvider = ({ children }) => {
|
|
5647
5651
|
const [session, setSession] = import_react2.default.useState(null);
|
|
5648
5652
|
const [address, setAddress] = import_react2.default.useState(null);
|
|
5649
5653
|
const [status, setStatus] = import_react2.default.useState("idle");
|
|
@@ -5664,13 +5668,29 @@ var LumiaSessionProvider = ({ children }) => {
|
|
|
5664
5668
|
setRecoveryUserId,
|
|
5665
5669
|
setIsRecoveryModalOpen
|
|
5666
5670
|
}), [session, address, status, error, recoveryUserId, isRecoveryModalOpen]);
|
|
5667
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
5671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LumiaPassportSessionContext.Provider, { value, children });
|
|
5668
5672
|
};
|
|
5669
|
-
function
|
|
5670
|
-
const ctx = import_react2.default.useContext(
|
|
5671
|
-
if (!ctx) throw new Error("
|
|
5673
|
+
function useLumiaPassportSession() {
|
|
5674
|
+
const ctx = import_react2.default.useContext(LumiaPassportSessionContext);
|
|
5675
|
+
if (!ctx) throw new Error("useLumiaPassportSession must be used within LumiaPassportSessionProvider");
|
|
5672
5676
|
return ctx;
|
|
5673
5677
|
}
|
|
5678
|
+
function useLumiaSession() {
|
|
5679
|
+
if (typeof window !== "undefined") {
|
|
5680
|
+
console.warn(
|
|
5681
|
+
"[Lumia Passport] DEPRECATED: useLumiaSession is deprecated and will be removed in v2.0.0. Please use useLumiaPassportSession instead."
|
|
5682
|
+
);
|
|
5683
|
+
}
|
|
5684
|
+
return useLumiaPassportSession();
|
|
5685
|
+
}
|
|
5686
|
+
var LumiaSessionProvider = ({ children }) => {
|
|
5687
|
+
if (typeof window !== "undefined") {
|
|
5688
|
+
console.warn(
|
|
5689
|
+
"[Lumia Passport] DEPRECATED: LumiaSessionProvider is deprecated and will be removed in v2.0.0. Please use LumiaPassportSessionProvider instead."
|
|
5690
|
+
);
|
|
5691
|
+
}
|
|
5692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LumiaPassportSessionProvider, { children });
|
|
5693
|
+
};
|
|
5674
5694
|
|
|
5675
5695
|
// src/index.ts
|
|
5676
5696
|
init_WagmiContext();
|
|
@@ -7090,7 +7110,7 @@ init_LumiaPassportContext();
|
|
|
7090
7110
|
init_useTheme();
|
|
7091
7111
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
7092
7112
|
var TransactionsModal = ({ open, onOpenChange, onBack }) => {
|
|
7093
|
-
const { address } =
|
|
7113
|
+
const { address } = useLumiaPassportSession();
|
|
7094
7114
|
const [transactions, setTransactions] = import_react13.default.useState([]);
|
|
7095
7115
|
const [loading, setLoading] = import_react13.default.useState(false);
|
|
7096
7116
|
const [error, setError] = import_react13.default.useState(null);
|
|
@@ -7424,7 +7444,7 @@ init_LumiaPassportContext();
|
|
|
7424
7444
|
init_useTheme();
|
|
7425
7445
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
7426
7446
|
var ViewAssetsModal = ({ open, onOpenChange, onBack }) => {
|
|
7427
|
-
const { address } =
|
|
7447
|
+
const { address } = useLumiaPassportSession();
|
|
7428
7448
|
const { assets, refreshBalances, isLoading } = useAssets(address);
|
|
7429
7449
|
const [copied, setCopied] = import_react15.default.useState(null);
|
|
7430
7450
|
const { config } = useLumiaPassportConfig();
|
|
@@ -7561,7 +7581,7 @@ var import_react16 = require("react");
|
|
|
7561
7581
|
var import_viem5 = require("viem");
|
|
7562
7582
|
init_account();
|
|
7563
7583
|
function useSendTransaction() {
|
|
7564
|
-
const { session, address } =
|
|
7584
|
+
const { session, address } = useLumiaPassportSession();
|
|
7565
7585
|
const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
|
|
7566
7586
|
const [error, setError] = (0, import_react16.useState)(null);
|
|
7567
7587
|
const [userOpHash, setUserOpHash] = (0, import_react16.useState)(null);
|
|
@@ -8004,7 +8024,7 @@ var SendModal = ({
|
|
|
8004
8024
|
recipientAddress: initialRecipient = "",
|
|
8005
8025
|
amount: initialAmount = ""
|
|
8006
8026
|
}) => {
|
|
8007
|
-
const { address } =
|
|
8027
|
+
const { address } = useLumiaPassportSession();
|
|
8008
8028
|
const { assets } = useAssets(address);
|
|
8009
8029
|
const { config } = useLumiaPassportConfig();
|
|
8010
8030
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8260,7 +8280,7 @@ var ReceiveModal = ({
|
|
|
8260
8280
|
onOpenChange,
|
|
8261
8281
|
onBack
|
|
8262
8282
|
}) => {
|
|
8263
|
-
const { address } =
|
|
8283
|
+
const { address } = useLumiaPassportSession();
|
|
8264
8284
|
const [qrCodeUrl, setQrCodeUrl] = (0, import_react18.useState)("");
|
|
8265
8285
|
const { config } = useLumiaPassportConfig();
|
|
8266
8286
|
const { isDark, classes: theme } = useTheme(config.ui.theme, config.ui.colors);
|
|
@@ -8516,7 +8536,7 @@ function useLumiaPassportLinkedProfiles() {
|
|
|
8516
8536
|
// package.json
|
|
8517
8537
|
var package_default = {
|
|
8518
8538
|
name: "@lumiapassport/ui-kit",
|
|
8519
|
-
version: "1.
|
|
8539
|
+
version: "1.6.0",
|
|
8520
8540
|
description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
|
|
8521
8541
|
type: "module",
|
|
8522
8542
|
main: "./dist/index.cjs",
|
|
@@ -8641,7 +8661,7 @@ var ConnectWalletButton = ({
|
|
|
8641
8661
|
setError,
|
|
8642
8662
|
setRecoveryUserId,
|
|
8643
8663
|
setIsRecoveryModalOpen
|
|
8644
|
-
} =
|
|
8664
|
+
} = useLumiaPassportSession();
|
|
8645
8665
|
const { profiles, isLoading: profilesLoading } = useLumiaPassportLinkedProfiles();
|
|
8646
8666
|
const [isAuthModalOpen, setIsAuthModalOpen] = import_react19.default.useState(false);
|
|
8647
8667
|
const tssManagerRef = import_react19.default.useRef(null);
|
|
@@ -10073,6 +10093,7 @@ function useSmartAccountTransactions() {
|
|
|
10073
10093
|
LUMIA_EXPLORER_URL,
|
|
10074
10094
|
LumiaLogo,
|
|
10075
10095
|
LumiaPassportProvider,
|
|
10096
|
+
LumiaPassportSessionProvider,
|
|
10076
10097
|
LumiaRainbowKitProvider,
|
|
10077
10098
|
LumiaSessionProvider,
|
|
10078
10099
|
LumiaWagmiProvider,
|
|
@@ -10088,6 +10109,7 @@ function useSmartAccountTransactions() {
|
|
|
10088
10109
|
useAssets,
|
|
10089
10110
|
useLumiaPassportConfig,
|
|
10090
10111
|
useLumiaPassportLinkedProfiles,
|
|
10112
|
+
useLumiaPassportSession,
|
|
10091
10113
|
useLumiaSession,
|
|
10092
10114
|
useSendTransaction,
|
|
10093
10115
|
useSmartAccountTransactions,
|