thirdweb 5.32.1 → 5.32.2-nightly-229561e1a79fe2ab3f010c5a8659c7e0fc497ec3-20240703090013
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/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/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/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/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
package/dist/cjs/version.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,wEAAwE,CAAC"}
|
@@ -7,12 +7,12 @@ export function useConnectCore(manager, options) {
|
|
7
7
|
// reset error state
|
8
8
|
setError(null);
|
9
9
|
if (typeof walletOrFn !== "function") {
|
10
|
-
return connect(walletOrFn, options);
|
10
|
+
return await connect(walletOrFn, options);
|
11
11
|
}
|
12
12
|
setIsConnecting(true);
|
13
13
|
try {
|
14
14
|
const w = await walletOrFn();
|
15
|
-
return connect(w, options);
|
15
|
+
return await connect(w, options);
|
16
16
|
}
|
17
17
|
catch (e) {
|
18
18
|
console.error(e);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/useConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO9C,MAAM,UAAU,cAAc,CAC5B,OAA0B,EAC1B,OAA+B;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,WAAW,CAClC,KAAK,EAAE,UAA4C,EAAE,EAAE;QACrD,oBAAoB;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;YACrC,OAAO,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/useConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO9C,MAAM,UAAU,cAAc,CAC5B,OAA0B,EAC1B,OAA+B;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,WAAW,CAClC,KAAK,EAAE,UAA4C,EAAE,EAAE;QACrD,oBAAoB;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;YACrC,OAAO,MAAM,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC5C,CAAC;QAED,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC;YACH,MAAM,CAAC,GAAG,MAAM,UAAU,EAAE,CAAC;YAC7B,OAAO,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACjB,QAAQ,CAAC,CAAU,CAAC,CAAC;QACvB,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAW,CAAC;AACrE,CAAC"}
|
@@ -26,26 +26,7 @@ export const WalletImage = (props) => {
|
|
26
26
|
if (activeEOAId === "inApp" &&
|
27
27
|
(wallet.id === "inApp" || wallet.id === "smart")) {
|
28
28
|
const lastAuthProvider = await getLastAuthProvider(nativeLocalStorage);
|
29
|
-
|
30
|
-
case "phone":
|
31
|
-
imageData = PHONE_ICON;
|
32
|
-
break;
|
33
|
-
case "email":
|
34
|
-
imageData = EMAIL_ICON;
|
35
|
-
break;
|
36
|
-
case "google":
|
37
|
-
imageData = GOOGLE_ICON;
|
38
|
-
break;
|
39
|
-
case "apple":
|
40
|
-
imageData = APPLE_ICON;
|
41
|
-
break;
|
42
|
-
case "facebook":
|
43
|
-
imageData = FACEBOOK_ICON;
|
44
|
-
break;
|
45
|
-
default:
|
46
|
-
imageData = WALLET_ICON;
|
47
|
-
break;
|
48
|
-
}
|
29
|
+
imageData = getAuthProviderImage(lastAuthProvider);
|
49
30
|
return imageData;
|
50
31
|
}
|
51
32
|
try {
|
@@ -62,4 +43,20 @@ export const WalletImage = (props) => {
|
|
62
43
|
const data = ensAvatar || imageData || WALLET_ICON;
|
63
44
|
return _jsx(RNImage, { theme: props.theme, data: data, size: size });
|
64
45
|
};
|
46
|
+
export function getAuthProviderImage(lastAuthProvider) {
|
47
|
+
switch (lastAuthProvider) {
|
48
|
+
case "phone":
|
49
|
+
return PHONE_ICON;
|
50
|
+
case "email":
|
51
|
+
return EMAIL_ICON;
|
52
|
+
case "google":
|
53
|
+
return GOOGLE_ICON;
|
54
|
+
case "apple":
|
55
|
+
return APPLE_ICON;
|
56
|
+
case "facebook":
|
57
|
+
return FACEBOOK_ICON;
|
58
|
+
default:
|
59
|
+
return WALLET_ICON;
|
60
|
+
}
|
61
|
+
}
|
65
62
|
//# sourceMappingURL=WalletImage.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WalletImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAEnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAK3B,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;QACnE,OAAO,EAAE,KAAK,IAAqB,EAAE;YACnC,IAAI,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;gBAC1B,4EAA4E;gBAC5E,MAAM,QAAQ,GAAG,MAAM,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;gBACnE,IAAI,QAAQ,EAAE,CAAC;oBACb,WAAW,GAAG,QAAQ,CAAC;gBACzB,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;YACD,IAAI,SAAiB,CAAC;YACtB,IACE,WAAW,KAAK,OAAO;gBACvB,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,CAAC,EAChD,CAAC;gBACD,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;gBACvE,
|
1
|
+
{"version":3,"file":"WalletImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAEnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAK3B,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;QACnE,OAAO,EAAE,KAAK,IAAqB,EAAE;YACnC,IAAI,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;gBAC1B,4EAA4E;gBAC5E,MAAM,QAAQ,GAAG,MAAM,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;gBACnE,IAAI,QAAQ,EAAE,CAAC;oBACb,WAAW,GAAG,QAAQ,CAAC;gBACzB,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;YACD,IAAI,SAAiB,CAAC;YACtB,IACE,WAAW,KAAK,OAAO;gBACvB,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,CAAC,EAChD,CAAC;gBACD,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;gBACvE,SAAS,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;gBACnD,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,IAAI,CAAC;gBACH,MAAM,mBAAmB,GAAG,MAAM,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;gBACnE,IAAI,mBAAmB,EAAE,CAAC;oBACxB,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;YACH,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;YAEV,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,OAAO,EAAE,CAAC,SAAS;KACpB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,IAAI,SAAS,IAAI,WAAW,CAAC;IACnD,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,gBAA+B;IAClE,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,OAAO;YACV,OAAO,UAAU,CAAC;QACpB,KAAK,OAAO;YACV,OAAO,UAAU,CAAC;QACpB,KAAK,QAAQ;YACX,OAAO,WAAW,CAAC;QACrB,KAAK,OAAO;YACV,OAAO,UAAU,CAAC;QACpB,KAAK,UAAU;YACb,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,WAAW,CAAC;IACvB,CAAC;AACH,CAAC"}
|
@@ -73,12 +73,7 @@ export function ConnectButton(props) {
|
|
73
73
|
}, []);
|
74
74
|
return (_jsxs(View, { children: [wallet && account ? (_jsx(ConnectedButton, { openModal: () => openModal(), onClose: closeModal, wallet: wallet, account: account, ...props })) : (_jsx(ThemedButton, { theme: theme, onPress: () => openModal(), children: status === "connecting" ? (_jsx(_Fragment, { children: _jsx(ThemedSpinner, { color: theme.colors.primaryButtonText }) })) : (_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", style: { color: theme.colors.primaryButtonText }, children: "Connect Wallet" })) })), _jsx(Modal, { visible: visible, animationType: "none", transparent: true, onRequestClose: closeModal, children: _jsxs(KeyboardAvoidingView, { behavior: "padding", style: { flex: 1 }, children: [_jsx(Animated.View, { style: [styles.modalOverlay, { opacity: fadeAnim.current }] }), _jsxs(Animated.View, { style: [
|
75
75
|
{ flex: 1, transform: [{ translateY: slideAnim.current }] },
|
76
|
-
], children: [_jsx(Pressable, { style: styles.dismissArea, onPress: closeModal }), _jsx(View, { style: styles.bottomSheetContainer, children: wallet && account ? (_jsx(ConnectedModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal", wallet: wallet, account: account })) :
|
77
|
-
flexDirection: "column",
|
78
|
-
flex: 1,
|
79
|
-
alignItems: "center",
|
80
|
-
justifyContent: "center",
|
81
|
-
}, children: _jsx(ThemedSpinner, { color: theme.colors.primaryText, size: 32 }) })) : (_jsx(ConnectModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal" })) })] })] }) })] }));
|
76
|
+
], children: [_jsx(Pressable, { style: styles.dismissArea, onPress: closeModal }), _jsx(View, { style: styles.bottomSheetContainer, children: wallet && account ? (_jsx(ConnectedModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal", wallet: wallet, account: account })) : (_jsx(ConnectModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal" })) })] })] }) })] }));
|
82
77
|
}
|
83
78
|
const screenHeight = Dimensions.get("window").height;
|
84
79
|
const modalHeight = 480;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":"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"}
|
@@ -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-229561e1a79fe2ab3f010c5a8659c7e0fc497ec3-20240703090013";
|
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"}
|