thirdweb 5.31.1 → 5.32.0

package/dist/esm/react/native/ui/connect/ConnectedModal.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Linking, StyleSheet, TouchableOpacity, View } from "react-native";
+import { getContract } from "../../../../contract/contract.js";
+import { isContractDeployed } from "../../../../utils/bytecode/is-contract-deployed.js";
+import { useChainQuery } from "../../../core/hooks/others/useChainQuery.js";
+import { hasSmartAccount } from "../../../core/utils/isSmartWallet.js";
+import { useConnectedWalletDetails } from "../../../core/utils/wallet.js";
+import { fontSize, radius, spacing } from "../../design-system/index.js";
+import { useActiveAccount } from "../../hooks/wallets/useActiveAccount.js";
+import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
+import { useActiveWalletChain } from "../../hooks/wallets/useActiveWalletChain.js";
+import { useDisconnect } from "../../hooks/wallets/useDisconnect.js";
+import { Address } from "../components/Address.js";
+import { ChainIcon } from "../components/ChainIcon.js";
+import { Header } from "../components/Header.js";
+import { RNImage } from "../components/RNImage.js";
+import { Skeleton } from "../components/Skeleton.js";
+import { WalletImage } from "../components/WalletImage.js";
+import { ThemedButton } from "../components/button.js";
+import { Spacer } from "../components/spacer.js";
+import { ThemedText } from "../components/text.js";
+import { ThemedView } from "../components/view.js";
+import { CLOSE_ICON, COINS_ICON, EXIT_ICON, RECEIVE_ICON, SEND_ICON, SMART_WALLET_ICON, } from "../icons/svgs.js";
+import { ReceiveScreen } from "./ReceiveScreen.js";
+import { SendScreen } from "./SendScreen.js";
+import { TokenListScreen } from "./TokenListScreen.js";
+export function ConnectedModal(props) {
+    const { theme, containerType, client } = props;
+    const [modalState, setModalState] = useState({
+        screen: "account",
+    });
+    let content;
+    switch (modalState.screen) {
+        case "send": {
+            content = (_jsx(SendScreen, { theme: theme, client: client, onClose: props.onClose, onBack: () => setModalState({ screen: "account" }), containerType: containerType, supportedTokens: props.supportedTokens }));
+            break;
+        }
+        case "receive": {
+            content = (_jsx(ReceiveScreen, { account: props.account, wallet: props.wallet, theme: theme, containerType: props.containerType, onBack: () => setModalState({ screen: "account" }), onClose: props.onClose }));
+            break;
+        }
+        case "view_funds": {
+            content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, onBack: () => setModalState({ screen: "account" }), containerType: containerType, title: "View Funds" }), _jsx(Spacer, { size: "xl" }), _jsx(TokenListScreen, { client: client, theme: theme, supportedTokens: props.supportedTokens })] }));
+            break;
+        }
+        default: {
+            content = (_jsxs(_Fragment, { children: [props.onClose && (_jsx(TouchableOpacity, { onPress: props.onClose, style: {
+                            padding: spacing.lg,
+                            position: "absolute",
+                            right: 0,
+                            top: 0,
+                            zIndex: 1,
+                        }, children: _jsx(RNImage, { theme: theme, data: CLOSE_ICON, size: 24, color: theme.colors.secondaryIconColor }) })), _jsx(Spacer, { size: "xl" }), _jsx(AccountHeader, { ...props }), _jsx(Spacer, { size: "lg" }), _jsx(WalletActionsRow, { ...props, setModalState: setModalState }), _jsx(Spacer, { size: "lg" }), _jsx(WalletMenu, { ...props, setModalState: setModalState })] }));
+        }
+    }
+    return (_jsx(ThemedView, { theme: theme, style: containerType === "modal"
+            ? styles.modalContainer
+            : styles.embedContainer, children: content }));
+}
+const AccountHeader = (props) => {
+    const { account, wallet, theme } = props;
+    const walletChain = useActiveWalletChain();
+    const { ensAvatarQuery, addressOrENS, balanceQuery } = useConnectedWalletDetails(props.client, walletChain, account, props.detailsButton?.displayBalanceToken);
+    return (_jsxs(View, { style: styles.accountHeaderContainer, children: [_jsx(WalletImage, { theme: theme, size: 64, wallet: wallet, ensAvatar: ensAvatarQuery.data }), _jsx(SmartAccountBadge, { client: props.client, theme: theme }), _jsx(Spacer, { size: "smd" }), _jsx(Address, { account: account, theme: theme, addressOrENS: addressOrENS }), _jsx(Spacer, { size: "xxs" }), balanceQuery.data ? (_jsxs(ThemedText, { theme: theme, type: "subtext", style: {
+                    fontSize: fontSize.sm,
+                }, children: [Number(balanceQuery.data.displayValue).toFixed(3), " ", balanceQuery.data?.symbol] })) : (_jsx(Skeleton, { theme: theme, style: { width: 80, height: 16 } }))] }));
+};
+const WalletActionsRow = (props) => {
+    const { theme, setModalState } = props;
+    return (_jsxs(View, { style: styles.walletActionRowContainer, children: [_jsxs(ThemedButton, { theme: theme, variant: "secondary", style: styles.walletActionButton, onPress: () => setModalState({ screen: "send" }), children: [_jsx(RNImage, { theme: theme, size: 24, data: SEND_ICON, color: theme.colors.secondaryIconColor }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: "Send" })] }), _jsxs(ThemedButton, { theme: theme, variant: "secondary", style: styles.walletActionButton, onPress: () => setModalState({ screen: "receive" }), children: [_jsx(RNImage, { theme: theme, size: 24, data: RECEIVE_ICON, color: theme.colors.secondaryIconColor }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: "Receive" })] })] }));
+};
+const WalletMenu = (props) => {
+    return (_jsxs(View, { style: styles.walletMenuContainer, children: [_jsx(ChainSwitcher, { ...props }), _jsx(ViewFunds, { ...props }), _jsx(DisconnectWallet, { ...props })] }));
+};
+const ChainSwitcher = (props) => {
+    const { client, wallet, theme } = props;
+    const chain = wallet.getChain();
+    const chainQuery = useChainQuery(chain);
+    return (_jsxs(TouchableOpacity, { style: styles.walletMenuRow, children: [_jsx(ChainIcon, { client: client, size: 32, chain: chain, theme: theme }), chainQuery.data?.name ? (_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: chainQuery.data?.name })) : (_jsx(Skeleton, { theme: theme, style: { width: 80, height: 16 } }))] }));
+};
+const ViewFunds = (props) => {
+    const { theme, setModalState } = props;
+    return (_jsxs(TouchableOpacity, { style: styles.walletMenuRow, onPress: () => setModalState({ screen: "view_funds" }), children: [_jsx(RNImage, { theme: theme, size: 32, data: COINS_ICON, color: theme.colors.secondaryIconColor }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: "View Funds" })] }));
+};
+const DisconnectWallet = (props) => {
+    const { wallet, theme, onClose } = props;
+    const { disconnect } = useDisconnect();
+    return (_jsxs(TouchableOpacity, { style: styles.walletMenuRow, onPress: () => {
+            onClose?.();
+            disconnect(wallet);
+        }, children: [_jsx(RNImage, { theme: theme, size: 32, data: EXIT_ICON, color: theme.colors.secondaryIconColor }), _jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: "Disconnect Wallet" })] }));
+};
+function SmartAccountBadge(props) {
+    const activeAccount = useActiveAccount();
+    const activeWallet = useActiveWallet();
+    const isSmartWallet = hasSmartAccount(activeWallet);
+    const chain = useActiveWalletChain();
+    const { client, theme } = props;
+    const [isSmartWalletDeployed, setIsSmartWalletDeployed] = useState(false);
+    useEffect(() => {
+        if (activeAccount && isSmartWallet && activeAccount.address && chain) {
+            const contract = getContract({
+                address: activeAccount.address,
+                chain,
+                client,
+            });
+            isContractDeployed(contract).then((isDeployed) => {
+                setIsSmartWalletDeployed(isDeployed);
+            });
+        }
+        else {
+            setIsSmartWalletDeployed(false);
+        }
+    }, [activeAccount, chain, client, isSmartWallet]);
+    const content = (_jsxs(View, { style: {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: spacing.xs,
+            backgroundColor: theme.colors.secondaryButtonBg,
+            borderRadius: radius.md,
+            paddingVertical: spacing.xs,
+            paddingLeft: spacing.sm,
+            paddingRight: spacing.smd,
+        }, children: [_jsx(RNImage, { theme: theme, data: SMART_WALLET_ICON, size: 14, color: theme.colors.accentButtonBg }), _jsx(ThemedText, { theme: theme, style: { color: theme.colors.primaryText, fontSize: fontSize.xs }, children: "Smart Account" })] }));
+    if (chain && activeAccount && isSmartWallet) {
+        return (_jsxs(_Fragment, { children: [_jsx(Spacer, { size: "smd" }), isSmartWalletDeployed ? (_jsx(TouchableOpacity, { onPress: () => Linking.openURL(`https://thirdweb.com/${chain.id}/${activeAccount.address}/account`), children: content })) : (_jsx(View, { children: content }))] }));
+    }
+    return null;
+}
+const styles = StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        width: "100%",
+        flexDirection: "column",
+        borderTopLeftRadius: radius.lg,
+        borderTopRightRadius: radius.lg,
+    },
+    embedContainer: {
+        flex: 1,
+        width: "100%",
+        flexDirection: "column",
+        backgroundColor: "transparent",
+    },
+    accountHeaderContainer: {
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: spacing.lg,
+    },
+    walletActionRowContainer: {
+        flexDirection: "row",
+        justifyContent: "space-evenly",
+        alignItems: "center",
+        gap: spacing.md,
+        paddingHorizontal: spacing.lg,
+    },
+    walletActionButton: { flex: 1, padding: spacing.smd, gap: spacing.smd },
+    walletMenuContainer: {
+        flexDirection: "column",
+        gap: spacing.lg,
+        paddingHorizontal: spacing.lg,
+    },
+    walletMenuRow: {
+        flexDirection: "row",
+        justifyContent: "flex-start",
+        alignItems: "center",
+        gap: spacing.md,
+    },
+});
+//# sourceMappingURL=ConnectedModal.js.map

package/dist/esm/react/native/ui/connect/ConnectedModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedModal.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectedModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/react/native/ui/connect/ErrorView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
+import { spacing } from "../../design-system/index.js";
+import { RNImage } from "../components/RNImage.js";
+import { ThemedText } from "../components/text.js";
+import { CLOSE_CIRCLE } from "../icons/svgs.js";
+export const ErrorView = (props) => {
+    const { theme, title } = props;
+    return (_jsxs(View, { style: styles.container, children: [_jsx(RNImage, { theme: theme, data: CLOSE_CIRCLE, size: 64, color: theme.colors.danger }), _jsx(ThemedText, { type: "defaultSemiBold", theme: theme, style: { color: theme.colors.danger, textAlign: "center" }, children: title })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.xxl,
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: spacing.lg,
+    },
+});
+//# sourceMappingURL=ErrorView.js.map

package/dist/esm/react/native/ui/connect/ErrorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorView.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ErrorView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOhD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAC1B,EACF,KAAC,UAAU,IACT,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAEzD,KAAK,GACK,IACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG;QAC5B,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,OAAO,CAAC,EAAE;KAChB;CACF,CAAC,CAAC"}

package/dist/esm/react/native/ui/connect/ExternalWalletsList.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Image, Linking, ScrollView, StyleSheet, TouchableOpacity, View, } from "react-native";
+import { useWalletImage, useWalletInfo } from "../../../core/utils/wallet.js";
+import { spacing } from "../../design-system/index.js";
+import { Skeleton } from "../components/Skeleton.js";
+import { ThemedSpinner } from "../components/spinner.js";
+import { ThemedText } from "../components/text.js";
+export function ExternalWalletsList(props) {
+    const { connectMutation, client, theme } = props;
+    const [selectedWallet, setSelectedWallet] = useState();
+    const connectWallet = (wallet) => {
+        setSelectedWallet(wallet);
+        connectMutation.connect(async () => {
+            await wallet.connect({
+                client,
+            });
+            return wallet;
+        });
+    };
+    return (_jsxs(View, { style: styles.container, children: [_jsx(ScrollView, { style: {
+                    flex: 1,
+                    paddingHorizontal: props.containerType === "modal" ? spacing.lg : 0,
+                    paddingBottom: spacing.md,
+                }, children: _jsx(View, { style: { flexDirection: "column", gap: spacing.md }, children: props.externalWallets.map((wallet) => (_jsx(ExternalWalletRow, { wallet: wallet, connectWallet: connectWallet, theme: theme, isConnecting: connectMutation.isConnecting && wallet.id === selectedWallet?.id }, wallet.id))) }) }), _jsx(NewToWallets, { theme: props.theme, containerType: props.containerType })] }));
+}
+function ExternalWalletRow(props) {
+    const { wallet, theme, isConnecting, connectWallet } = props;
+    const imageQuery = useWalletImage(wallet.id);
+    const infoQuery = useWalletInfo(wallet.id);
+    return (_jsxs(TouchableOpacity, { style: styles.row, onPress: () => connectWallet(wallet), children: [imageQuery.data ? (isConnecting ? (_jsx(View, { style: {
+                    width: 52,
+                    height: 52,
+                    justifyContent: "center",
+                    alignItems: "center",
+                }, 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: {
+                    width: 52,
+                    height: 52,
+                } })), _jsx(ThemedText, { theme: theme, type: "subtitle", children: infoQuery.data?.name || "" })] }));
+}
+function NewToWallets({ theme, containerType, }) {
+    return (_jsxs(View, { style: [
+            styles.row,
+            {
+                borderTopWidth: 1,
+                borderColor: theme.colors.borderColor,
+                paddingVertical: spacing.md,
+                paddingHorizontal: containerType === "modal" ? spacing.lg : 0,
+            },
+        ], children: [_jsx(ThemedText, { theme: theme, type: "subtext", children: "New to wallets?" }), _jsx(View, { style: { flex: 1 } }), _jsx(ThemedText, { type: "subtext", style: { color: theme.colors.primaryText }, theme: theme, onPress: () => Linking.openURL("https://blog.thirdweb.com/web3-wallet/"), children: "Get started" })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        flexDirection: "column",
+    },
+    row: {
+        flexDirection: "row",
+        gap: spacing.md,
+        justifyContent: "flex-start",
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=ExternalWalletsList.js.map

package/dist/esm/react/native/ui/connect/ExternalWalletsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalWalletsList.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ExternalWalletsList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/react/native/ui/connect/InAppWalletUI.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { useCallback, useState } from "react";
+import { Alert, StyleSheet, TouchableOpacity, View } from "react-native";
+import { nativeLocalStorage } from "../../../../utils/storage/nativeStorage.js";
+import { preAuthenticate } from "../../../../wallets/in-app/native/auth/index.js";
+import { setLastAuthProvider } from "../../../core/utils/storage.js";
+import { radius, spacing } from "../../design-system/index.js";
+import { RNImage } from "../components/RNImage.js";
+import { ThemedButton, ThemedButtonWithIcon } from "../components/button.js";
+import { ThemedInput, ThemedInputWithSubmit } from "../components/input.js";
+import { Spacer } from "../components/spacer.js";
+import { ThemedSpinner } from "../components/spinner.js";
+import { ThemedText } from "../components/text.js";
+import { APPLE_ICON, EMAIL_ICON, FACEBOOK_ICON, GOOGLE_ICON, PHONE_ICON, } from "../icons/svgs.js";
+const defaultAuthOptions = [
+    "email",
+    "phone",
+    "google",
+    "facebook",
+    "apple",
+];
+const socialIcons = {
+    google: GOOGLE_ICON,
+    facebook: FACEBOOK_ICON,
+    apple: APPLE_ICON,
+};
+export function InAppWalletUI(props) {
+    const { wallet, theme } = props;
+    const config = wallet.getConfig();
+    const authOptions = config?.auth?.options || defaultAuthOptions;
+    const socialLogins = authOptions.filter((x) => x === "google" || x === "apple" || x === "facebook");
+    const [inputMode, setInputMode] = useState("email");
+    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") }))] }));
+}
+function SocialLogin(props) {
+    const { theme, wallet, auth, client, connectMutation } = props;
+    // TODO (rn) - move this onPress and state up
+    const strategy = props.auth;
+    const [selectedAuth, setSelectedAuth] = useState();
+    const connectInAppWallet = useCallback(() => {
+        setSelectedAuth(strategy);
+        connectMutation.connect(async () => {
+            await wallet.connect({
+                client,
+                strategy: auth,
+            });
+            await setLastAuthProvider(auth, nativeLocalStorage);
+            return wallet;
+        });
+    }, [connectMutation, auth, client, wallet, strategy]);
+    return (_jsx(View, { style: [
+            styles.socialIconContainer,
+            { borderColor: theme.colors.borderColor },
+        ], children: connectMutation.isConnecting && selectedAuth === auth ? (_jsx(ThemedSpinner, { color: theme.colors.primaryText })) : (_jsx(TouchableOpacity, { onPress: connectInAppWallet, disabled: connectMutation.isConnecting, children: _jsx(RNImage, { theme: theme, size: 38, data: socialIcons[auth] }) }, strategy)) }));
+}
+function PreOtpLogin(props) {
+    const { theme, auth, client, setScreen, wallet } = props;
+    const [phoneOrEmail, setPhoneNumberOrEmail] = useState("");
+    const sendCode = useMutation({
+        mutationFn: async (options) => {
+            const { auth, phoneOrEmail } = options;
+            if (auth === "phone") {
+                await preAuthenticate({
+                    client,
+                    strategy: auth,
+                    phoneNumber: phoneOrEmail,
+                });
+            }
+            else {
+                await preAuthenticate({
+                    client,
+                    strategy: auth,
+                    email: phoneOrEmail,
+                });
+            }
+        },
+    });
+    return (_jsx(ThemedInputWithSubmit, { theme: theme, placeholder: auth === "phone" ? "Phone number" : "Email address", onChangeText: setPhoneNumberOrEmail, value: phoneOrEmail, keyboardType: auth === "phone" ? "phone-pad" : "email-address", onSubmit: () => sendCode.mutate({
+            auth,
+            phoneOrEmail,
+        }, {
+            onSuccess: (_, vars) => {
+                if (vars.auth === "phone") {
+                    setScreen({
+                        screen: "otp",
+                        auth: {
+                            strategy: vars.auth,
+                            phoneNumber: vars.phoneOrEmail,
+                        },
+                        wallet,
+                    });
+                }
+                else {
+                    setScreen({
+                        screen: "otp",
+                        auth: { strategy: vars.auth, email: vars.phoneOrEmail },
+                        wallet,
+                    });
+                }
+            },
+            onError: (error) => {
+                // TODO (rn) - handle error toast or input error border/label
+                Alert.alert("Error", error.message);
+            },
+        }), isSubmitting: sendCode.isPending }));
+}
+export function OtpLogin(props) {
+    const { theme, auth, wallet, client, connectMutation } = props;
+    const [verificationCode, setVerificationCode] = useState("");
+    const connectInAppWallet = async () => {
+        if (!verificationCode || !verificationCode)
+            return;
+        await connectMutation.connect(async () => {
+            if (auth.strategy === "phone") {
+                await wallet.connect({
+                    client,
+                    strategy: auth.strategy,
+                    phoneNumber: auth.phoneNumber,
+                    verificationCode,
+                });
+            }
+            else {
+                await wallet.connect({
+                    client,
+                    strategy: auth.strategy,
+                    email: auth.email,
+                    verificationCode,
+                });
+            }
+            await setLastAuthProvider(auth.strategy, nativeLocalStorage);
+            return wallet;
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(View, { style: {
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                }, 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", disabled: connectMutation.isConnecting, children: connectMutation.isConnecting ? (_jsx(ThemedSpinner, { color: theme.colors.accentButtonText })) : (_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", style: { color: theme.colors.accentButtonText }, children: "Verify" })) }), connectMutation.error && (_jsx(ThemedText, { theme: theme, type: "subtext", style: { color: theme.colors.danger }, children: connectMutation.error.message }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "column",
+        gap: spacing.md,
+    },
+    row: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        gap: spacing.md,
+        justifyContent: "space-evenly",
+    },
+    socialIconContainer: {
+        flex: 1,
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        borderStyle: "solid",
+        borderWidth: 1,
+        borderRadius: radius.lg,
+        height: 60,
+    },
+});
+//# sourceMappingURL=InAppWalletUI.js.map

package/dist/esm/react/native/ui/connect/InAppWalletUI.js.map

@@ -0,0 +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;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,kBAAkB,CAAC;AAG1B,MAAM,kBAAkB,GAAsB;IAC5C,OAAO;IACP,OAAO;IACP,QAAQ;IACR,UAAU;IACV,OAAO;CACR,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,UAAU;CAClB,CAAC;AAUF,MAAM,UAAU,aAAa,CAAC,KAA6B;IACzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;IAClC,MAAM,WAAW,GAAG,MAAM,EAAE,IAAI,EAAE,OAAO,IAAI,kBAAkB,CAAC;IAChE,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,UAAU,CAChC,CAAC;IAE7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAoB,OAAO,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YACpB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,WAAW,IAAY,IAAI,EAAE,IAAI,KAAM,KAAK,IAA3B,IAAI,CAA2B,CAClD,CAAC,GACG,EACN,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,KAAK,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,GACpC,CACH,EACA,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,KAAK,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,GACpC,CACH,IACI,CACR,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,KAA+D;IAE/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC/D,6CAA6C;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAyB,CAAC;IAC1E,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1B,eAAe,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YACjC,MAAM,MAAM,CAAC,OAAO,CAAC;gBACnB,MAAM;gBACN,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;YACH,MAAM,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;YACpD,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,mBAAmB;YAC1B,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,YAEA,eAAe,CAAC,YAAY,IAAI,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvD,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAEf,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,eAAe,CAAC,YAAY,YAEtC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAI,IAJvD,QAAQ,CAKI,CACpB,GACI,CACR,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,KAEC;IAED,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,UAAU,EAAE,KAAK,EAAE,OAGlB,EAAE,EAAE;YACH,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;YACvC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;gBACrB,MAAM,eAAe,CAAC;oBACpB,MAAM;oBACN,QAAQ,EAAE,IAAI;oBACd,WAAW,EAAE,YAAY;iBAC1B,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,eAAe,CAAC;oBACpB,MAAM;oBACN,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,YAAY;iBACpB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAChE,YAAY,EAAE,qBAAqB,EACnC,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,EAC9D,QAAQ,EAAE,GAAG,EAAE,CACb,QAAQ,CAAC,MAAM,CACb;YACE,IAAI;YACJ,YAAY;SACb,EACD;YACE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;gBACrB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAC1B,SAAS,CAAC;wBACR,MAAM,EAAE,KAAK;wBACb,IAAI,EAAE;4BACJ,QAAQ,EAAE,IAAI,CAAC,IAAI;4BACnB,WAAW,EAAE,IAAI,CAAC,YAAY;yBAC/B;wBACD,MAAM;qBACP,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,SAAS,CAAC;wBACR,MAAM,EAAE,KAAK;wBACb,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;wBACvD,MAAM;qBACP,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,6DAA6D;gBAC7D,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC;SACF,CACF,EAEH,YAAY,EAAE,QAAQ,CAAC,SAAS,GAChC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,KAEC;IAED,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;YAAE,OAAO;QACnD,MAAM,eAAe,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YACvC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;gBAC9B,MAAM,MAAM,CAAC,OAAO,CAAC;oBACnB,MAAM;oBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,gBAAgB;iBACjB,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,CAAC,OAAO,CAAC;oBACnB,MAAM;oBACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,gBAAgB;iBACjB,CAAC,CAAC;YACL,CAAC;YACD,MAAM,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;YAC7D,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,IAAI,IACH,KAAK,EAAE;oBACL,aAAa,EAAE,QAAQ;oBACvB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,oDAEzD,EACb,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,iBAAiB,YAC7C,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAC/C,IACR,EACP,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,GAAG,EACpB,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,mBAAmB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAC,YAAY,GACzB,EACF,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,eAAe,CAAC,YAAY,YAErC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAC9B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,GAAI,CACxD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE,uBAGpC,CACd,GACY,EACd,eAAe,CAAC,KAAK,IAAI,CACxB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,YAEpC,eAAe,CAAC,KAAK,CAAC,OAAO,GACnB,CACd,IACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,OAAO,CAAC,EAAE;KAChB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,cAAc,EAAE,cAAc;KAC/B;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,MAAM,CAAC,EAAE;QACvB,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC"}

package/dist/esm/react/native/ui/connect/ReceiveScreen.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
+import { shortenAddress } from "../../../../utils/address.js";
+import { spacing } from "../../design-system/index.js";
+import { Address } from "../components/Address.js";
+import { Header } from "../components/Header.js";
+import { WalletImage } from "../components/WalletImage.js";
+import { Spacer } from "../components/spacer.js";
+import { ThemedText } from "../components/text.js";
+export const ReceiveScreen = (props) => {
+    const { wallet, account, theme, onClose, onBack, containerType } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: onClose, onBack: onBack, containerType: containerType, title: "Receive Funds" }), _jsxs(View, { style: styles.container, children: [_jsx(WalletImage, { theme: theme, wallet: wallet, size: 72 }), _jsx(Spacer, { size: "lg" }), _jsx(View, { style: [
+                            styles.addressContainer,
+                            { borderColor: theme.colors.borderColor },
+                        ], children: _jsx(Address, { account: account, addressOrENS: shortenAddress(account?.address, 8), theme: theme }) }), _jsx(ThemedText, { theme: theme, type: "subtext", style: { textAlign: "center" }, children: "Copy your address to send funds to this wallet" })] })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.xxl,
+        flexDirection: "column",
+        gap: spacing.md,
+        alignItems: "center",
+        justifyContent: "center",
+        flex: 1,
+    },
+    addressContainer: {
+        width: "100%",
+        flexDirection: "row",
+        gap: spacing.sm,
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        padding: spacing.md,
+        borderRadius: spacing.lg,
+    },
+});
+//# sourceMappingURL=ReceiveScreen.js.map

package/dist/esm/react/native/ui/connect/ReceiveScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReceiveScreen.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ReceiveScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAWnD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,8BACE,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAC,eAAe,GACrB,EACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAE3B,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACvD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,GAAG,EACpB,KAAC,IAAI,IACH,KAAK,EAAE;4BACL,MAAM,CAAC,gBAAgB;4BACvB,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;yBAC1C,YAED,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EACjD,KAAK,EAAE,KAAK,GACZ,GACG,EACP,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,+DAGnB,IACR,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAC7B,eAAe,EAAE,OAAO,CAAC,GAAG;QAC5B,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,OAAO,CAAC,EAAE;QACnB,YAAY,EAAE,OAAO,CAAC,EAAE;KACzB;CACF,CAAC,CAAC"}

package/dist/esm/react/native/ui/connect/SendScreen.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { useChainQuery } from "../../../core/hooks/others/useChainQuery.js";
+import { radius, spacing } from "../../design-system/index.js";
+import { useActiveAccount } from "../../hooks/wallets/useActiveAccount.js";
+import { useActiveWalletChain } from "../../hooks/wallets/useActiveWalletChain.js";
+import { useSendToken } from "../../hooks/wallets/useSendToken.js";
+import { Header } from "../components/Header.js";
+import { ThemedButton } from "../components/button.js";
+import { ThemedInput } from "../components/input.js";
+import { Spacer } from "../components/spacer.js";
+import { ThemedSpinner } from "../components/spinner.js";
+import { ThemedText } from "../components/text.js";
+import { ErrorView } from "./ErrorView.js";
+import { SuccessView } from "./SuccessView.js";
+import { TokenListScreen, TokenRow } from "./TokenListScreen.js";
+export const SendScreen = (props) => {
+    const { theme, client, onClose, onBack, containerType, supportedTokens } = props;
+    const [receiverAddress, setReceiverAddress] = useState("");
+    const [amount, setAmount] = useState("0");
+    const [selectedToken, setSelectedToken] = useState();
+    const account = useActiveAccount();
+    const chain = useActiveWalletChain();
+    const chainIfo = useChainQuery(chain);
+    const sendMutation = useSendToken(client);
+    const [screen, setScreen] = useState("base");
+    const handleTokenClicked = () => {
+        setScreen("tokenList");
+    };
+    const handleSend = async () => {
+        sendMutation.mutate({
+            amount,
+            receiverAddress,
+            tokenAddress: selectedToken?.address,
+        }, {
+            onSuccess() {
+                setScreen("success");
+            },
+            onError() {
+                setScreen("error");
+            },
+        });
+    };
+    if (screen === "success") {
+        return (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: onClose, onBack: () => setScreen("base"), containerType: containerType, title: "Funds Sent" }), _jsx(Spacer, { size: "xl" }), _jsx(View, { style: { flex: 1 }, children: _jsx(SuccessView, { theme: theme, title: "Transaction Successful" }) })] }));
+    }
+    if (screen === "error") {
+        return (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: onClose, onBack: () => setScreen("base"), containerType: containerType, title: "Error Sending Funds" }), _jsx(Spacer, { size: "xl" }), _jsx(View, { style: { flex: 1 }, children: _jsx(ErrorView, { theme: theme, title: sendMutation.error?.message || "Unknown error" }) })] }));
+    }
+    if (screen === "tokenList") {
+        return (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: onClose, onBack: () => setScreen("base"), containerType: containerType, title: "Token to Send" }), _jsx(Spacer, { size: "xl" }), _jsx(View, { style: { flex: 1 }, children: _jsx(TokenListScreen, { theme: theme, client: client, supportedTokens: supportedTokens, onTokenSelected: (t) => {
+                            setSelectedToken(t);
+                            setScreen("base");
+                        } }) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: onClose, onBack: onBack, containerType: containerType, title: "Send Funds" }), _jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.inputContainer, children: [_jsx(ThemedText, { theme: theme, type: "subtext", children: "Token" }), _jsx(View, { style: {
+                                    borderColor: theme.colors.borderColor,
+                                    borderWidth: 1,
+                                    paddingHorizontal: spacing.md,
+                                    paddingVertical: spacing.smd,
+                                    borderRadius: radius.lg,
+                                }, children: _jsx(TokenRow, { theme: theme, client: client, address: account?.address, chain: chain, token: selectedToken, onTokenSelected: handleTokenClicked }) })] }), _jsxs(View, { style: styles.inputContainer, children: [_jsx(ThemedText, { theme: theme, type: "subtext", children: "Send to" }), _jsx(ThemedInput, { theme: theme, onChangeText: setReceiverAddress, value: receiverAddress, placeholder: "0x... / ENS name", textContentType: "URL", keyboardType: "url", autoCapitalize: "none" })] }), _jsxs(View, { style: styles.inputContainer, children: [_jsx(ThemedText, { theme: theme, type: "subtext", children: "Amount" }), _jsx(ThemedInput, { theme: theme, onChangeText: setAmount, value: amount, inputMode: "numeric", rightView: _jsx(ThemedText, { theme: theme, type: "subtext", style: { marginRight: spacing.md }, children: selectedToken?.symbol || chainIfo.data?.nativeCurrency?.symbol }) })] }), _jsx(View, { style: styles.inputContainer, children: _jsx(ThemedButton, { theme: theme, variant: "accent", onPress: handleSend, disabled: sendMutation.isPending, children: sendMutation.isPending ? (_jsx(ThemedSpinner, { color: theme.colors.accentButtonText })) : (_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", style: {
+                                    color: theme.colors.accentButtonText,
+                                }, children: "Send" })) }) })] })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.lg,
+        flexDirection: "column",
+        gap: spacing.md,
+    },
+    inputContainer: {
+        gap: spacing.sm,
+    },
+});
+//# sourceMappingURL=SendScreen.js.map

package/dist/esm/react/native/ui/connect/SendScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendScreen.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/SendScreen.tsx"],"names":[],"mappings":"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"}