thirdweb 5.32.1 → 5.32.2-nightly-a6ed6e66dae7f2fa239c76a57e93b545e5d8da8d-20240704000330
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/dist/cjs/adapters/ethers5.js +2 -2
- package/dist/cjs/adapters/ethers5.js.map +1 -1
- package/dist/cjs/contract/verification/index.js +52 -28
- package/dist/cjs/contract/verification/index.js.map +1 -1
- package/dist/cjs/react/core/hooks/wallets/useConnect.js +2 -2
- package/dist/cjs/react/core/hooks/wallets/useConnect.js.map +1 -1
- package/dist/cjs/react/native/ui/components/WalletImage.js +18 -20
- package/dist/cjs/react/native/ui/components/WalletImage.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectButton.js +1 -6
- package/dist/cjs/react/native/ui/connect/ConnectButton.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ConnectModal.js +64 -15
- package/dist/cjs/react/native/ui/connect/ConnectModal.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/ExternalWalletsList.js +12 -18
- package/dist/cjs/react/native/ui/connect/ExternalWalletsList.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/InAppWalletUI.js +39 -34
- package/dist/cjs/react/native/ui/connect/InAppWalletUI.js.map +1 -1
- package/dist/cjs/react/native/ui/connect/WalletLoadingThumbnail.js +51 -0
- package/dist/cjs/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/adapters/ethers5.js +2 -2
- package/dist/esm/adapters/ethers5.js.map +1 -1
- package/dist/esm/contract/verification/index.js +52 -28
- package/dist/esm/contract/verification/index.js.map +1 -1
- package/dist/esm/react/core/hooks/wallets/useConnect.js +2 -2
- package/dist/esm/react/core/hooks/wallets/useConnect.js.map +1 -1
- package/dist/esm/react/native/ui/components/WalletImage.js +17 -20
- package/dist/esm/react/native/ui/components/WalletImage.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectButton.js +1 -6
- package/dist/esm/react/native/ui/connect/ConnectButton.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ConnectModal.js +65 -16
- package/dist/esm/react/native/ui/connect/ConnectModal.js.map +1 -1
- package/dist/esm/react/native/ui/connect/ExternalWalletsList.js +12 -18
- package/dist/esm/react/native/ui/connect/ExternalWalletsList.js.map +1 -1
- package/dist/esm/react/native/ui/connect/InAppWalletUI.js +39 -34
- package/dist/esm/react/native/ui/connect/InAppWalletUI.js.map +1 -1
- package/dist/esm/react/native/ui/connect/WalletLoadingThumbnail.js +49 -0
- package/dist/esm/react/native/ui/connect/WalletLoadingThumbnail.js.map +1 -0
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/types/contract/verification/index.d.ts +1 -0
- package/dist/types/contract/verification/index.d.ts.map +1 -1
- package/dist/types/react/native/ui/components/WalletImage.d.ts +1 -0
- package/dist/types/react/native/ui/components/WalletImage.d.ts.map +1 -1
- package/dist/types/react/native/ui/connect/ConnectButton.d.ts.map +1 -1
- package/dist/types/react/native/ui/connect/ConnectModal.d.ts +8 -0
- package/dist/types/react/native/ui/connect/ConnectModal.d.ts.map +1 -1
- package/dist/types/react/native/ui/connect/ExternalWalletsList.d.ts +4 -2
- package/dist/types/react/native/ui/connect/ExternalWalletsList.d.ts.map +1 -1
- package/dist/types/react/native/ui/connect/InAppWalletUI.d.ts +6 -2
- package/dist/types/react/native/ui/connect/InAppWalletUI.d.ts.map +1 -1
- package/dist/types/react/native/ui/connect/WalletLoadingThumbnail.d.ts +10 -0
- package/dist/types/react/native/ui/connect/WalletLoadingThumbnail.d.ts.map +1 -0
- package/dist/types/version.d.ts +1 -1
- package/dist/types/version.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/adapters/ethers5.ts +2 -2
- package/src/contract/verification/index.ts +63 -30
- package/src/react/core/hooks/wallets/useConnect.ts +2 -2
- package/src/react/native/ui/components/WalletImage.tsx +18 -20
- package/src/react/native/ui/connect/ConnectButton.tsx +0 -11
- package/src/react/native/ui/connect/ConnectModal.tsx +158 -13
- package/src/react/native/ui/connect/ExternalWalletsList.tsx +18 -35
- package/src/react/native/ui/connect/InAppWalletUI.tsx +49 -67
- package/src/react/native/ui/connect/WalletLoadingThumbnail.tsx +98 -0
- package/src/version.ts +1 -1
@@ -1,21 +1,26 @@
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { useState } from "react";
|
2
|
+
import { useCallback, useState } from "react";
|
3
3
|
import { Platform, StyleSheet, View } from "react-native";
|
4
4
|
import { SvgXml } from "react-native-svg";
|
5
5
|
import { parseTheme } from "../../../core/design-system/CustomThemeProvider.js";
|
6
6
|
import { genericWalletIcon } from "../../../core/utils/socialIcons.js";
|
7
|
+
import { useWalletInfo } from "../../../core/utils/wallet.js";
|
7
8
|
import { radius, spacing } from "../../design-system/index.js";
|
8
9
|
import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
|
9
|
-
import {
|
10
|
+
import { connectionManager } from "../../index.js";
|
10
11
|
import { getDefaultWallets } from "../../wallets/defaultWallets.js";
|
11
12
|
import { Header } from "../components/Header.js";
|
13
|
+
import { RNImage } from "../components/RNImage.js";
|
14
|
+
import { WalletImage, getAuthProviderImage, } from "../components/WalletImage.js";
|
12
15
|
import { ThemedButtonWithIcon } from "../components/button.js";
|
13
16
|
import { Spacer } from "../components/spacer.js";
|
14
17
|
import { ThemedText } from "../components/text.js";
|
15
18
|
import { ThemedView } from "../components/view.js";
|
16
19
|
import { TW_ICON } from "../icons/svgs.js";
|
20
|
+
import { ErrorView } from "./ErrorView.js";
|
17
21
|
import { ExternalWalletsList } from "./ExternalWalletsList.js";
|
18
22
|
import { InAppWalletUI, OtpLogin } from "./InAppWalletUI.js";
|
23
|
+
import WalletLoadingThumbnail from "./WalletLoadingThumbnail.js";
|
19
24
|
/**
|
20
25
|
* A component that allows the user to connect their wallet.
|
21
26
|
*
|
@@ -44,17 +49,31 @@ export function ConnectEmbed(props) {
|
|
44
49
|
return wallet ? null : (_jsx(ConnectModal, { ...adaptedProps, theme: theme, containerType: "embed" }));
|
45
50
|
}
|
46
51
|
export function ConnectModal(props) {
|
47
|
-
const { theme, client, containerType, accountAbstraction, onConnect } = props;
|
48
|
-
const connectMutation = useConnect({
|
49
|
-
client,
|
50
|
-
accountAbstraction,
|
51
|
-
onConnect: (wallet) => {
|
52
|
-
props.onClose?.();
|
53
|
-
onConnect?.(wallet);
|
54
|
-
},
|
55
|
-
});
|
56
|
-
const wallets = props.wallets || getDefaultWallets(props);
|
52
|
+
const { theme, client, containerType, accountAbstraction, onConnect, onClose, } = props;
|
57
53
|
const [modalState, setModalState] = useState({ screen: "base" });
|
54
|
+
const connector = useCallback(async (args) => {
|
55
|
+
setModalState({
|
56
|
+
screen: "connecting",
|
57
|
+
wallet: args.wallet,
|
58
|
+
authMethod: args.authMethod,
|
59
|
+
});
|
60
|
+
try {
|
61
|
+
const w = await args.connectFn();
|
62
|
+
await connectionManager.connect(w, {
|
63
|
+
client,
|
64
|
+
accountAbstraction,
|
65
|
+
onConnect,
|
66
|
+
});
|
67
|
+
onClose?.();
|
68
|
+
}
|
69
|
+
catch (error) {
|
70
|
+
setModalState({
|
71
|
+
screen: "error",
|
72
|
+
error: error?.message || "unknown error",
|
73
|
+
});
|
74
|
+
}
|
75
|
+
}, [client, accountAbstraction, onConnect, onClose]);
|
76
|
+
const wallets = props.wallets || getDefaultWallets(props);
|
58
77
|
const inAppWallet = wallets.find((wallet) => wallet.id === "inApp");
|
59
78
|
const externalWallets = wallets.filter((wallet) => wallet.id !== "inApp");
|
60
79
|
const showBranding = props.connectModal?.showThirdwebBranding !== false;
|
@@ -65,11 +84,19 @@ export function ConnectModal(props) {
|
|
65
84
|
flexDirection: "column",
|
66
85
|
gap: spacing.md,
|
67
86
|
paddingHorizontal: containerType === "modal" ? spacing.lg : 0,
|
68
|
-
}, children: _jsx(OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme,
|
87
|
+
}, children: _jsx(OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme, connector: connector }) }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "md" }))] }));
|
69
88
|
break;
|
70
89
|
}
|
71
90
|
case "external_wallets": {
|
72
|
-
content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), _jsx(Spacer, { size: "lg" }), _jsx(ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client,
|
91
|
+
content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), _jsx(Spacer, { size: "lg" }), _jsx(ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connector: connector, containerType: containerType })] }));
|
92
|
+
break;
|
93
|
+
}
|
94
|
+
case "connecting": {
|
95
|
+
content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "lg" })), _jsx(LoadingView, { theme: theme, wallet: modalState.wallet, authProvider: modalState.authMethod }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "md" }))] }));
|
96
|
+
break;
|
97
|
+
}
|
98
|
+
case "error": {
|
99
|
+
content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "lg" })), _jsx(ErrorView, { theme: theme, title: modalState.error }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "md" }))] }));
|
73
100
|
break;
|
74
101
|
}
|
75
102
|
default: {
|
@@ -77,15 +104,32 @@ export function ConnectModal(props) {
|
|
77
104
|
flexDirection: "column",
|
78
105
|
gap: spacing.md,
|
79
106
|
paddingHorizontal: containerType === "modal" ? spacing.lg : 0,
|
80
|
-
}, children: [_jsx(InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme,
|
107
|
+
}, children: [_jsx(InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme, connector: connector }), externalWallets.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(OrDivider, { theme: theme }), _jsx(ThemedButtonWithIcon, { theme: theme, icon: genericWalletIcon, title: "Connect a wallet", onPress: () => setModalState({ screen: "external_wallets" }) })] })) : null] }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "md" }))] })) : externalWallets.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(Spacer, { size: "lg" }), _jsx(View, { style: {
|
81
108
|
flex: 1,
|
82
|
-
}, children: _jsx(ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client,
|
109
|
+
}, children: _jsx(ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connector: connector, containerType: containerType }) })] })) : null] }));
|
83
110
|
}
|
84
111
|
}
|
85
112
|
return (_jsxs(ThemedView, { theme: theme, style: containerType === "modal"
|
86
113
|
? styles.modalContainer
|
87
114
|
: styles.embedContainer, children: [content, showBranding && _jsx(PoweredByThirdweb, { theme: theme })] }));
|
88
115
|
}
|
116
|
+
function LoadingView({ theme, wallet, authProvider, }) {
|
117
|
+
const walletInfo = useWalletInfo(wallet.id);
|
118
|
+
return (_jsxs(View, { style: {
|
119
|
+
flexDirection: "column",
|
120
|
+
flex: 1,
|
121
|
+
alignItems: "center",
|
122
|
+
justifyContent: "center",
|
123
|
+
paddingVertical: spacing.xl,
|
124
|
+
}, children: [_jsx(WalletLoadingThumbnail, { theme: theme, imageSize: 100, children: authProvider ? (_jsx(View, { style: {
|
125
|
+
borderRadius: spacing.md,
|
126
|
+
padding: spacing.xs,
|
127
|
+
}, children: _jsx(RNImage, { theme: theme, size: 90, data: getAuthProviderImage(authProvider) }) })) : (_jsx(WalletImage, { theme: theme, size: 90, wallet: wallet })) }), _jsx(Spacer, { size: "xl" }), _jsx(ThemedText, { theme: theme, type: "subtitle", children: authProvider
|
128
|
+
? `Connecting with ${capitalizeFirstLetter(authProvider)}`
|
129
|
+
: "Awaiting confirmation" }), _jsx(Spacer, { size: "sm" }), _jsx(ThemedText, { theme: theme, type: "subtext", children: authProvider
|
130
|
+
? `Sign into your ${capitalizeFirstLetter(authProvider)} account`
|
131
|
+
: `Accept the connection request in ${walletInfo.data?.name}` })] }));
|
132
|
+
}
|
89
133
|
function OrDivider({ theme }) {
|
90
134
|
return (_jsxs(View, { style: {
|
91
135
|
flexDirection: "row",
|
@@ -111,6 +155,11 @@ function PoweredByThirdweb({ theme }) {
|
|
111
155
|
paddingBottom: Platform.OS === "android" ? spacing.md : spacing.lg,
|
112
156
|
}, children: [_jsx(ThemedText, { theme: theme, type: "subtext", children: "Powered by" }), _jsx(SvgXml, { xml: TW_ICON, width: 22, height: 22, style: { marginBottom: -2 }, color: theme.colors.secondaryText }), _jsx(ThemedText, { theme: theme, type: "subtext", style: { fontWeight: "600" }, children: "thirdweb" })] }));
|
113
157
|
}
|
158
|
+
function capitalizeFirstLetter(str) {
|
159
|
+
if (!str)
|
160
|
+
return str;
|
161
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
162
|
+
}
|
114
163
|
const styles = StyleSheet.create({
|
115
164
|
modalContainer: {
|
116
165
|
flex: 1,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":"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"}
|
@@ -1,39 +1,33 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { useState } from "react";
|
3
2
|
import { Image, Linking, ScrollView, StyleSheet, TouchableOpacity, View, } from "react-native";
|
4
3
|
import { useWalletImage, useWalletInfo } from "../../../core/utils/wallet.js";
|
5
4
|
import { spacing } from "../../design-system/index.js";
|
6
5
|
import { Skeleton } from "../components/Skeleton.js";
|
7
|
-
import { ThemedSpinner } from "../components/spinner.js";
|
8
6
|
import { ThemedText } from "../components/text.js";
|
9
7
|
export function ExternalWalletsList(props) {
|
10
|
-
const {
|
11
|
-
const [selectedWallet, setSelectedWallet] = useState();
|
8
|
+
const { connector, client, theme } = props;
|
12
9
|
const connectWallet = (wallet) => {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
10
|
+
connector({
|
11
|
+
wallet,
|
12
|
+
connectFn: async () => {
|
13
|
+
await wallet.connect({
|
14
|
+
client,
|
15
|
+
});
|
16
|
+
return wallet;
|
17
|
+
},
|
19
18
|
});
|
20
19
|
};
|
21
20
|
return (_jsxs(View, { style: styles.container, children: [_jsx(ScrollView, { style: {
|
22
21
|
flex: 1,
|
23
22
|
paddingHorizontal: props.containerType === "modal" ? spacing.lg : 0,
|
24
23
|
paddingBottom: spacing.md,
|
25
|
-
}, children: _jsx(View, { style: { flexDirection: "column", gap: spacing.md }, children: props.externalWallets.map((wallet) => (_jsx(ExternalWalletRow, { wallet: wallet, connectWallet: connectWallet, theme: theme
|
24
|
+
}, children: _jsx(View, { style: { flexDirection: "column", gap: spacing.md }, children: props.externalWallets.map((wallet) => (_jsx(ExternalWalletRow, { wallet: wallet, connectWallet: connectWallet, theme: theme }, wallet.id))) }) }), _jsx(NewToWallets, { theme: props.theme, containerType: props.containerType })] }));
|
26
25
|
}
|
27
26
|
function ExternalWalletRow(props) {
|
28
|
-
const { wallet, theme,
|
27
|
+
const { wallet, theme, connectWallet } = props;
|
29
28
|
const imageQuery = useWalletImage(wallet.id);
|
30
29
|
const infoQuery = useWalletInfo(wallet.id);
|
31
|
-
return (_jsxs(TouchableOpacity, { style: styles.row, onPress: () => connectWallet(wallet), children: [imageQuery.data ? (
|
32
|
-
width: 52,
|
33
|
-
height: 52,
|
34
|
-
justifyContent: "center",
|
35
|
-
alignItems: "center",
|
36
|
-
}, children: _jsx(ThemedSpinner, { color: theme.colors.primaryText }) })) : (_jsx(Image, { source: { uri: imageQuery.data ?? "" }, style: { width: 52, height: 52, borderRadius: 6 } }))) : (_jsx(Skeleton, { theme: theme, style: {
|
30
|
+
return (_jsxs(TouchableOpacity, { style: styles.row, onPress: () => connectWallet(wallet), children: [imageQuery.data ? (_jsx(Image, { source: { uri: imageQuery.data ?? "" }, style: { width: 52, height: 52, borderRadius: 6 } })) : (_jsx(Skeleton, { theme: theme, style: {
|
37
31
|
width: 52,
|
38
32
|
height: 52,
|
39
33
|
} })), _jsx(ThemedText, { theme: theme, type: "subtitle", children: infoQuery.data?.name || "" })] }));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExternalWalletsList.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
1
|
+
{"version":3,"file":"ExternalWalletsList.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":"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"}
|
@@ -10,7 +10,6 @@ import { RNImage } from "../components/RNImage.js";
|
|
10
10
|
import { ThemedButton, ThemedButtonWithIcon } from "../components/button.js";
|
11
11
|
import { ThemedInput, ThemedInputWithSubmit } from "../components/input.js";
|
12
12
|
import { Spacer } from "../components/spacer.js";
|
13
|
-
import { ThemedSpinner } from "../components/spinner.js";
|
14
13
|
import { ThemedText } from "../components/text.js";
|
15
14
|
import { APPLE_ICON, EMAIL_ICON, FACEBOOK_ICON, GOOGLE_ICON, PHONE_ICON, } from "../icons/svgs.js";
|
16
15
|
const defaultAuthOptions = [
|
@@ -34,25 +33,27 @@ export function InAppWalletUI(props) {
|
|
34
33
|
return (_jsxs(View, { style: styles.container, children: [_jsx(View, { style: styles.row, children: socialLogins.map((auth) => (_jsx(SocialLogin, { auth: auth, ...props }, auth))) }), inputMode === "email" ? (_jsx(PreOtpLogin, { auth: "email", ...props })) : (_jsx(ThemedButtonWithIcon, { theme: theme, title: "Email address", icon: EMAIL_ICON, onPress: () => setInputMode("email") })), inputMode === "phone" ? (_jsx(PreOtpLogin, { auth: "phone", ...props })) : (_jsx(ThemedButtonWithIcon, { theme: theme, title: "Phone number", icon: PHONE_ICON, onPress: () => setInputMode("phone") }))] }));
|
35
34
|
}
|
36
35
|
function SocialLogin(props) {
|
37
|
-
const { theme, wallet, auth, client,
|
36
|
+
const { theme, wallet, auth, client, connector } = props;
|
38
37
|
// TODO (rn) - move this onPress and state up
|
39
38
|
const strategy = props.auth;
|
40
|
-
const [selectedAuth, setSelectedAuth] = useState();
|
41
39
|
const connectInAppWallet = useCallback(() => {
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
40
|
+
connector({
|
41
|
+
wallet,
|
42
|
+
connectFn: async () => {
|
43
|
+
await wallet.connect({
|
44
|
+
client,
|
45
|
+
strategy: auth,
|
46
|
+
});
|
47
|
+
await setLastAuthProvider(auth, nativeLocalStorage);
|
48
|
+
return wallet;
|
49
|
+
},
|
50
|
+
authMethod: auth,
|
50
51
|
});
|
51
|
-
}, [
|
52
|
+
}, [connector, auth, wallet, client]);
|
52
53
|
return (_jsx(View, { style: [
|
53
54
|
styles.socialIconContainer,
|
54
55
|
{ borderColor: theme.colors.borderColor },
|
55
|
-
], children:
|
56
|
+
], children: _jsx(TouchableOpacity, { onPress: connectInAppWallet, children: _jsx(RNImage, { theme: theme, size: 38, data: socialIcons[auth] }) }, strategy) }));
|
56
57
|
}
|
57
58
|
function PreOtpLogin(props) {
|
58
59
|
const { theme, auth, client, setScreen, wallet } = props;
|
@@ -106,37 +107,41 @@ function PreOtpLogin(props) {
|
|
106
107
|
}), isSubmitting: sendCode.isPending }));
|
107
108
|
}
|
108
109
|
export function OtpLogin(props) {
|
109
|
-
const { theme, auth, wallet, client,
|
110
|
+
const { theme, auth, wallet, client, connector } = props;
|
110
111
|
const [verificationCode, setVerificationCode] = useState("");
|
111
112
|
const connectInAppWallet = async () => {
|
112
113
|
if (!verificationCode || !verificationCode)
|
113
114
|
return;
|
114
|
-
await
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
115
|
+
await connector({
|
116
|
+
wallet,
|
117
|
+
connectFn: async () => {
|
118
|
+
if (auth.strategy === "phone") {
|
119
|
+
await wallet.connect({
|
120
|
+
client,
|
121
|
+
strategy: auth.strategy,
|
122
|
+
phoneNumber: auth.phoneNumber,
|
123
|
+
verificationCode,
|
124
|
+
});
|
125
|
+
}
|
126
|
+
else {
|
127
|
+
await wallet.connect({
|
128
|
+
client,
|
129
|
+
strategy: auth.strategy,
|
130
|
+
email: auth.email,
|
131
|
+
verificationCode,
|
132
|
+
});
|
133
|
+
}
|
134
|
+
await setLastAuthProvider(auth.strategy, nativeLocalStorage);
|
135
|
+
return wallet;
|
136
|
+
},
|
137
|
+
authMethod: auth.strategy,
|
133
138
|
});
|
134
139
|
};
|
135
140
|
return (_jsxs(_Fragment, { children: [_jsxs(View, { style: {
|
136
141
|
flexDirection: "column",
|
137
142
|
justifyContent: "center",
|
138
143
|
alignItems: "center",
|
139
|
-
}, children: [_jsx(ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "Enter the verification code sent to" }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: auth.strategy === "phone" ? auth.phoneNumber : auth.email })] }), _jsx(Spacer, { size: "xs" }), _jsx(ThemedInput, { theme: theme, placeholder: "Verification code", onChangeText: setVerificationCode, value: verificationCode, keyboardType: "number-pad" }), _jsx(ThemedButton, { theme: theme, onPress: connectInAppWallet, variant: "accent",
|
144
|
+
}, children: [_jsx(ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "Enter the verification code sent to" }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: auth.strategy === "phone" ? auth.phoneNumber : auth.email })] }), _jsx(Spacer, { size: "xs" }), _jsx(ThemedInput, { theme: theme, placeholder: "Verification code", onChangeText: setVerificationCode, value: verificationCode, keyboardType: "number-pad" }), _jsx(ThemedButton, { theme: theme, onPress: connectInAppWallet, variant: "accent", children: _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", style: { color: theme.colors.accentButtonText }, children: "Verify" }) })] }));
|
140
145
|
}
|
141
146
|
const styles = StyleSheet.create({
|
142
147
|
container: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InAppWalletUI.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAShF,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;
|
1
|
+
{"version":3,"file":"InAppWalletUI.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useEffect, useRef } from "react";
|
3
|
+
import { Animated, Easing, StyleSheet, View } from "react-native";
|
4
|
+
import { Rect, Svg } from "react-native-svg";
|
5
|
+
import { radius } from "../../design-system/index.js";
|
6
|
+
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
7
|
+
const PADDING = 10;
|
8
|
+
const INTERNAL_PADDING = 5;
|
9
|
+
function WalletLoadingThumbnail({ theme, children, showError, imageSize, }) {
|
10
|
+
const spinValue = useRef(new Animated.Value(0));
|
11
|
+
useEffect(() => {
|
12
|
+
const animation = Animated.timing(spinValue.current, {
|
13
|
+
toValue: 1,
|
14
|
+
duration: 1150,
|
15
|
+
useNativeDriver: true,
|
16
|
+
easing: Easing.linear,
|
17
|
+
});
|
18
|
+
const loop = Animated.loop(animation);
|
19
|
+
loop.start();
|
20
|
+
return () => {
|
21
|
+
loop.stop();
|
22
|
+
};
|
23
|
+
}, []);
|
24
|
+
const spin = spinValue.current.interpolate({
|
25
|
+
inputRange: [0, 1],
|
26
|
+
outputRange: [0, -400],
|
27
|
+
});
|
28
|
+
return (_jsxs(View, { style: styles.container, children: [_jsx(Svg, { width: imageSize + PADDING, height: imageSize + PADDING, viewBox: `0 0 ${imageSize + PADDING} ${imageSize + PADDING}`, style: styles.loader, children: _jsx(AnimatedRect, { x: "2", y: "2", width: imageSize + INTERNAL_PADDING, height: imageSize + INTERNAL_PADDING, rx: 15, stroke: showError ? "transparent" : theme.colors.accentButtonBg, strokeWidth: 3, fill: "transparent", strokeDasharray: "100 300", strokeDashoffset: spin }) }), showError && (_jsx(View, { style: [
|
29
|
+
{
|
30
|
+
position: "absolute",
|
31
|
+
borderWidth: 3,
|
32
|
+
height: imageSize + INTERNAL_PADDING,
|
33
|
+
width: imageSize + INTERNAL_PADDING,
|
34
|
+
borderRadius: radius.lg,
|
35
|
+
borderColor: theme.colors.borderColor,
|
36
|
+
},
|
37
|
+
] })), children] }));
|
38
|
+
}
|
39
|
+
const styles = StyleSheet.create({
|
40
|
+
container: {
|
41
|
+
alignItems: "center",
|
42
|
+
justifyContent: "center",
|
43
|
+
},
|
44
|
+
loader: {
|
45
|
+
position: "absolute",
|
46
|
+
},
|
47
|
+
});
|
48
|
+
export default WalletLoadingThumbnail;
|
49
|
+
//# sourceMappingURL=WalletLoadingThumbnail.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"WalletLoadingThumbnail.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/WalletLoadingThumbnail.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/version.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export const version = "5.32.
|
1
|
+
export const version = "5.32.2-nightly-a6ed6e66dae7f2fa239c76a57e93b545e5d8da8d-20240704000330";
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/dist/esm/version.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,wEAAwE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contract/verification/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AASvD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contract/verification/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AASvD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,cAAc,GAAG,WAAW,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,qBAAqB,GAC7B,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CA2H5B;AAWD,KAAK,8BAA8B,GAAG;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,8BAA8B,GACtC,OAAO,CAAC,OAAO,CAAC,CAwBlB"}
|
@@ -6,4 +6,5 @@ export declare const WalletImage: (props: {
|
|
6
6
|
size: number;
|
7
7
|
ensAvatar?: string | null;
|
8
8
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
9
|
+
export declare function getAuthProviderImage(lastAuthProvider: string | null): string;
|
9
10
|
//# sourceMappingURL=WalletImage.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WalletImage.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAYlE,eAAO,MAAM,WAAW,UAAW;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,+
|
1
|
+
{"version":3,"file":"WalletImage.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAYlE,eAAO,MAAM,WAAW,UAAW;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,+CAuCA,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAe5E"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAY/F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,
|
1
|
+
{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAY/F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,8CAmHtD"}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import type { MultiStepAuthProviderType } from "../../../../wallets/in-app/core/authentication/type.js";
|
2
|
+
import type { InAppWalletAuth } from "../../../../wallets/in-app/core/wallet/types.js";
|
2
3
|
import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
|
3
4
|
import type { Theme } from "../../../core/design-system/index.js";
|
4
5
|
import type { ConnectButtonProps } from "../../../core/hooks/connection/ConnectButtonProps.js";
|
@@ -6,6 +7,13 @@ import type { ConnectEmbedProps } from "../../../core/hooks/connection/ConnectEm
|
|
6
7
|
import { type ContainerType } from "../components/Header.js";
|
7
8
|
export type ModalState = {
|
8
9
|
screen: "base";
|
10
|
+
} | {
|
11
|
+
screen: "connecting";
|
12
|
+
wallet: Wallet;
|
13
|
+
authMethod?: InAppWalletAuth;
|
14
|
+
} | {
|
15
|
+
screen: "error";
|
16
|
+
error: string;
|
9
17
|
} | {
|
10
18
|
screen: "otp";
|
11
19
|
auth: MultiStepAuthProviderType;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ConnectModal.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AACxG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;
|
1
|
+
{"version":3,"file":"ConnectModal.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AACxG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAO7F,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAgBrE,MAAM,MAAM,UAAU,GAClB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAClB;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,eAAe,CAAA;CAAE,GACtE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,yBAAyB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;CAAE,GAC3E;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qDAUpD;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,kBAAkB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;CAC9B,8CAiPF"}
|
@@ -1,12 +1,14 @@
|
|
1
1
|
import type { ThirdwebClient } from "../../../../client/client.js";
|
2
2
|
import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
|
3
3
|
import type { Theme } from "../../../core/design-system/index.js";
|
4
|
-
import type { useConnect } from "../../hooks/wallets/useConnect.js";
|
5
4
|
import type { ContainerType } from "../components/Header.js";
|
6
5
|
export type ExternalWalletsUiProps = {
|
7
6
|
theme: Theme;
|
8
7
|
client: ThirdwebClient;
|
9
|
-
|
8
|
+
connector: (args: {
|
9
|
+
wallet: Wallet;
|
10
|
+
connectFn: () => Promise<Wallet>;
|
11
|
+
}) => Promise<void>;
|
10
12
|
containerType: ContainerType;
|
11
13
|
};
|
12
14
|
export declare function ExternalWalletsList(props: ExternalWalletsUiProps & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExternalWalletsList.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ExternalWalletsList.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAClC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,sBAAsB,GAAG;IAAE,eAAe,EAAE,MAAM,EAAE,CAAA;CAAE,8CAsC9D"}
|
@@ -1,15 +1,19 @@
|
|
1
1
|
import type { ThirdwebClient } from "../../../../client/client.js";
|
2
2
|
import type { MultiStepAuthProviderType } from "../../../../wallets/in-app/core/authentication/type.js";
|
3
|
+
import type { InAppWalletAuth } from "../../../../wallets/in-app/core/wallet/types.js";
|
3
4
|
import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
|
4
5
|
import type { Theme } from "../../../core/design-system/index.js";
|
5
|
-
import type { useConnect } from "../../hooks/wallets/useConnect.js";
|
6
6
|
import type { ModalState } from "./ConnectModal.js";
|
7
7
|
type InAppWalletFormUIProps = {
|
8
8
|
client: ThirdwebClient;
|
9
9
|
theme: Theme;
|
10
10
|
wallet: Wallet<"inApp">;
|
11
11
|
setScreen: (screen: ModalState) => void;
|
12
|
-
|
12
|
+
connector: (args: {
|
13
|
+
wallet: Wallet;
|
14
|
+
connectFn: () => Promise<Wallet>;
|
15
|
+
authMethod?: InAppWalletAuth;
|
16
|
+
}) => Promise<void>;
|
13
17
|
};
|
14
18
|
export declare function InAppWalletUI(props: InAppWalletFormUIProps): import("react/jsx-runtime.js").JSX.Element;
|
15
19
|
export declare function OtpLogin(props: InAppWalletFormUIProps & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InAppWalletUI.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,wDAAwD,CAAC;
|
1
|
+
{"version":3,"file":"InAppWalletUI.d.ts","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,KAAK,EACV,yBAAyB,EAE1B,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,iDAAiD,CAAC;AAEzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAelE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAgBpD,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;QACjC,UAAU,CAAC,EAAE,eAAe,CAAC;KAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,sBAAsB,8CAuC1D;AA+GD,wBAAgB,QAAQ,CACtB,KAAK,EAAE,sBAAsB,GAAG;IAC9B,IAAI,EAAE,yBAAyB,CAAC;CACjC,8CAmEF"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { Theme } from "../../../core/design-system/index.js";
|
2
|
+
interface Props {
|
3
|
+
theme: Theme;
|
4
|
+
children?: React.ReactNode;
|
5
|
+
imageSize: number;
|
6
|
+
showError?: boolean;
|
7
|
+
}
|
8
|
+
declare function WalletLoadingThumbnail({ theme, children, showError, imageSize, }: Props): import("react/jsx-runtime.js").JSX.Element;
|
9
|
+
export default WalletLoadingThumbnail;
|
10
|
+
//# sourceMappingURL=WalletLoadingThumbnail.d.ts.map
|