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
|
@@ -10,12 +10,12 @@ function useConnectCore(manager, options) {
|
|
|
10
10
|
// reset error state
|
|
11
11
|
setError(null);
|
|
12
12
|
if (typeof walletOrFn !== "function") {
|
|
13
|
-
return connect(walletOrFn, options);
|
|
13
|
+
return await connect(walletOrFn, options);
|
|
14
14
|
}
|
|
15
15
|
setIsConnecting(true);
|
|
16
16
|
try {
|
|
17
17
|
const w = await walletOrFn();
|
|
18
|
-
return connect(w, options);
|
|
18
|
+
return await connect(w, options);
|
|
19
19
|
}
|
|
20
20
|
catch (e) {
|
|
21
21
|
console.error(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useConnect.js","sourceRoot":"","sources":["../../../../../../src/react/core/hooks/wallets/useConnect.ts"],"names":[],"mappings":";;AAOA,wCAgCC;AAvCD,iCAA8C;AAO9C,SAAgB,cAAc,CAC5B,OAA0B,EAC1B,OAA+B;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,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":";;AAOA,wCAgCC;AAvCD,iCAA8C;AAO9C,SAAgB,cAAc,CAC5B,OAA0B,EAC1B,OAA+B;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.WalletImage = void 0;
|
|
4
|
+
exports.getAuthProviderImage = getAuthProviderImage;
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_query_1 = require("@tanstack/react-query");
|
|
6
7
|
const nativeStorage_js_1 = require("../../../../utils/storage/nativeStorage.js");
|
|
@@ -29,26 +30,7 @@ const WalletImage = (props) => {
|
|
|
29
30
|
if (activeEOAId === "inApp" &&
|
|
30
31
|
(wallet.id === "inApp" || wallet.id === "smart")) {
|
|
31
32
|
const lastAuthProvider = await (0, storage_js_1.getLastAuthProvider)(nativeStorage_js_1.nativeLocalStorage);
|
|
32
|
-
|
|
33
|
-
case "phone":
|
|
34
|
-
imageData = svgs_js_1.PHONE_ICON;
|
|
35
|
-
break;
|
|
36
|
-
case "email":
|
|
37
|
-
imageData = svgs_js_1.EMAIL_ICON;
|
|
38
|
-
break;
|
|
39
|
-
case "google":
|
|
40
|
-
imageData = svgs_js_1.GOOGLE_ICON;
|
|
41
|
-
break;
|
|
42
|
-
case "apple":
|
|
43
|
-
imageData = svgs_js_1.APPLE_ICON;
|
|
44
|
-
break;
|
|
45
|
-
case "facebook":
|
|
46
|
-
imageData = svgs_js_1.FACEBOOK_ICON;
|
|
47
|
-
break;
|
|
48
|
-
default:
|
|
49
|
-
imageData = svgs_js_1.WALLET_ICON;
|
|
50
|
-
break;
|
|
51
|
-
}
|
|
33
|
+
imageData = getAuthProviderImage(lastAuthProvider);
|
|
52
34
|
return imageData;
|
|
53
35
|
}
|
|
54
36
|
try {
|
|
@@ -66,4 +48,20 @@ const WalletImage = (props) => {
|
|
|
66
48
|
return (0, jsx_runtime_1.jsx)(RNImage_js_1.RNImage, { theme: props.theme, data: data, size: size });
|
|
67
49
|
};
|
|
68
50
|
exports.WalletImage = WalletImage;
|
|
51
|
+
function getAuthProviderImage(lastAuthProvider) {
|
|
52
|
+
switch (lastAuthProvider) {
|
|
53
|
+
case "phone":
|
|
54
|
+
return svgs_js_1.PHONE_ICON;
|
|
55
|
+
case "email":
|
|
56
|
+
return svgs_js_1.EMAIL_ICON;
|
|
57
|
+
case "google":
|
|
58
|
+
return svgs_js_1.GOOGLE_ICON;
|
|
59
|
+
case "apple":
|
|
60
|
+
return svgs_js_1.APPLE_ICON;
|
|
61
|
+
case "facebook":
|
|
62
|
+
return svgs_js_1.FACEBOOK_ICON;
|
|
63
|
+
default:
|
|
64
|
+
return svgs_js_1.WALLET_ICON;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
69
67
|
//# sourceMappingURL=WalletImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WalletImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":";;;AA+DA,oDAeC;;AA9ED,uDAAiD;AACjD,iFAAgF;AAChF,yFAAmF;AAEnF,mEAA+E;AAE/E,+DAAqE;AACrE,8CAO0B;AAC1B,6CAAuC;AAEhC,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,IAAA,sBAAQ,EAAC;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,IAAA,kCAAuB,EAAC,qCAAkB,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,IAAA,gCAAmB,EAAC,qCAAkB,CAAC,CAAC;gBACvE,SAAS,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;gBACnD,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,IAAI,CAAC;gBACH,MAAM,mBAAmB,GAAG,MAAM,IAAA,gCAAa,EAAC,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,qBAAW,CAAC;QACrB,CAAC;QACD,OAAO,EAAE,CAAC,SAAS;KACpB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,IAAI,SAAS,IAAI,qBAAW,CAAC;IACnD,OAAO,uBAAC,oBAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACjE,CAAC,CAAC;AA5CW,QAAA,WAAW,eA4CtB;AAEF,SAAgB,oBAAoB,CAAC,gBAA+B;IAClE,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,OAAO;YACV,OAAO,oBAAU,CAAC;QACpB,KAAK,OAAO;YACV,OAAO,oBAAU,CAAC;QACpB,KAAK,QAAQ;YACX,OAAO,qBAAW,CAAC;QACrB,KAAK,OAAO;YACV,OAAO,oBAAU,CAAC;QACpB,KAAK,UAAU;YACb,OAAO,uBAAa,CAAC;QACvB;YACE,OAAO,qBAAW,CAAC;IACvB,CAAC;AACH,CAAC"}
|
|
@@ -76,12 +76,7 @@ function ConnectButton(props) {
|
|
|
76
76
|
}, []);
|
|
77
77
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [wallet && account ? ((0, jsx_runtime_1.jsx)(ConnectedButton_js_1.ConnectedButton, { openModal: () => openModal(), onClose: closeModal, wallet: wallet, account: account, ...props })) : ((0, jsx_runtime_1.jsx)(button_js_1.ThemedButton, { theme: theme, onPress: () => openModal(), children: status === "connecting" ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(spinner_js_1.ThemedSpinner, { color: theme.colors.primaryButtonText }) })) : ((0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "defaultSemiBold", style: { color: theme.colors.primaryButtonText }, children: "Connect Wallet" })) })), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: visible, animationType: "none", transparent: true, onRequestClose: closeModal, children: (0, jsx_runtime_1.jsxs)(react_native_1.KeyboardAvoidingView, { behavior: "padding", style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [styles.modalOverlay, { opacity: fadeAnim.current }] }), (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { style: [
|
|
78
78
|
{ flex: 1, transform: [{ translateY: slideAnim.current }] },
|
|
79
|
-
], children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: styles.dismissArea, onPress: closeModal }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSheetContainer, children: wallet && account ? ((0, jsx_runtime_1.jsx)(ConnectedModal_js_1.ConnectedModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal", wallet: wallet, account: account })) :
|
|
80
|
-
flexDirection: "column",
|
|
81
|
-
flex: 1,
|
|
82
|
-
alignItems: "center",
|
|
83
|
-
justifyContent: "center",
|
|
84
|
-
}, children: (0, jsx_runtime_1.jsx)(spinner_js_1.ThemedSpinner, { color: theme.colors.primaryText, size: 32 }) })) : ((0, jsx_runtime_1.jsx)(ConnectModal_js_1.ConnectModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal" })) })] })] }) })] }));
|
|
79
|
+
], children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: styles.dismissArea, onPress: closeModal }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSheetContainer, children: wallet && account ? ((0, jsx_runtime_1.jsx)(ConnectedModal_js_1.ConnectedModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal", wallet: wallet, account: account })) : ((0, jsx_runtime_1.jsx)(ConnectModal_js_1.ConnectModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal" })) })] })] }) })] }));
|
|
85
80
|
}
|
|
86
81
|
const screenHeight = react_native_1.Dimensions.get("window").height;
|
|
87
82
|
const modalHeight = 480;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":";;AAuCA,
|
|
1
|
+
{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,18 +8,23 @@ const react_native_1 = require("react-native");
|
|
|
8
8
|
const react_native_svg_1 = require("react-native-svg");
|
|
9
9
|
const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
|
|
10
10
|
const socialIcons_js_1 = require("../../../core/utils/socialIcons.js");
|
|
11
|
+
const wallet_js_1 = require("../../../core/utils/wallet.js");
|
|
11
12
|
const index_js_1 = require("../../design-system/index.js");
|
|
12
13
|
const useActiveWallet_js_1 = require("../../hooks/wallets/useActiveWallet.js");
|
|
13
|
-
const
|
|
14
|
+
const index_js_2 = require("../../index.js");
|
|
14
15
|
const defaultWallets_js_1 = require("../../wallets/defaultWallets.js");
|
|
15
16
|
const Header_js_1 = require("../components/Header.js");
|
|
17
|
+
const RNImage_js_1 = require("../components/RNImage.js");
|
|
18
|
+
const WalletImage_js_1 = require("../components/WalletImage.js");
|
|
16
19
|
const button_js_1 = require("../components/button.js");
|
|
17
20
|
const spacer_js_1 = require("../components/spacer.js");
|
|
18
21
|
const text_js_1 = require("../components/text.js");
|
|
19
22
|
const view_js_1 = require("../components/view.js");
|
|
20
23
|
const svgs_js_1 = require("../icons/svgs.js");
|
|
24
|
+
const ErrorView_js_1 = require("./ErrorView.js");
|
|
21
25
|
const ExternalWalletsList_js_1 = require("./ExternalWalletsList.js");
|
|
22
26
|
const InAppWalletUI_js_1 = require("./InAppWalletUI.js");
|
|
27
|
+
const WalletLoadingThumbnail_js_1 = require("./WalletLoadingThumbnail.js");
|
|
23
28
|
/**
|
|
24
29
|
* A component that allows the user to connect their wallet.
|
|
25
30
|
*
|
|
@@ -48,17 +53,31 @@ function ConnectEmbed(props) {
|
|
|
48
53
|
return wallet ? null : ((0, jsx_runtime_1.jsx)(ConnectModal, { ...adaptedProps, theme: theme, containerType: "embed" }));
|
|
49
54
|
}
|
|
50
55
|
function ConnectModal(props) {
|
|
51
|
-
const { theme, client, containerType, accountAbstraction, onConnect } = props;
|
|
52
|
-
const connectMutation = (0, useConnect_js_1.useConnect)({
|
|
53
|
-
client,
|
|
54
|
-
accountAbstraction,
|
|
55
|
-
onConnect: (wallet) => {
|
|
56
|
-
props.onClose?.();
|
|
57
|
-
onConnect?.(wallet);
|
|
58
|
-
},
|
|
59
|
-
});
|
|
60
|
-
const wallets = props.wallets || (0, defaultWallets_js_1.getDefaultWallets)(props);
|
|
56
|
+
const { theme, client, containerType, accountAbstraction, onConnect, onClose, } = props;
|
|
61
57
|
const [modalState, setModalState] = (0, react_1.useState)({ screen: "base" });
|
|
58
|
+
const connector = (0, react_1.useCallback)(async (args) => {
|
|
59
|
+
setModalState({
|
|
60
|
+
screen: "connecting",
|
|
61
|
+
wallet: args.wallet,
|
|
62
|
+
authMethod: args.authMethod,
|
|
63
|
+
});
|
|
64
|
+
try {
|
|
65
|
+
const w = await args.connectFn();
|
|
66
|
+
await index_js_2.connectionManager.connect(w, {
|
|
67
|
+
client,
|
|
68
|
+
accountAbstraction,
|
|
69
|
+
onConnect,
|
|
70
|
+
});
|
|
71
|
+
onClose?.();
|
|
72
|
+
}
|
|
73
|
+
catch (error) {
|
|
74
|
+
setModalState({
|
|
75
|
+
screen: "error",
|
|
76
|
+
error: error?.message || "unknown error",
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
}, [client, accountAbstraction, onConnect, onClose]);
|
|
80
|
+
const wallets = props.wallets || (0, defaultWallets_js_1.getDefaultWallets)(props);
|
|
62
81
|
const inAppWallet = wallets.find((wallet) => wallet.id === "inApp");
|
|
63
82
|
const externalWallets = wallets.filter((wallet) => wallet.id !== "inApp");
|
|
64
83
|
const showBranding = props.connectModal?.showThirdwebBranding !== false;
|
|
@@ -69,11 +88,19 @@ function ConnectModal(props) {
|
|
|
69
88
|
flexDirection: "column",
|
|
70
89
|
gap: index_js_1.spacing.md,
|
|
71
90
|
paddingHorizontal: containerType === "modal" ? index_js_1.spacing.lg : 0,
|
|
72
|
-
}, children: (0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme,
|
|
91
|
+
}, children: (0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme, connector: connector }) }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "md" }))] }));
|
|
73
92
|
break;
|
|
74
93
|
}
|
|
75
94
|
case "external_wallets": {
|
|
76
|
-
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_js_1.Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "lg" }), (0, jsx_runtime_1.jsx)(ExternalWalletsList_js_1.ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client,
|
|
95
|
+
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_js_1.Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "lg" }), (0, jsx_runtime_1.jsx)(ExternalWalletsList_js_1.ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connector: connector, containerType: containerType })] }));
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
case "connecting": {
|
|
99
|
+
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_js_1.Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "lg" })), (0, jsx_runtime_1.jsx)(LoadingView, { theme: theme, wallet: modalState.wallet, authProvider: modalState.authMethod }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "md" }))] }));
|
|
100
|
+
break;
|
|
101
|
+
}
|
|
102
|
+
case "error": {
|
|
103
|
+
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_js_1.Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "lg" })), (0, jsx_runtime_1.jsx)(ErrorView_js_1.ErrorView, { theme: theme, title: modalState.error }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "md" }))] }));
|
|
77
104
|
break;
|
|
78
105
|
}
|
|
79
106
|
default: {
|
|
@@ -81,15 +108,32 @@ function ConnectModal(props) {
|
|
|
81
108
|
flexDirection: "column",
|
|
82
109
|
gap: index_js_1.spacing.md,
|
|
83
110
|
paddingHorizontal: containerType === "modal" ? index_js_1.spacing.lg : 0,
|
|
84
|
-
}, children: [(0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme,
|
|
111
|
+
}, children: [(0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme, connector: connector }), externalWallets.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrDivider, { theme: theme }), (0, jsx_runtime_1.jsx)(button_js_1.ThemedButtonWithIcon, { theme: theme, icon: socialIcons_js_1.genericWalletIcon, title: "Connect a wallet", onPress: () => setModalState({ screen: "external_wallets" }) })] })) : null] }), containerType === "modal" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } })) : ((0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "md" }))] })) : externalWallets.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "lg" }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
|
|
85
112
|
flex: 1,
|
|
86
|
-
}, children: (0, jsx_runtime_1.jsx)(ExternalWalletsList_js_1.ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client,
|
|
113
|
+
}, children: (0, jsx_runtime_1.jsx)(ExternalWalletsList_js_1.ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connector: connector, containerType: containerType }) })] })) : null] }));
|
|
87
114
|
}
|
|
88
115
|
}
|
|
89
116
|
return ((0, jsx_runtime_1.jsxs)(view_js_1.ThemedView, { theme: theme, style: containerType === "modal"
|
|
90
117
|
? styles.modalContainer
|
|
91
118
|
: styles.embedContainer, children: [content, showBranding && (0, jsx_runtime_1.jsx)(PoweredByThirdweb, { theme: theme })] }));
|
|
92
119
|
}
|
|
120
|
+
function LoadingView({ theme, wallet, authProvider, }) {
|
|
121
|
+
const walletInfo = (0, wallet_js_1.useWalletInfo)(wallet.id);
|
|
122
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
|
|
123
|
+
flexDirection: "column",
|
|
124
|
+
flex: 1,
|
|
125
|
+
alignItems: "center",
|
|
126
|
+
justifyContent: "center",
|
|
127
|
+
paddingVertical: index_js_1.spacing.xl,
|
|
128
|
+
}, children: [(0, jsx_runtime_1.jsx)(WalletLoadingThumbnail_js_1.default, { theme: theme, imageSize: 100, children: authProvider ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
|
|
129
|
+
borderRadius: index_js_1.spacing.md,
|
|
130
|
+
padding: index_js_1.spacing.xs,
|
|
131
|
+
}, children: (0, jsx_runtime_1.jsx)(RNImage_js_1.RNImage, { theme: theme, size: 90, data: (0, WalletImage_js_1.getAuthProviderImage)(authProvider) }) })) : ((0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { theme: theme, size: 90, wallet: wallet })) }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "xl" }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "subtitle", children: authProvider
|
|
132
|
+
? `Connecting with ${capitalizeFirstLetter(authProvider)}`
|
|
133
|
+
: "Awaiting confirmation" }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "sm" }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "subtext", children: authProvider
|
|
134
|
+
? `Sign into your ${capitalizeFirstLetter(authProvider)} account`
|
|
135
|
+
: `Accept the connection request in ${walletInfo.data?.name}` })] }));
|
|
136
|
+
}
|
|
93
137
|
function OrDivider({ theme }) {
|
|
94
138
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
|
|
95
139
|
flexDirection: "row",
|
|
@@ -115,6 +159,11 @@ function PoweredByThirdweb({ theme }) {
|
|
|
115
159
|
paddingBottom: react_native_1.Platform.OS === "android" ? index_js_1.spacing.md : index_js_1.spacing.lg,
|
|
116
160
|
}, children: [(0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "subtext", children: "Powered by" }), (0, jsx_runtime_1.jsx)(react_native_svg_1.SvgXml, { xml: svgs_js_1.TW_ICON, width: 22, height: 22, style: { marginBottom: -2 }, color: theme.colors.secondaryText }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "subtext", style: { fontWeight: "600" }, children: "thirdweb" })] }));
|
|
117
161
|
}
|
|
162
|
+
function capitalizeFirstLetter(str) {
|
|
163
|
+
if (!str)
|
|
164
|
+
return str;
|
|
165
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
166
|
+
}
|
|
118
167
|
const styles = react_native_1.StyleSheet.create({
|
|
119
168
|
modalContainer: {
|
|
120
169
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,41 +2,35 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ExternalWalletsList = ExternalWalletsList;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
5
|
const react_native_1 = require("react-native");
|
|
7
6
|
const wallet_js_1 = require("../../../core/utils/wallet.js");
|
|
8
7
|
const index_js_1 = require("../../design-system/index.js");
|
|
9
8
|
const Skeleton_js_1 = require("../components/Skeleton.js");
|
|
10
|
-
const spinner_js_1 = require("../components/spinner.js");
|
|
11
9
|
const text_js_1 = require("../components/text.js");
|
|
12
10
|
function ExternalWalletsList(props) {
|
|
13
|
-
const {
|
|
14
|
-
const [selectedWallet, setSelectedWallet] = (0, react_1.useState)();
|
|
11
|
+
const { connector, client, theme } = props;
|
|
15
12
|
const connectWallet = (wallet) => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
connector({
|
|
14
|
+
wallet,
|
|
15
|
+
connectFn: async () => {
|
|
16
|
+
await wallet.connect({
|
|
17
|
+
client,
|
|
18
|
+
});
|
|
19
|
+
return wallet;
|
|
20
|
+
},
|
|
22
21
|
});
|
|
23
22
|
};
|
|
24
23
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: {
|
|
25
24
|
flex: 1,
|
|
26
25
|
paddingHorizontal: props.containerType === "modal" ? index_js_1.spacing.lg : 0,
|
|
27
26
|
paddingBottom: index_js_1.spacing.md,
|
|
28
|
-
}, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: "column", gap: index_js_1.spacing.md }, children: props.externalWallets.map((wallet) => ((0, jsx_runtime_1.jsx)(ExternalWalletRow, { wallet: wallet, connectWallet: connectWallet, theme: theme
|
|
27
|
+
}, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: "column", gap: index_js_1.spacing.md }, children: props.externalWallets.map((wallet) => ((0, jsx_runtime_1.jsx)(ExternalWalletRow, { wallet: wallet, connectWallet: connectWallet, theme: theme }, wallet.id))) }) }), (0, jsx_runtime_1.jsx)(NewToWallets, { theme: props.theme, containerType: props.containerType })] }));
|
|
29
28
|
}
|
|
30
29
|
function ExternalWalletRow(props) {
|
|
31
|
-
const { wallet, theme,
|
|
30
|
+
const { wallet, theme, connectWallet } = props;
|
|
32
31
|
const imageQuery = (0, wallet_js_1.useWalletImage)(wallet.id);
|
|
33
32
|
const infoQuery = (0, wallet_js_1.useWalletInfo)(wallet.id);
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.row, onPress: () => connectWallet(wallet), children: [imageQuery.data ? (
|
|
35
|
-
width: 52,
|
|
36
|
-
height: 52,
|
|
37
|
-
justifyContent: "center",
|
|
38
|
-
alignItems: "center",
|
|
39
|
-
}, children: (0, jsx_runtime_1.jsx)(spinner_js_1.ThemedSpinner, { color: theme.colors.primaryText }) })) : ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageQuery.data ?? "" }, style: { width: 52, height: 52, borderRadius: 6 } }))) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { theme: theme, style: {
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.row, onPress: () => connectWallet(wallet), children: [imageQuery.data ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageQuery.data ?? "" }, style: { width: 52, height: 52, borderRadius: 6 } })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { theme: theme, style: {
|
|
40
34
|
width: 52,
|
|
41
35
|
height: 52,
|
|
42
36
|
} })), (0, jsx_runtime_1.jsx)(text_js_1.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":";;AA2BA,
|
|
1
|
+
{"version":3,"file":"ExternalWalletsList.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,6 @@ const RNImage_js_1 = require("../components/RNImage.js");
|
|
|
14
14
|
const button_js_1 = require("../components/button.js");
|
|
15
15
|
const input_js_1 = require("../components/input.js");
|
|
16
16
|
const spacer_js_1 = require("../components/spacer.js");
|
|
17
|
-
const spinner_js_1 = require("../components/spinner.js");
|
|
18
17
|
const text_js_1 = require("../components/text.js");
|
|
19
18
|
const svgs_js_1 = require("../icons/svgs.js");
|
|
20
19
|
const defaultAuthOptions = [
|
|
@@ -38,25 +37,27 @@ function InAppWalletUI(props) {
|
|
|
38
37
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.row, children: socialLogins.map((auth) => ((0, jsx_runtime_1.jsx)(SocialLogin, { auth: auth, ...props }, auth))) }), inputMode === "email" ? ((0, jsx_runtime_1.jsx)(PreOtpLogin, { auth: "email", ...props })) : ((0, jsx_runtime_1.jsx)(button_js_1.ThemedButtonWithIcon, { theme: theme, title: "Email address", icon: svgs_js_1.EMAIL_ICON, onPress: () => setInputMode("email") })), inputMode === "phone" ? ((0, jsx_runtime_1.jsx)(PreOtpLogin, { auth: "phone", ...props })) : ((0, jsx_runtime_1.jsx)(button_js_1.ThemedButtonWithIcon, { theme: theme, title: "Phone number", icon: svgs_js_1.PHONE_ICON, onPress: () => setInputMode("phone") }))] }));
|
|
39
38
|
}
|
|
40
39
|
function SocialLogin(props) {
|
|
41
|
-
const { theme, wallet, auth, client,
|
|
40
|
+
const { theme, wallet, auth, client, connector } = props;
|
|
42
41
|
// TODO (rn) - move this onPress and state up
|
|
43
42
|
const strategy = props.auth;
|
|
44
|
-
const [selectedAuth, setSelectedAuth] = (0, react_1.useState)();
|
|
45
43
|
const connectInAppWallet = (0, react_1.useCallback)(() => {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
44
|
+
connector({
|
|
45
|
+
wallet,
|
|
46
|
+
connectFn: async () => {
|
|
47
|
+
await wallet.connect({
|
|
48
|
+
client,
|
|
49
|
+
strategy: auth,
|
|
50
|
+
});
|
|
51
|
+
await (0, storage_js_1.setLastAuthProvider)(auth, nativeStorage_js_1.nativeLocalStorage);
|
|
52
|
+
return wallet;
|
|
53
|
+
},
|
|
54
|
+
authMethod: auth,
|
|
54
55
|
});
|
|
55
|
-
}, [
|
|
56
|
+
}, [connector, auth, wallet, client]);
|
|
56
57
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
57
58
|
styles.socialIconContainer,
|
|
58
59
|
{ borderColor: theme.colors.borderColor },
|
|
59
|
-
], children:
|
|
60
|
+
], children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: connectInAppWallet, children: (0, jsx_runtime_1.jsx)(RNImage_js_1.RNImage, { theme: theme, size: 38, data: socialIcons[auth] }) }, strategy) }));
|
|
60
61
|
}
|
|
61
62
|
function PreOtpLogin(props) {
|
|
62
63
|
const { theme, auth, client, setScreen, wallet } = props;
|
|
@@ -110,37 +111,41 @@ function PreOtpLogin(props) {
|
|
|
110
111
|
}), isSubmitting: sendCode.isPending }));
|
|
111
112
|
}
|
|
112
113
|
function OtpLogin(props) {
|
|
113
|
-
const { theme, auth, wallet, client,
|
|
114
|
+
const { theme, auth, wallet, client, connector } = props;
|
|
114
115
|
const [verificationCode, setVerificationCode] = (0, react_1.useState)("");
|
|
115
116
|
const connectInAppWallet = async () => {
|
|
116
117
|
if (!verificationCode || !verificationCode)
|
|
117
118
|
return;
|
|
118
|
-
await
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
119
|
+
await connector({
|
|
120
|
+
wallet,
|
|
121
|
+
connectFn: async () => {
|
|
122
|
+
if (auth.strategy === "phone") {
|
|
123
|
+
await wallet.connect({
|
|
124
|
+
client,
|
|
125
|
+
strategy: auth.strategy,
|
|
126
|
+
phoneNumber: auth.phoneNumber,
|
|
127
|
+
verificationCode,
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
await wallet.connect({
|
|
132
|
+
client,
|
|
133
|
+
strategy: auth.strategy,
|
|
134
|
+
email: auth.email,
|
|
135
|
+
verificationCode,
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
await (0, storage_js_1.setLastAuthProvider)(auth.strategy, nativeStorage_js_1.nativeLocalStorage);
|
|
139
|
+
return wallet;
|
|
140
|
+
},
|
|
141
|
+
authMethod: auth.strategy,
|
|
137
142
|
});
|
|
138
143
|
};
|
|
139
144
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
|
|
140
145
|
flexDirection: "column",
|
|
141
146
|
justifyContent: "center",
|
|
142
147
|
alignItems: "center",
|
|
143
|
-
}, children: [(0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "Enter the verification code sent to" }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "defaultSemiBold", children: auth.strategy === "phone" ? auth.phoneNumber : auth.email })] }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "xs" }), (0, jsx_runtime_1.jsx)(input_js_1.ThemedInput, { theme: theme, placeholder: "Verification code", onChangeText: setVerificationCode, value: verificationCode, keyboardType: "number-pad" }), (0, jsx_runtime_1.jsx)(button_js_1.ThemedButton, { theme: theme, onPress: connectInAppWallet, variant: "accent",
|
|
148
|
+
}, children: [(0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "Enter the verification code sent to" }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "defaultSemiBold", children: auth.strategy === "phone" ? auth.phoneNumber : auth.email })] }), (0, jsx_runtime_1.jsx)(spacer_js_1.Spacer, { size: "xs" }), (0, jsx_runtime_1.jsx)(input_js_1.ThemedInput, { theme: theme, placeholder: "Verification code", onChangeText: setVerificationCode, value: verificationCode, keyboardType: "number-pad" }), (0, jsx_runtime_1.jsx)(button_js_1.ThemedButton, { theme: theme, onPress: connectInAppWallet, variant: "accent", children: (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "defaultSemiBold", style: { color: theme.colors.accentButtonText }, children: "Verify" }) })] }));
|
|
144
149
|
}
|
|
145
150
|
const styles = react_native_1.StyleSheet.create({
|
|
146
151
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InAppWalletUI.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"InAppWalletUI.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/InAppWalletUI.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
7
|
+
const index_js_1 = require("../../design-system/index.js");
|
|
8
|
+
const AnimatedRect = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Rect);
|
|
9
|
+
const PADDING = 10;
|
|
10
|
+
const INTERNAL_PADDING = 5;
|
|
11
|
+
function WalletLoadingThumbnail({ theme, children, showError, imageSize, }) {
|
|
12
|
+
const spinValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
|
|
13
|
+
(0, react_1.useEffect)(() => {
|
|
14
|
+
const animation = react_native_1.Animated.timing(spinValue.current, {
|
|
15
|
+
toValue: 1,
|
|
16
|
+
duration: 1150,
|
|
17
|
+
useNativeDriver: true,
|
|
18
|
+
easing: react_native_1.Easing.linear,
|
|
19
|
+
});
|
|
20
|
+
const loop = react_native_1.Animated.loop(animation);
|
|
21
|
+
loop.start();
|
|
22
|
+
return () => {
|
|
23
|
+
loop.stop();
|
|
24
|
+
};
|
|
25
|
+
}, []);
|
|
26
|
+
const spin = spinValue.current.interpolate({
|
|
27
|
+
inputRange: [0, 1],
|
|
28
|
+
outputRange: [0, -400],
|
|
29
|
+
});
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { width: imageSize + PADDING, height: imageSize + PADDING, viewBox: `0 0 ${imageSize + PADDING} ${imageSize + PADDING}`, style: styles.loader, children: (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
31
|
+
{
|
|
32
|
+
position: "absolute",
|
|
33
|
+
borderWidth: 3,
|
|
34
|
+
height: imageSize + INTERNAL_PADDING,
|
|
35
|
+
width: imageSize + INTERNAL_PADDING,
|
|
36
|
+
borderRadius: index_js_1.radius.lg,
|
|
37
|
+
borderColor: theme.colors.borderColor,
|
|
38
|
+
},
|
|
39
|
+
] })), children] }));
|
|
40
|
+
}
|
|
41
|
+
const styles = react_native_1.StyleSheet.create({
|
|
42
|
+
container: {
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
justifyContent: "center",
|
|
45
|
+
},
|
|
46
|
+
loader: {
|
|
47
|
+
position: "absolute",
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
exports.default = WalletLoadingThumbnail;
|
|
51
|
+
//# sourceMappingURL=WalletLoadingThumbnail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WalletLoadingThumbnail.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/WalletLoadingThumbnail.tsx"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,+CAAkE;AAClE,uDAA6C;AAE7C,2DAAsD;AAEtD,MAAM,YAAY,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,uBAAI,CAAC,CAAC;AAE5D,MAAM,OAAO,GAAG,EAAE,CAAC;AACnB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAS3B,SAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GACH;IACN,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,uBAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE;YACnD,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,IAAI;YACd,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE,qBAAM,CAAC,MAAM;SACtB,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,uBAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;QACzC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,uBAAC,sBAAG,IACF,KAAK,EAAE,SAAS,GAAG,OAAO,EAC1B,MAAM,EAAE,SAAS,GAAG,OAAO,EAC3B,OAAO,EAAE,OAAO,SAAS,GAAG,OAAO,IAAI,SAAS,GAAG,OAAO,EAAE,EAC5D,KAAK,EAAE,MAAM,CAAC,MAAM,YAEpB,uBAAC,YAAY,IACX,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAE,SAAS,GAAG,gBAAgB,EACnC,MAAM,EAAE,SAAS,GAAG,gBAAgB,EACpC,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAC/D,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,aAAa,EAClB,eAAe,EAAE,SAAS,EAC1B,gBAAgB,EAAE,IAAI,GACtB,GACE,EACL,SAAS,IAAI,CACZ,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL;wBACE,QAAQ,EAAE,UAAU;wBACpB,WAAW,EAAE,CAAC;wBACd,MAAM,EAAE,SAAS,GAAG,gBAAgB;wBACpC,KAAK,EAAE,SAAS,GAAG,gBAAgB;wBACnC,YAAY,EAAE,iBAAM,CAAC,EAAE;wBACvB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;qBACtC;iBACF,GACD,CACH,EACA,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAEH,kBAAe,sBAAsB,CAAC"}
|
package/dist/cjs/version.js
CHANGED