thirdweb 5.31.1 → 5.32.0-nightly-931cca3a7e8f3946bdb7e40880333790387d4cef-20240702071901

package/dist/esm/react/core/utils/socialIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialIcons.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/socialIcons.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,MAAM,CAAC,MAAM,aAAa,GACxB,ojDAAojD,CAAC;AACvjD,MAAM,CAAC,MAAM,eAAe,GAC1B,g9BAAg9B,CAAC;AACn9B,MAAM,CAAC,MAAM,cAAc,GACzB,w1BAAw1B,CAAC;AAC31B,MAAM,CAAC,MAAM,aAAa,GACxB,oyDAAoyD,CAAC;AACvyD,MAAM,CAAC,MAAM,YAAY,GACvB,w5BAAw5B,CAAC;AAC35B,MAAM,CAAC,MAAM,eAAe,GAC1B,wtBAAwtB,CAAC;AAC3tB,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4fAA4f,CAAC;AAC/f,MAAM,CAAC,MAAM,aAAa,GACxB,oqCAAoqC,CAAC;AACvqC,MAAM,CAAC,MAAM,aAAa,GACxB,guEAAguE,CAAC;AACnuE,MAAM,CAAC,MAAM,cAAc,GACzB,w1CAAw1C,CAAC;AAC31C,MAAM,CAAC,MAAM,gBAAgB,GAC3B,4hBAA4hB,CAAC;AAE/hB,MAAM,CAAC,MAAM,SAAS,GACpB,o2BAAo2B,CAAC;AAEv2B,MAAM,CAAC,MAAM,SAAS,GACpB,w7DAAw7D,CAAC;AAE37D,MAAM,CAAC,MAAM,iBAAiB,GAC5B,4mGAA4mG,CAAC;AAE/mG,MAAM,CAAC,MAAM,eAAe,GAC1B,oiGAAoiG,CAAC;AAEviG,MAAM,CAAC,MAAM,gBAAgB,GAC3B,42EAA42E,CAAC;AAE/2E,MAAM,CAAC,MAAM,iBAAiB,GAC5B,4mDAA4mD,CAAC;AAE/mD,MAAM,CAAC,MAAM,WAAW,GACtB,ovFAAovF,CAAC;AAEvvF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,eAAe;CAC1B,CAAC"}

package/dist/esm/react/core/utils/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/storage.ts"],"names":[],"mappings":"AAGA,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAE1D,MAAM,CAAC,KAAK,UAAU,mBAAmB,CACvC,YAAsC,EACtC,OAAqB;IAErB,MAAM,OAAO,CAAC,OAAO,CAAC,8BAA8B,EAAE,YAAY,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,OAAqB;IAC7D,OAAO,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAErD,CAAC;AACX,CAAC"}

package/dist/esm/react/core/utils/wallet.js

@@ -0,0 +1,80 @@
+import { useQuery } from "@tanstack/react-query";
+import { ethereum } from "../../../chains/chain-definitions/ethereum.js";
+import { resolveAvatar } from "../../../extensions/ens/resolve-avatar.js";
+import { resolveName } from "../../../extensions/ens/resolve-name.js";
+import { getWalletInfo } from "../../../wallets/__generated__/getWalletInfo.js";
+import { useWalletBalance } from "../hooks/others/useWalletBalance.js";
+import { shortenString } from "./addresses.js";
+/**
+ * @internal
+ */
+export function useConnectedWalletDetails(client, walletChain, activeAccount, displayBalanceToken) {
+    const tokenAddress = walletChain && displayBalanceToken
+        ? displayBalanceToken[Number(walletChain.id)]
+        : undefined;
+    const ensNameQuery = useQuery({
+        queryKey: ["ens-name", activeAccount?.address],
+        enabled: !!activeAccount?.address,
+        queryFn: () => resolveName({
+            client,
+            address: activeAccount?.address || "",
+            resolverChain: ethereum,
+        }),
+    });
+    const ensAvatarQuery = useQuery({
+        queryKey: ["ens-avatar", ensNameQuery.data],
+        enabled: !!ensNameQuery.data,
+        queryFn: async () => resolveAvatar({
+            client,
+            name: ensNameQuery.data || "",
+        }),
+    });
+    const shortAddress = activeAccount?.address
+        ? shortenString(activeAccount.address, false)
+        : "";
+    const balanceQuery = useWalletBalance({
+        chain: walletChain ? walletChain : undefined,
+        tokenAddress,
+        address: activeAccount?.address,
+        client,
+    });
+    const addressOrENS = ensNameQuery.data || shortAddress;
+    return {
+        ensNameQuery,
+        ensAvatarQuery,
+        addressOrENS,
+        shortAddress,
+        balanceQuery,
+    };
+}
+/**
+ * Returns the wallet info for the provided wallet id.
+ * @wallet
+ */
+export function useWalletInfo(id) {
+    return useQuery({
+        queryKey: ["wallet-info", id],
+        queryFn: () => {
+            return getWalletInfo(id, false);
+        },
+        retry: false,
+        refetchOnWindowFocus: false,
+        refetchOnMount: false,
+    });
+}
+/**
+ * Returns the wallet image for the provided wallet id.
+ * @wallet
+ */
+export function useWalletImage(id) {
+    return useQuery({
+        queryKey: ["wallet-image", id],
+        queryFn: () => {
+            return getWalletInfo(id, true);
+        },
+        retry: false,
+        refetchOnWindowFocus: false,
+        refetchOnMount: false,
+    });
+}
+//# sourceMappingURL=wallet.js.map

package/dist/esm/react/core/utils/wallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.js","sourceRoot":"","sources":["../../../../../src/react/core/utils/wallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAIhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,MAAsB,EACtB,WAA8B,EAC9B,aAAkC,EAClC,mBAA4C;IAE5C,MAAM,YAAY,GAChB,WAAW,IAAI,mBAAmB;QAChC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,YAAY,GAAG,QAAQ,CAAC;QAC5B,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,CAAC;QAC9C,OAAO,EAAE,CAAC,CAAC,aAAa,EAAE,OAAO;QACjC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC;YACV,MAAM;YACN,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,EAAE;YACrC,aAAa,EAAE,QAAQ;SACxB,CAAC;KACL,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,QAAQ,CAAC;QAC9B,QAAQ,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC;QAC3C,OAAO,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI;QAC5B,OAAO,EAAE,KAAK,IAAI,EAAE,CAClB,aAAa,CAAC;YACZ,MAAM;YACN,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,EAAE;SAC9B,CAAC;KACL,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,aAAa,EAAE,OAAO;QACzC,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;QAC7C,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,YAAY,GAAG,gBAAgB,CAAC;QACpC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;QAC5C,YAAY;QACZ,OAAO,EAAE,aAAa,EAAE,OAAO;QAC/B,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC;IAEvD,OAAO;QACL,YAAY;QACZ,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAAY;IACxC,OAAO,QAAQ,CAAa;QAC1B,QAAQ,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC;QAC7B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;QACD,KAAK,EAAE,KAAK;QACZ,oBAAoB,EAAE,KAAK;QAC3B,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAY;IACzC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC;QAC9B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,KAAK,EAAE,KAAK;QACZ,oBAAoB,EAAE,KAAK;QAC3B,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/native/design-system/index.js

@@ -0,0 +1,30 @@
+export const spacing = {
+    xxs: 2,
+    xs: 4,
+    sm: 8,
+    smd: 12,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48,
+    "3xl": 64,
+};
+export const radius = {
+    none: 0,
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 24,
+    xxl: 32,
+    full: 9999,
+};
+export const fontSize = {
+    xxs: 10,
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 20,
+    xl: 24,
+    xxl: 32,
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/react/native/design-system/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/react/native/design-system/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,CAAC;IACN,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACR,CAAC"}

package/dist/esm/react/native/hooks/wallets/useAutoConnect.js

@@ -1,6 +1,7 @@
 import { nativeLocalStorage } from "../../../../utils/storage/nativeStorage.js";
 import { useAutoConnectCore } from "../../../core/hooks/wallets/useAutoConnect.js";
 import { connectionManager } from "../../index.js";
+import { getDefaultWallets } from "../../wallets/defaultWallets.js";
 /**
  * Autoconnect the last previously connected wallet.
  *
@@ -21,6 +22,9 @@ import { connectionManager } from "../../index.js";
  * @returns whether the auto connect was successful.
  */
 export function useAutoConnect(props) {
-    return useAutoConnectCore(connectionManager, nativeLocalStorage, props);
+    return useAutoConnectCore(connectionManager, nativeLocalStorage, {
+        ...props,
+        wallets: props.wallets || getDefaultWallets(props),
+    });
 }
 //# sourceMappingURL=useAutoConnect.js.map

package/dist/esm/react/native/hooks/wallets/useAutoConnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useAutoConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,OAAO,kBAAkB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC"}
+{"version":3,"file":"useAutoConnect.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useAutoConnect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuB;IACpD,OAAO,kBAAkB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE;QAC/D,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC;KACnD,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/react/native/hooks/wallets/useSendToken.js

@@ -0,0 +1,28 @@
+import { useSendTokenCore } from "../../../core/hooks/wallets/useSendToken.js";
+import { useActiveWallet } from "./useActiveWallet.js";
+/**
+ * Send Native or ERC20 tokens from active wallet to given address.
+ * @example
+ * ```tsx
+ * const { mutate: sendToken } = useSendToken(client);
+ *
+ * // send native currency
+ * sendToken({
+ *    receiverAddress: "0x...",
+ *    amount: "0.1",
+ * });
+ *
+ * // send ERC20
+ * sendToken({
+ *   tokenAddress,
+ *   receiverAddress: "0x...",
+ *   amount: "0.5",
+ * });
+ * ```
+ * @wallet
+ */
+export function useSendToken(client) {
+    const wallet = useActiveWallet();
+    return useSendTokenCore(client, wallet);
+}
+//# sourceMappingURL=useSendToken.js.map

package/dist/esm/react/native/hooks/wallets/useSendToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendToken.js","sourceRoot":"","sources":["../../../../../../src/react/native/hooks/wallets/useSendToken.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,YAAY,CAAC,MAAsB;IACjD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,OAAO,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Clipboard from "@react-native-clipboard/clipboard";
+import { useState } from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { spacing } from "../../design-system/index.js";
+import { CHECK, COPY_ICON } from "../icons/svgs.js";
+import { RNImage } from "./RNImage.js";
+import { ThemedText } from "./text.js";
+export const Address = ({ account, theme, addressOrENS }) => {
+    const [copySuccess, setCopySuccess] = useState(false);
+    return (_jsxs(TouchableOpacity, { style: styles.addressContainer, onPress: () => {
+            // @ts-ignore - missing native types
+            Clipboard.setString(account.address);
+            setCopySuccess(true);
+            setTimeout(() => {
+                setCopySuccess(false);
+            }, 2500);
+        }, children: [_jsx(ThemedText, { theme: theme, type: "defaultSemiBold", children: addressOrENS }), _jsx(RNImage, { theme: theme, data: copySuccess ? CHECK : COPY_ICON, size: 15, color: copySuccess ? theme.colors.success : theme.colors.secondaryIconColor })] }));
+};
+const styles = StyleSheet.create({
+    addressContainer: {
+        flexDirection: "row",
+        gap: spacing.sm,
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=Address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/Address.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG5D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAgB,EAAE,EAAE;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAC9B,OAAO,EAAE,GAAG,EAAE;YACZ,oCAAoC;YACpC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrC,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,UAAU,CAAC,GAAG,EAAE;gBACd,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,aAED,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,iBAAiB,YAC7C,YAAY,GACF,EACb,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACrC,IAAI,EAAE,EAAE,EACR,KAAK,EACH,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,GAEtE,IACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { resolveScheme } from "../../../../utils/ipfs.js";
+import { useChainQuery } from "../../../core/hooks/others/useChainQuery.js";
+import { CHAIN_ICON } from "../icons/svgs.js";
+import { RNImage } from "./RNImage.js";
+export const ChainIcon = (props) => {
+    const chainQuery = useChainQuery(props.chain);
+    const data = useMemo(() => {
+        const url = chainQuery?.data?.icon?.url;
+        if (!url) {
+            return CHAIN_ICON;
+        }
+        try {
+            return resolveScheme({
+                uri: url,
+                client: props.client,
+            });
+        }
+        catch {
+            return CHAIN_ICON;
+        }
+    }, [props, chainQuery?.data?.icon?.url]);
+    return (_jsx(RNImage, { theme: props.theme, size: props.size, data: data, placeholder: CHAIN_ICON, color: props.theme.colors.secondaryIconColor }));
+};
+//# sourceMappingURL=ChainIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChainIcon.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/ChainIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AASvC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,GAAG,GAAG,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;QACxC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,IAAI,CAAC;YACH,OAAO,aAAa,CAAC;gBACnB,GAAG,EAAE,GAAG;gBACR,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB,CAAC,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,UAAU,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IACzC,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,UAAU,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,GAC5C,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { spacing } from "../../design-system/index.js";
+import { BACK_ICON, CLOSE_ICON } from "../icons/svgs.js";
+import { RNImage } from "./RNImage.js";
+import { ThemedText } from "./text.js";
+export function Header({ theme, title, onClose, onBack, containerType, }) {
+    if (containerType === "embed") {
+        return onBack ? (_jsxs(TouchableOpacity, { onPress: onBack, style: {
+                flexDirection: "row",
+                gap: spacing.sm,
+                alignItems: "center",
+                paddingTop: spacing.lg,
+            }, children: [_jsx(RNImage, { theme: theme, data: BACK_ICON, size: 14, color: theme.colors.secondaryIconColor }), _jsx(ThemedText, { theme: theme, type: "subtext", children: "Back" })] })) : null;
+    }
+    return (_jsxs(View, { style: styles.headerModal, children: [onBack && (_jsx(TouchableOpacity, { onPress: onBack, children: _jsx(RNImage, { theme: theme, data: BACK_ICON, size: 24, color: theme.colors.secondaryIconColor }) })), _jsx(ThemedText, { theme: theme, type: "title", children: title ? title : "Sign in" }), onClose && (_jsx(TouchableOpacity, { onPress: onClose, children: _jsx(RNImage, { theme: theme, data: CLOSE_ICON, size: 24, color: theme.colors.secondaryIconColor }) }))] }));
+}
+const styles = StyleSheet.create({
+    headerModal: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingHorizontal: spacing.lg,
+        paddingTop: spacing.lg,
+    },
+});
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAIvC,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,GAOd;IACC,IAAI,aAAa,KAAK,OAAO,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,MAAC,gBAAgB,IACf,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;gBACL,aAAa,EAAE,KAAK;gBACpB,GAAG,EAAE,OAAO,CAAC,EAAE;gBACf,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,OAAO,CAAC,EAAE;aACvB,aAED,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,GACtC,EACF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,SAAS,qBAE3B,IACI,CACpB,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,aAC5B,MAAM,IAAI,CACT,KAAC,gBAAgB,IAAC,OAAO,EAAE,MAAM,YAC/B,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,GACtC,GACe,CACpB,EACD,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,YACnC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GACf,EACZ,OAAO,IAAI,CACV,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAChC,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,GACtC,GACe,CACpB,IACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,iBAAiB,EAAE,OAAO,CAAC,EAAE;QAC7B,UAAU,EAAE,OAAO,CAAC,EAAE;KACvB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Image } from "react-native";
+import { SvgXml } from "react-native-svg";
+import { radius } from "../../design-system/index.js";
+import { Skeleton } from "./Skeleton.js";
+function getImage(data) {
+    if (data.startsWith("data:image/svg+xml;base64,")) {
+        const image = globalThis.atob(data.replace("data:image/svg+xml;base64,", ""));
+        return { image, type: "xml" };
+    }
+    if (data.startsWith("data:image/")) {
+        return { image: data, type: "image" };
+    }
+    if (data.startsWith("<svg")) {
+        return { image: data, type: "xml" };
+    }
+    return { image: data, type: "url" };
+}
+export const RNImage = (props) => {
+    const { data, size, color, placeholder } = props;
+    const [loading, setLoading] = useState(true);
+    if (!data) {
+        return null;
+    }
+    const { image, type } = useMemo(() => getImage(data), [data]);
+    switch (type) {
+        case "url":
+        case "image":
+            return (_jsxs(_Fragment, { children: [loading && (_jsx(Skeleton, { theme: props.theme, style: { width: size, height: size } })), _jsx(Image, { source: { uri: image }, loadingIndicatorSource: { uri: placeholder }, width: size, height: size, onLoadStart: () => setLoading(true), onLoadEnd: () => setLoading(false), style: [
+                            { borderRadius: radius.md, display: loading ? "none" : "flex" },
+                        ] })] }));
+        case "xml":
+            return _jsx(SvgXml, { xml: image, width: size, height: size, color: color });
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=RNImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RNImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/RNImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUzC,SAAS,QAAQ,CAAC,IAAY;IAI5B,IAAI,IAAI,CAAC,UAAU,CAAC,4BAA4B,CAAC,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAC3B,IAAI,CAAC,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAC/C,CAAC;QACF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC;IACD,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IACxC,CAAC;IACD,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACtC,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,CAAC;QACX,KAAK,OAAO;YACV,OAAO,CACL,8BACG,OAAO,IAAI,CACV,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GACpC,CACH,EACD,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EACtB,sBAAsB,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAC5C,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACnC,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAClC,KAAK,EAAE;4BACL,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;yBAChE,GACD,IACD,CACJ,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACzE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Dimensions, StyleSheet, View, } from "react-native";
+import { radius } from "../../design-system/index.js";
+const { width } = Dimensions.get("window");
+export const Skeleton = ({ style, color, theme, }) => {
+    const translateX = useRef(new Animated.Value(-width));
+    useEffect(() => {
+        const animation = Animated.loop(Animated.sequence([
+            Animated.timing(translateX.current, {
+                toValue: width,
+                duration: 2500,
+                useNativeDriver: true,
+            }),
+            Animated.timing(translateX.current, {
+                toValue: -width,
+                duration: 0,
+                useNativeDriver: true,
+            }),
+        ]));
+        animation.start();
+        return () => animation.stop();
+    }, []);
+    return (_jsxs(View, { style: [
+            styles.container,
+            { backgroundColor: color || theme.colors.borderColor },
+            style,
+        ], children: [_jsx(View, { style: styles.skeleton }), _jsx(Animated.View, { style: [
+                    styles.gradient,
+                    {
+                        transform: [{ translateX: translateX.current }],
+                    },
+                ], children: _jsx(View, { style: styles.innerGradient }) })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        overflow: "hidden",
+        borderRadius: radius.lg,
+    },
+    skeleton: {
+        height: "100%",
+        width: "100%",
+    },
+    gradient: {
+        position: "absolute",
+        top: 0,
+        bottom: 0,
+        width: "100%",
+    },
+    innerGradient: {
+        width: "100%",
+        height: "100%",
+        backgroundColor: "rgba(255,255,255,0.5)",
+        opacity: 0.3,
+        transform: [{ skewX: "-20deg" }],
+    },
+});
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,GAEL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAQ3C,MAAM,CAAC,MAAM,QAAQ,GAAkC,CAAC,EACtD,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAC7B,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE;gBAClC,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,IAAI;aACtB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE;gBAClC,OAAO,EAAE,CAAC,KAAK;gBACf,QAAQ,EAAE,CAAC;gBACX,eAAe,EAAE,IAAI;aACtB,CAAC;SACH,CAAC,CACH,CAAC;QACF,SAAS,CAAC,KAAK,EAAE,CAAC;QAElB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;YACtD,KAAK;SACN,aAED,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,EAChC,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;oBACL,MAAM,CAAC,QAAQ;oBACf;wBACE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;qBAChD;iBACF,YAED,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,GAAI,GACvB,IACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,MAAM,CAAC,EAAE;KACxB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,uBAAuB;QACxC,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACjC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { genericTokenIcon } from "../../../core/utils/socialIcons.js";
+import { ChainIcon } from "./ChainIcon.js";
+import { RNImage } from "./RNImage.js";
+// Note: Must not use useConnectUI here
+/**
+ * @internal
+ */
+export function TokenIcon(props) {
+    return props.token ? (_jsx(RNImage, { theme: props.theme, data: props.token?.icon || genericTokenIcon, size: props.size })) : (_jsx(ChainIcon, { ...props }));
+}
+//# sourceMappingURL=TokenIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenIcon.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/TokenIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,uCAAuC;AAEvC;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAMzB;IACC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,gBAAgB,EAC3C,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,OAAK,KAAK,GAAI,CACzB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { nativeLocalStorage } from "../../../../utils/storage/nativeStorage.js";
+import { getWalletInfo } from "../../../../wallets/__generated__/getWalletInfo.js";
+import { getStoredActiveWalletId } from "../../../../wallets/manager/index.js";
+import { getLastAuthProvider } from "../../../core/utils/storage.js";
+import { APPLE_ICON, EMAIL_ICON, FACEBOOK_ICON, GOOGLE_ICON, PHONE_ICON, WALLET_ICON, } from "../icons/svgs.js";
+import { RNImage } from "./RNImage.js";
+export const WalletImage = (props) => {
+    const { wallet, ensAvatar, size } = props;
+    const { data: imageData } = useQuery({
+        queryKey: ["wallet-image", wallet.id, wallet.getAccount()?.address],
+        queryFn: async () => {
+            let activeEOAId = wallet.id;
+            if (wallet.id === "smart") {
+                // TODO (rn) investigate why the first render this returns null from storage
+                const storedId = await getStoredActiveWalletId(nativeLocalStorage);
+                if (storedId) {
+                    activeEOAId = storedId;
+                }
+                else {
+                    throw new Error("No active EOA wallet");
+                }
+            }
+            let imageData;
+            if (activeEOAId === "inApp" &&
+                (wallet.id === "inApp" || wallet.id === "smart")) {
+                const lastAuthProvider = await getLastAuthProvider(nativeLocalStorage);
+                switch (lastAuthProvider) {
+                    case "phone":
+                        imageData = PHONE_ICON;
+                        break;
+                    case "email":
+                        imageData = EMAIL_ICON;
+                        break;
+                    case "google":
+                        imageData = GOOGLE_ICON;
+                        break;
+                    case "apple":
+                        imageData = APPLE_ICON;
+                        break;
+                    case "facebook":
+                        imageData = FACEBOOK_ICON;
+                        break;
+                    default:
+                        imageData = WALLET_ICON;
+                        break;
+                }
+                return imageData;
+            }
+            try {
+                const externalWalletImage = await getWalletInfo(activeEOAId, true);
+                if (externalWalletImage) {
+                    return externalWalletImage;
+                }
+            }
+            catch { }
+            return WALLET_ICON;
+        },
+        enabled: !ensAvatar,
+    });
+    const data = ensAvatar || imageData || WALLET_ICON;
+    return _jsx(RNImage, { theme: props.theme, data: data, size: size });
+};
+//# sourceMappingURL=WalletImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletImage.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/WalletImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAEnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAK3B,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;QACnE,OAAO,EAAE,KAAK,IAAqB,EAAE;YACnC,IAAI,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;gBAC1B,4EAA4E;gBAC5E,MAAM,QAAQ,GAAG,MAAM,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;gBACnE,IAAI,QAAQ,EAAE,CAAC;oBACb,WAAW,GAAG,QAAQ,CAAC;gBACzB,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;YACD,IAAI,SAAiB,CAAC;YACtB,IACE,WAAW,KAAK,OAAO;gBACvB,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO,IAAI,MAAM,CAAC,EAAE,KAAK,OAAO,CAAC,EAChD,CAAC;gBACD,MAAM,gBAAgB,GAAG,MAAM,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;gBACvE,QAAQ,gBAAgB,EAAE,CAAC;oBACzB,KAAK,OAAO;wBACV,SAAS,GAAG,UAAU,CAAC;wBACvB,MAAM;oBACR,KAAK,OAAO;wBACV,SAAS,GAAG,UAAU,CAAC;wBACvB,MAAM;oBACR,KAAK,QAAQ;wBACX,SAAS,GAAG,WAAW,CAAC;wBACxB,MAAM;oBACR,KAAK,OAAO;wBACV,SAAS,GAAG,UAAU,CAAC;wBACvB,MAAM;oBACR,KAAK,UAAU;wBACb,SAAS,GAAG,aAAa,CAAC;wBAC1B,MAAM;oBACR;wBACE,SAAS,GAAG,WAAW,CAAC;wBACxB,MAAM;gBACV,CAAC;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,IAAI,CAAC;gBACH,MAAM,mBAAmB,GAAG,MAAM,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;gBACnE,IAAI,mBAAmB,EAAE,CAAC;oBACxB,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;YACH,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;YAEV,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,OAAO,EAAE,CAAC,SAAS;KACpB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,IAAI,SAAS,IAAI,WAAW,CAAC;IACnD,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACjE,CAAC,CAAC"}

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

@@ -1,26 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet, TouchableOpacity, } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, TouchableOpacity, View, } from "react-native";
+import { radius, spacing } from "../../design-system/index.js";
+import { RNImage } from "./RNImage.js";
+import { ThemedText } from "./text.js";
 export function ThemedButton(props) {
     const variant = props.variant ?? "primary";
-    const bg = props.theme.colors.primaryButtonBg;
-    const { style: styleOverride, ...restProps } = props;
+    const { style: styleOverride, theme, ...restProps } = props;
     return (_jsx(TouchableOpacity, { activeOpacity: 0.5, style: [
             styles.button,
             {
-                borderColor: variant === "secondary" ? bg : "transparent",
+                borderColor: variant === "secondary" ? theme.colors.borderColor : "transparent",
                 borderWidth: variant === "secondary" ? 1 : 0,
-                backgroundColor: variant === "secondary" ? "transparent" : bg,
+                backgroundColor: variant === "secondary"
+                    ? "transparent"
+                    : variant === "accent"
+                        ? props.theme.colors.accentButtonBg
+                        : props.theme.colors.primaryButtonBg,
             },
             styleOverride,
         ], ...restProps, children: props.children }));
 }
+export function ThemedButtonWithIcon(props) {
+    const { theme, title, icon, onPress } = props;
+    return (_jsx(ThemedButton, { theme: theme, variant: "secondary", onPress: onPress, children: _jsxs(View, { style: {
+                flexDirection: "row",
+                gap: spacing.md,
+                paddingLeft: spacing.sm,
+                alignContent: "center",
+                width: "100%",
+            }, children: [_jsx(RNImage, { theme: theme, size: 24, data: icon }), _jsx(ThemedText, { theme: theme, children: title })] }) }));
+}
 const styles = StyleSheet.create({
     button: {
-        flex: 1,
         flexDirection: "row",
-        gap: 8,
-        padding: 12,
-        borderRadius: 6,
+        padding: spacing.md,
+        borderRadius: radius.lg,
         justifyContent: "center",
         alignItems: "center",
     },

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,GAEjB,MAAM,cAAc,CAAC;AAQtB,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IAC3C,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;IAC9C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACrD,OAAO,CACL,KAAC,gBAAgB,IACf,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,MAAM;YACb;gBACE,WAAW,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;gBACzD,WAAW,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC5C,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;aAC9D;YACD,aAAa;SACd,KACG,SAAS,YAEZ,KAAK,CAAC,QAAQ,GACE,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;QACN,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../../src/react/native/ui/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAEhB,IAAI,GACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAOvC,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5D,OAAO,CACL,KAAC,gBAAgB,IACf,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,MAAM;YACb;gBACE,WAAW,EACT,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;gBACpE,WAAW,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC5C,eAAe,EACb,OAAO,KAAK,WAAW;oBACrB,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,OAAO,KAAK,QAAQ;wBACpB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;wBACnC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;aAC3C;YACD,aAAa;SACd,KACG,SAAS,YAEZ,KAAK,CAAC,QAAQ,GACE,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,KAGC;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,YAC9D,MAAC,IAAI,IACH,KAAK,EAAE;gBACL,aAAa,EAAE,KAAK;gBACpB,GAAG,EAAE,OAAO,CAAC,EAAE;gBACf,WAAW,EAAE,OAAO,CAAC,EAAE;gBACvB,YAAY,EAAE,QAAQ;gBACtB,KAAK,EAAE,MAAM;aACd,aAED,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,EAC/C,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAc,IACzC,GACM,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,OAAO,CAAC,EAAE;QACnB,YAAY,EAAE,MAAM,CAAC,EAAE;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

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

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

package/dist/esm/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":"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"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { spacing } from "../../design-system/index.js";
+export function Spacer({ size }) {
+    return _jsx(View, { style: { height: spacing[size] } });
+}
+//# sourceMappingURL=spacer.js.map