thirdweb 5.31.1 → 5.32.0-nightly-931cca3a7e8f3946bdb7e40880333790387d4cef-20240702071901

package/dist/esm/react/native/ui/components/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/spacer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAkC;IAC7D,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,GAAI,CAAC;AACpD,CAAC"}

package/dist/esm/react/native/ui/components/text.js

@@ -8,30 +8,33 @@ export function ThemedText({ style, theme, type = "default", ...rest }) {
             type === "defaultSemiBold" ? styles.defaultSemiBold : undefined,
             type === "subtitle" ? styles.subtitle : undefined,
             type === "link" ? styles.link : undefined,
+            type === "subtext"
+                ? { ...styles.subtext, color: theme.colors.secondaryText }
+                : undefined,
             style,
         ], ...rest }));
 }
 const styles = StyleSheet.create({
     default: {
         fontSize: 16,
-        lineHeight: 24,
     },
     defaultSemiBold: {
         fontSize: 16,
-        lineHeight: 24,
         fontWeight: "600",
     },
+    subtext: {
+        fontSize: 14,
+    },
     title: {
-        fontSize: 32,
+        fontSize: 24,
         fontWeight: "bold",
-        lineHeight: 32,
+        lineHeight: 28,
     },
     subtitle: {
-        fontSize: 20,
-        fontWeight: "bold",
+        fontSize: 18,
+        fontWeight: "600",
     },
     link: {
-        lineHeight: 30,
         fontSize: 16,
     },
 });

package/dist/esm/react/native/ui/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAQhE,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,GAAG,IAAI,EACS;IAChB,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;YACnC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC/C,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YAC3C,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;YAC/D,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACjD,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACzC,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,EAAE;KACf;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAchE,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,GAAG,IAAI,EACS;IAChB,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;YACnC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAC/C,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YAC3C,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;YAC/D,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACjD,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACzC,IAAI,KAAK,SAAS;gBAChB,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE;gBAC1D,CAAC,CAAC,SAAS;YACb,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;KACb;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,EAAE;KACf;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,103 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { Animated, Dimensions, Easing, KeyboardAvoidingView, Modal, Pressable, StyleSheet, View, } from "react-native";
+import { parseTheme } from "../../../core/design-system/CustomThemeProvider.js";
+import { useActiveAccount } from "../../hooks/wallets/useActiveAccount.js";
+import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
+import { useActiveWalletConnectionStatus } from "../../hooks/wallets/useActiveWalletConnectionStatus.js";
+import { useAutoConnect } from "../../hooks/wallets/useAutoConnect.js";
+import { ThemedButton } from "../components/button.js";
+import { ThemedSpinner } from "../components/spinner.js";
+import { ThemedText } from "../components/text.js";
+import { ConnectModal } from "./ConnectModal.js";
+import { ConnectedButton } from "./ConnectedButton.js";
+import { ConnectedModal } from "./ConnectedModal.js";
+/**
+ * A component that allows the user to connect their wallet.
+ * It renders a button which when clicked opens a modal to allow users to connect to wallets specified in `wallets` prop.
+ * @example
+ * ```tsx
+ * <ConnectButton
+ *    client={client}
+ * />
+ * ```
+ * @param props
+ * Props for the `ConnectButton` component
+ *
+ * Refer to [ConnectButtonProps](https://portal.thirdweb.com/references/typescript/v5/ConnectButtonProps) to see the available props.
+ * @component
+ */
+export function ConnectButton(props) {
+    const theme = parseTheme(props.theme);
+    const [visible, setVisible] = useState(false);
+    const wallet = useActiveWallet();
+    const account = useActiveAccount();
+    const status = useActiveWalletConnectionStatus();
+    useAutoConnect(props);
+    const fadeAnim = useRef(new Animated.Value(0)); // For background opacity
+    const slideAnim = useRef(new Animated.Value(screenHeight)); // For bottom sheet position
+    const openModal = useCallback(() => {
+        setVisible(true);
+        Animated.parallel([
+            Animated.timing(fadeAnim.current, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            Animated.timing(slideAnim.current, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+                easing: Easing.out(Easing.exp),
+            }),
+        ]).start();
+    }, []);
+    const closeModal = useCallback(() => {
+        Animated.parallel([
+            Animated.timing(fadeAnim.current, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            Animated.timing(slideAnim.current, {
+                toValue: screenHeight,
+                duration: 300,
+                useNativeDriver: true,
+                easing: Easing.in(Easing.exp),
+            }),
+        ]).start(() => {
+            setVisible(false);
+            fadeAnim.current.setValue(0);
+            slideAnim.current.setValue(screenHeight);
+        });
+    }, []);
+    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: [
+                                { flex: 1, transform: [{ translateY: slideAnim.current }] },
+                            ], 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 })) : status === "connecting" ? (_jsx(View, { style: {
+                                            flexDirection: "column",
+                                            flex: 1,
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                        }, children: _jsx(ThemedSpinner, { color: theme.colors.primaryText, size: 32 }) })) : (_jsx(ConnectModal, { ...props, theme: theme, onClose: closeModal, containerType: "modal" })) })] })] }) })] }));
+}
+const screenHeight = Dimensions.get("window").height;
+const modalHeight = 480;
+const screenWidth = Dimensions.get("window").width;
+const styles = StyleSheet.create({
+    modalOverlay: {
+        position: "absolute",
+        width: screenWidth,
+        height: screenHeight,
+        backgroundColor: "rgba(0,0,0,0.8)",
+    },
+    dismissArea: {
+        width: "100%",
+        flex: 1,
+    },
+    bottomSheetContainer: {
+        height: modalHeight,
+        width: screenWidth,
+        flexDirection: "column",
+    },
+});
+//# sourceMappingURL=ConnectButton.js.map

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

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

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

@@ -0,0 +1,126 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Platform, StyleSheet, View } from "react-native";
+import { SvgXml } from "react-native-svg";
+import { parseTheme } from "../../../core/design-system/CustomThemeProvider.js";
+import { genericWalletIcon } from "../../../core/utils/socialIcons.js";
+import { radius, spacing } from "../../design-system/index.js";
+import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
+import { useConnect } from "../../hooks/wallets/useConnect.js";
+import { getDefaultWallets } from "../../wallets/defaultWallets.js";
+import { Header } from "../components/Header.js";
+import { ThemedButtonWithIcon } from "../components/button.js";
+import { Spacer } from "../components/spacer.js";
+import { ThemedText } from "../components/text.js";
+import { ThemedView } from "../components/view.js";
+import { TW_ICON } from "../icons/svgs.js";
+import { ExternalWalletsList } from "./ExternalWalletsList.js";
+import { InAppWalletUI, OtpLogin } from "./InAppWalletUI.js";
+/**
+ * A component that allows the user to connect their wallet.
+ *
+ * it renders the same UI as the [`ConnectButton`](https://portal.thirdweb.com/react/v4/components/ConnectButton) component's modal - but directly on the page instead of being in a modal.
+ *
+ * It only renders UI if wallet is not connected
+ * @example
+ * ```tsx
+ * <ConnectEmbed
+ *    client={client}
+ * />
+ * ```
+ * @param props -
+ * The props for the `ConnectEmbed` component.
+ *
+ * Refer to the [`ConnectEmbedProps`](https://portal.thirdweb.com/references/typescript/v5/ConnectEmbedProps) type for more details
+ * @component
+ */
+export function ConnectEmbed(props) {
+    const theme = parseTheme(props.theme);
+    const wallet = useActiveWallet();
+    const adaptedProps = {
+        ...props,
+        connectModal: { ...props },
+    };
+    return wallet ? null : (_jsx(ConnectModal, { ...adaptedProps, theme: theme, containerType: "embed" }));
+}
+export function ConnectModal(props) {
+    const { theme, client, containerType, accountAbstraction, onConnect } = props;
+    const connectMutation = useConnect({
+        client,
+        accountAbstraction,
+        onConnect,
+    });
+    const wallets = props.wallets || getDefaultWallets(props);
+    const [modalState, setModalState] = useState({ screen: "base" });
+    const inAppWallet = wallets.find((wallet) => wallet.id === "inApp");
+    const externalWallets = wallets.filter((wallet) => wallet.id !== "inApp");
+    const showBranding = props.connectModal?.showThirdwebBranding !== false;
+    let content;
+    switch (modalState.screen) {
+        case "otp": {
+            content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType, onBack: () => setModalState({ screen: "base" }) }), _jsx(Spacer, { size: "xl" }), _jsx(View, { style: {
+                            flexDirection: "column",
+                            gap: spacing.md,
+                            paddingHorizontal: containerType === "modal" ? spacing.lg : 0,
+                        }, children: _jsx(OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme, connectMutation: connectMutation }) }), containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "md" }))] }));
+            break;
+        }
+        case "external_wallets": {
+            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, connectMutation: connectMutation, containerType: containerType })] }));
+            break;
+        }
+        default: {
+            content = (_jsxs(_Fragment, { children: [_jsx(Header, { theme: theme, onClose: props.onClose, containerType: containerType }), inAppWallet ? (_jsxs(_Fragment, { children: [containerType === "modal" ? (_jsx(View, { style: { flex: 1 } })) : (_jsx(Spacer, { size: "lg" })), _jsxs(View, { style: {
+                                    flexDirection: "column",
+                                    gap: spacing.md,
+                                    paddingHorizontal: containerType === "modal" ? spacing.lg : 0,
+                                }, children: [_jsx(InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme, connectMutation: connectMutation }), 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: {
+                                    flex: 1,
+                                }, children: _jsx(ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connectMutation: connectMutation, containerType: containerType }) })] })) : null] }));
+        }
+    }
+    return (_jsxs(ThemedView, { theme: theme, style: containerType === "modal"
+            ? styles.modalContainer
+            : styles.embedContainer, children: [content, showBranding && _jsx(PoweredByThirdweb, { theme: theme })] }));
+}
+function OrDivider({ theme }) {
+    return (_jsxs(View, { style: {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: spacing.lg,
+        }, children: [_jsx(View, { style: {
+                    flex: 1,
+                    height: 1,
+                    backgroundColor: theme.colors.borderColor,
+                } }), _jsx(ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "OR" }), _jsx(View, { style: {
+                    flex: 1,
+                    height: 1,
+                    backgroundColor: theme.colors.borderColor,
+                } })] }));
+}
+function PoweredByThirdweb({ theme }) {
+    return (_jsxs(View, { style: {
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            gap: spacing.xs,
+            paddingBottom: Platform.OS === "android" ? spacing.md : spacing.lg,
+        }, 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" })] }));
+}
+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",
+    },
+});
+//# sourceMappingURL=ConnectModal.js.map

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

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

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
+import { parseTheme } from "../../../core/design-system/CustomThemeProvider.js";
+import { useConnectedWalletDetails } from "../../../core/utils/wallet.js";
+import { fontSize, spacing } from "../../design-system/index.js";
+import { useActiveWalletChain } from "../../hooks/wallets/useActiveWalletChain.js";
+import { Skeleton } from "../components/Skeleton.js";
+import { WalletImage } from "../components/WalletImage.js";
+import { ThemedButton } from "../components/button.js";
+import { ThemedText } from "../components/text.js";
+export function ConnectedButton(props) {
+    const theme = parseTheme(props.theme);
+    const { account, wallet } = props;
+    const walletChain = useActiveWalletChain();
+    const { ensAvatarQuery, addressOrENS, balanceQuery } = useConnectedWalletDetails(props.client, walletChain, account, props.detailsButton?.displayBalanceToken);
+    return (_jsx(ThemedButton, { theme: theme, onPress: () => {
+            props.openModal();
+        }, style: {
+            paddingHorizontal: spacing.md,
+            paddingVertical: spacing.smd,
+        }, children: _jsxs(View, { style: styles.row, children: [_jsx(WalletImage, { theme: theme, size: 40, wallet: wallet, ensAvatar: ensAvatarQuery.data }), _jsxs(View, { style: styles.col, children: [_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", style: {
+                                color: theme.colors.primaryButtonText,
+                            }, children: addressOrENS }), 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 }, color: theme.colors.secondaryText }))] })] }) }));
+}
+const styles = StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        flex: 1,
+        gap: spacing.md,
+        alignItems: "center",
+    },
+    col: {
+        flexDirection: "column",
+        gap: spacing.xxs,
+    },
+});
+//# sourceMappingURL=ConnectedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedButton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/connect/ConnectedButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAEhF,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,UAAU,eAAe,CAC7B,KAKC;IAED,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,GAClD,yBAAyB,CACvB,KAAK,CAAC,MAAM,EACZ,WAAW,EACX,OAAO,EACP,KAAK,CAAC,aAAa,EAAE,mBAAmB,CACzC,CAAC;IACJ,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC,EACD,KAAK,EAAE;YACL,iBAAiB,EAAE,OAAO,CAAC,EAAE;YAC7B,eAAe,EAAE,OAAO,CAAC,GAAG;SAC7B,YAED,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,aACrB,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,cAAc,CAAC,IAAI,GAC9B,EACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,aACrB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;6BACtC,YAEA,YAAY,GACF,EACZ,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,MAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACL,QAAQ,EAAE,QAAQ,CAAC,EAAE;6BACtB,aAEA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EACtD,YAAY,CAAC,IAAI,EAAE,MAAM,IACf,CACd,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,GACjC,CACH,IACI,IACF,GACM,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,OAAO,CAAC,GAAG;KACjB;CACF,CAAC,CAAC"}

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"}