thirdweb 5.31.1 → 5.32.0

package/dist/cjs/react/native/ui/components/input.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemedInput = ThemedInput;
+exports.ThemedInputWithSubmit = ThemedInputWithSubmit;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const index_js_1 = require("../../design-system/index.js");
+const svgs_js_1 = require("../icons/svgs.js");
+const spinner_js_1 = require("./spinner.js");
+function ThemedInput(props) {
+    const { theme, rightView } = props;
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            styles.container,
+            {
+                borderColor: isFocused
+                    ? theme.colors.accentButtonBg
+                    : theme.colors.borderColor,
+            },
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.TextInput, { placeholderTextColor: theme.colors.secondaryText, style: [styles.input, { color: theme.colors.primaryText }], onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), ...props }), rightView && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 } }), rightView] }))] }));
+}
+function ThemedInputWithSubmit(props) {
+    const { theme, onSubmit } = props;
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [val, setVal] = (0, react_1.useState)("");
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            styles.container,
+            {
+                borderColor: isFocused
+                    ? theme.colors.accentButtonBg
+                    : theme.colors.borderColor,
+            },
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.TextInput, { placeholderTextColor: theme.colors.secondaryText, style: [
+                    styles.input,
+                    {
+                        color: theme.colors.primaryText,
+                    },
+                ], value: val, onChangeText: setVal, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), ...props }), onSubmit && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => onSubmit(val), disabled: props.isSubmitting, style: {
+                    paddingHorizontal: index_js_1.spacing.lg,
+                }, children: props.isSubmitting ? ((0, jsx_runtime_1.jsx)(spinner_js_1.ThemedSpinner, { size: 24, color: theme.colors.secondaryIconColor })) : ((0, jsx_runtime_1.jsx)(react_native_svg_1.SvgXml, { width: 24, height: 24, xml: svgs_js_1.RIGHT_ARROW, color: theme.colors.secondaryIconColor })) }))] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+        borderRadius: index_js_1.radius.lg,
+        borderWidth: 1,
+        borderStyle: "solid",
+    },
+    input: {
+        flex: 1,
+        flexDirection: "row",
+        fontSize: 16,
+        height: 56,
+        gap: index_js_1.spacing.md,
+        paddingLeft: index_js_1.spacing.lg,
+        paddingVertical: index_js_1.spacing.md,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=input.js.map

package/dist/cjs/react/native/ui/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/input.tsx"],"names":[],"mappings":";;AAmBA,kCA6BC;AAED,sDAwDC;;AA1GD,iCAAiC;AACjC,+CAMsB;AACtB,uDAA0C;AAE1C,2DAA+D;AAC/D,8CAA+C;AAC/C,6CAA6C;AAO7C,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,WAAW,EAAE,SAAS;oBACpB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;oBAC7B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;aAC7B;SACF,aAED,uBAAC,wBAAS,IACR,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAChD,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KAC7B,KAAK,GACT,EACD,SAAS,IAAI,CACZ,6DACE,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAI,EAC3B,SAAS,IACT,CACJ,IACI,CACR,CAAC;AACJ,CAAC;AAED,SAAgB,qBAAqB,CACnC,KAGC;IAED,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnC,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,WAAW,EAAE,SAAS;oBACpB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;oBAC7B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;aAC7B;SACF,aAED,uBAAC,wBAAS,IACR,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAChD,KAAK,EAAE;oBACL,MAAM,CAAC,KAAK;oBACZ;wBACE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;qBAChC;iBACF,EACD,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KAC7B,KAAK,GACT,EACD,QAAQ,IAAI,CACX,uBAAC,+BAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC5B,QAAQ,EAAE,KAAK,CAAC,YAAY,EAC5B,KAAK,EAAE;oBACL,iBAAiB,EAAE,kBAAO,CAAC,EAAE;iBAC9B,YAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAM,IACL,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,qBAAW,EAChB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,GACtC,CACH,GACgB,CACpB,IACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,iBAAM,CAAC,EAAE;QACvB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;QACV,GAAG,EAAE,kBAAO,CAAC,EAAE;QACf,WAAW,EAAE,kBAAO,CAAC,EAAE;QACvB,eAAe,EAAE,kBAAO,CAAC,EAAE;QAC3B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

package/dist/cjs/react/native/ui/components/spacer.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacer = Spacer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const index_js_1 = require("../../design-system/index.js");
+function Spacer({ size }) {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { height: index_js_1.spacing[size] } });
+}
+//# sourceMappingURL=spacer.js.map

package/dist/cjs/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":";;AAGA,wBAEC;;AALD,+CAAoC;AACpC,2DAAuD;AAEvD,SAAgB,MAAM,CAAC,EAAE,IAAI,EAAkC;IAC7D,OAAO,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,kBAAO,CAAC,IAAI,CAAC,EAAE,GAAI,CAAC;AACpD,CAAC"}

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

@@ -11,30 +11,33 @@ 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 = react_native_1.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/cjs/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":";;AAQA,gCAoBC;;AA5BD,+CAAgE;AAQhE,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,GAAG,IAAI,EACS;IAChB,OAAO,CACL,uBAAC,mBAAI,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,yBAAU,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":";;AAcA,gCAuBC;;AArCD,+CAAgE;AAchE,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,GAAG,IAAI,EACS;IAChB,OAAO,CACL,uBAAC,mBAAI,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,yBAAU,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/cjs/react/native/ui/connect/ConnectButton.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectButton = ConnectButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const useActiveAccount_js_1 = require("../../hooks/wallets/useActiveAccount.js");
+const useActiveWallet_js_1 = require("../../hooks/wallets/useActiveWallet.js");
+const useActiveWalletConnectionStatus_js_1 = require("../../hooks/wallets/useActiveWalletConnectionStatus.js");
+const useAutoConnect_js_1 = require("../../hooks/wallets/useAutoConnect.js");
+const button_js_1 = require("../components/button.js");
+const spinner_js_1 = require("../components/spinner.js");
+const text_js_1 = require("../components/text.js");
+const ConnectModal_js_1 = require("./ConnectModal.js");
+const ConnectedButton_js_1 = require("./ConnectedButton.js");
+const ConnectedModal_js_1 = require("./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
+ */
+function ConnectButton(props) {
+    const theme = (0, CustomThemeProvider_js_1.parseTheme)(props.theme);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const account = (0, useActiveAccount_js_1.useActiveAccount)();
+    const status = (0, useActiveWalletConnectionStatus_js_1.useActiveWalletConnectionStatus)();
+    (0, useAutoConnect_js_1.useAutoConnect)(props);
+    const fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)); // For background opacity
+    const slideAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(screenHeight)); // For bottom sheet position
+    const openModal = (0, react_1.useCallback)(() => {
+        setVisible(true);
+        react_native_1.Animated.parallel([
+            react_native_1.Animated.timing(fadeAnim.current, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            react_native_1.Animated.timing(slideAnim.current, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+                easing: react_native_1.Easing.out(react_native_1.Easing.exp),
+            }),
+        ]).start();
+    }, []);
+    const closeModal = (0, react_1.useCallback)(() => {
+        react_native_1.Animated.parallel([
+            react_native_1.Animated.timing(fadeAnim.current, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            react_native_1.Animated.timing(slideAnim.current, {
+                toValue: screenHeight,
+                duration: 300,
+                useNativeDriver: true,
+                easing: react_native_1.Easing.in(react_native_1.Easing.exp),
+            }),
+        ]).start(() => {
+            setVisible(false);
+            fadeAnim.current.setValue(0);
+            slideAnim.current.setValue(screenHeight);
+        });
+    }, []);
+    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: [
+                                { flex: 1, transform: [{ translateY: slideAnim.current }] },
+                            ], 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 })) : status === "connecting" ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                                            flexDirection: "column",
+                                            flex: 1,
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                        }, 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" })) })] })] }) })] }));
+}
+const screenHeight = react_native_1.Dimensions.get("window").height;
+const modalHeight = 480;
+const screenWidth = react_native_1.Dimensions.get("window").width;
+const styles = react_native_1.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/cjs/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/cjs/react/native/ui/connect/ConnectModal.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectEmbed = ConnectEmbed;
+exports.ConnectModal = ConnectModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const socialIcons_js_1 = require("../../../core/utils/socialIcons.js");
+const index_js_1 = require("../../design-system/index.js");
+const useActiveWallet_js_1 = require("../../hooks/wallets/useActiveWallet.js");
+const useConnect_js_1 = require("../../hooks/wallets/useConnect.js");
+const defaultWallets_js_1 = require("../../wallets/defaultWallets.js");
+const Header_js_1 = require("../components/Header.js");
+const button_js_1 = require("../components/button.js");
+const spacer_js_1 = require("../components/spacer.js");
+const text_js_1 = require("../components/text.js");
+const view_js_1 = require("../components/view.js");
+const svgs_js_1 = require("../icons/svgs.js");
+const ExternalWalletsList_js_1 = require("./ExternalWalletsList.js");
+const InAppWalletUI_js_1 = require("./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
+ */
+function ConnectEmbed(props) {
+    const theme = (0, CustomThemeProvider_js_1.parseTheme)(props.theme);
+    const wallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const adaptedProps = {
+        ...props,
+        connectModal: { ...props },
+    };
+    return wallet ? null : ((0, jsx_runtime_1.jsx)(ConnectModal, { ...adaptedProps, theme: theme, containerType: "embed" }));
+}
+function ConnectModal(props) {
+    const { theme, client, containerType, accountAbstraction, onConnect } = props;
+    const connectMutation = (0, useConnect_js_1.useConnect)({
+        client,
+        accountAbstraction,
+        onConnect: (wallet) => {
+            props.onClose?.();
+            onConnect?.(wallet);
+        },
+    });
+    const wallets = props.wallets || (0, defaultWallets_js_1.getDefaultWallets)(props);
+    const [modalState, setModalState] = (0, react_1.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 = ((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: "xl" }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                            flexDirection: "column",
+                            gap: index_js_1.spacing.md,
+                            paddingHorizontal: containerType === "modal" ? index_js_1.spacing.lg : 0,
+                        }, children: (0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.OtpLogin, { auth: modalState.auth, wallet: modalState.wallet, client: client, setScreen: setModalState, theme: theme, connectMutation: connectMutation }) }), 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" }))] }));
+            break;
+        }
+        case "external_wallets": {
+            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, connectMutation: connectMutation, containerType: containerType })] }));
+            break;
+        }
+        default: {
+            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 }), inAppWallet ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [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.jsxs)(react_native_1.View, { style: {
+                                    flexDirection: "column",
+                                    gap: index_js_1.spacing.md,
+                                    paddingHorizontal: containerType === "modal" ? index_js_1.spacing.lg : 0,
+                                }, children: [(0, jsx_runtime_1.jsx)(InAppWalletUI_js_1.InAppWalletUI, { wallet: inAppWallet, setScreen: setModalState, client: client, theme: theme, connectMutation: connectMutation }), 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: {
+                                    flex: 1,
+                                }, children: (0, jsx_runtime_1.jsx)(ExternalWalletsList_js_1.ExternalWalletsList, { theme: theme, externalWallets: externalWallets, client: client, connectMutation: connectMutation, containerType: containerType }) })] })) : null] }));
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(view_js_1.ThemedView, { theme: theme, style: containerType === "modal"
+            ? styles.modalContainer
+            : styles.embedContainer, children: [content, showBranding && (0, jsx_runtime_1.jsx)(PoweredByThirdweb, { theme: theme })] }));
+}
+function OrDivider({ theme }) {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: index_js_1.spacing.lg,
+        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    flex: 1,
+                    height: 1,
+                    backgroundColor: theme.colors.borderColor,
+                } }), (0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, style: { color: theme.colors.secondaryText }, children: "OR" }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+                    flex: 1,
+                    height: 1,
+                    backgroundColor: theme.colors.borderColor,
+                } })] }));
+}
+function PoweredByThirdweb({ theme }) {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            gap: index_js_1.spacing.xs,
+            paddingBottom: react_native_1.Platform.OS === "android" ? index_js_1.spacing.md : index_js_1.spacing.lg,
+        }, 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" })] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        width: "100%",
+        flexDirection: "column",
+        borderTopLeftRadius: index_js_1.radius.lg,
+        borderTopRightRadius: index_js_1.radius.lg,
+    },
+    embedContainer: {
+        flex: 1,
+        width: "100%",
+        flexDirection: "column",
+        backgroundColor: "transparent",
+    },
+});
+//# sourceMappingURL=ConnectModal.js.map

package/dist/cjs/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/cjs/react/native/ui/connect/ConnectedButton.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectedButton = ConnectedButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
+const wallet_js_1 = require("../../../core/utils/wallet.js");
+const index_js_1 = require("../../design-system/index.js");
+const useActiveWalletChain_js_1 = require("../../hooks/wallets/useActiveWalletChain.js");
+const Skeleton_js_1 = require("../components/Skeleton.js");
+const WalletImage_js_1 = require("../components/WalletImage.js");
+const button_js_1 = require("../components/button.js");
+const text_js_1 = require("../components/text.js");
+function ConnectedButton(props) {
+    const theme = (0, CustomThemeProvider_js_1.parseTheme)(props.theme);
+    const { account, wallet } = props;
+    const walletChain = (0, useActiveWalletChain_js_1.useActiveWalletChain)();
+    const { ensAvatarQuery, addressOrENS, balanceQuery } = (0, wallet_js_1.useConnectedWalletDetails)(props.client, walletChain, account, props.detailsButton?.displayBalanceToken);
+    return ((0, jsx_runtime_1.jsx)(button_js_1.ThemedButton, { theme: theme, onPress: () => {
+            props.openModal();
+        }, style: {
+            paddingHorizontal: index_js_1.spacing.md,
+            paddingVertical: index_js_1.spacing.smd,
+        }, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.row, children: [(0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { theme: theme, size: 40, wallet: wallet, ensAvatar: ensAvatarQuery.data }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.col, children: [(0, jsx_runtime_1.jsx)(text_js_1.ThemedText, { theme: theme, type: "defaultSemiBold", style: {
+                                color: theme.colors.primaryButtonText,
+                            }, children: addressOrENS }), balanceQuery.data ? ((0, jsx_runtime_1.jsxs)(text_js_1.ThemedText, { theme: theme, type: "subtext", style: {
+                                fontSize: index_js_1.fontSize.sm,
+                            }, children: [Number(balanceQuery.data.displayValue).toFixed(3), " ", balanceQuery.data?.symbol] })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { theme: theme, style: { width: 80, height: 16 }, color: theme.colors.secondaryText }))] })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        flex: 1,
+        gap: index_js_1.spacing.md,
+        alignItems: "center",
+    },
+    col: {
+        flexDirection: "column",
+        gap: index_js_1.spacing.xxs,
+    },
+});
+//# sourceMappingURL=ConnectedButton.js.map

package/dist/cjs/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":";;AAYA,0CAoEC;;AAhFD,+CAAgD;AAEhD,+FAAgF;AAEhF,6DAA0E;AAC1E,2DAAiE;AACjE,yFAAmF;AACnF,2DAAqD;AACrD,iEAA2D;AAC3D,uDAAuD;AACvD,mDAAmD;AAEnD,SAAgB,eAAe,CAC7B,KAKC;IAED,MAAM,KAAK,GAAG,IAAA,mCAAU,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAC3C,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,GAClD,IAAA,qCAAyB,EACvB,KAAK,CAAC,MAAM,EACZ,WAAW,EACX,OAAO,EACP,KAAK,CAAC,aAAa,EAAE,mBAAmB,CACzC,CAAC;IACJ,OAAO,CACL,uBAAC,wBAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC,EACD,KAAK,EAAE;YACL,iBAAiB,EAAE,kBAAO,CAAC,EAAE;YAC7B,eAAe,EAAE,kBAAO,CAAC,GAAG;SAC7B,YAED,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,aACrB,uBAAC,4BAAW,IACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,cAAc,CAAC,IAAI,GAC9B,EACF,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,aACrB,uBAAC,oBAAU,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,wBAAC,oBAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACL,QAAQ,EAAE,mBAAQ,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,uBAAC,sBAAQ,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,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,kBAAO,CAAC,EAAE;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,kBAAO,CAAC,GAAG;KACjB;CACF,CAAC,CAAC"}

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

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