thirdweb 5.86.7-nightly-f5f8a40320d5d768d5866813f53ee4880bdf7851-20250129000319 → 5.87.1

package/dist/cjs/react/native/ui/prebuilt/Account/balance.js

@@ -0,0 +1,130 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountBalance = AccountBalance;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_native_1 = require("react-native");
+const useActiveWalletChain_js_1 = require("../../../../../react/core/hooks/wallets/useActiveWalletChain.js");
+const address_js_1 = require("../../../../../utils/address.js");
+const provider_js_1 = require("../../../../core/account/provider.js");
+const account_js_1 = require("../../../../core/utils/account.js");
+const account_js_2 = require("../../../../core/utils/account.js");
+/**
+ * This component fetches and shows the balance of the wallet address on a given chain.
+ * It inherits all the attributes of a HTML <span> component, hence you can style it just like how you would style a normal <span>
+ *
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { AccountProvider, AccountBalance } from "thirdweb/react";
+ * import { ethereum } from "thirdweb/chains";
+ *
+ * <AccountProvider address="0x...">
+ *   <AccountBalance chain={ethereum} />
+ * </AccountProvider>
+ * ```
+ * Result:
+ * ```html
+ * <span>1.091435 ETH</span>
+ * ```
+ *
+ *
+ * ### Format the balance (round up, shorten etc.)
+ * The AccountBalance component accepts a `formatFn` which takes in an object of type `AccountBalanceInfo` and outputs a string
+ * The function is used to modify the display value of the wallet balance (either in crypto or fiat)
+ *
+ * ```tsx
+ * import type { AccountBalanceInfo } from "thirdweb/react";
+ * import { formatNumber } from "thirdweb/utils";
+ *
+ * const format = (props: AccountInfoBalance):string => `${formatNumber(props.balance, 1)} ${props.symbol.toLowerCase()}`
+ *
+ * <AccountBalance formatFn={format} />
+ * ```
+ *
+ * Result:
+ * ```html
+ * <span>1.1 eth</span> // the balance is rounded up to 1 decimal and the symbol is lowercased
+ * ```
+ *
+ * ### Show a loading sign when the balance is being fetched
+ * ```tsx
+ * import { AccountProvider, AccountBalance } from "thirdweb/react";
+ *
+ * <AccountProvider address="0x...">
+ *   <AccountBalance
+ *     chain={ethereum}
+ *     loadingComponent={<Spinner />}
+ *   />
+ * </AccountProvider>
+ * ```
+ *
+ * ### Fallback to something when the balance fails to resolve
+ * ```tsx
+ * <AccountProvider address="0x...">
+ *   <AccountBalance
+ *     chain={nonExistentChain}
+ *     fallbackComponent={"Failed to load"}
+ *   />
+ * </AccountProvider>
+ * ```
+ *
+ * ### Custom query options for useQuery
+ * This component uses `@tanstack-query`'s useQuery internally.
+ * You can use the `queryOptions` prop for more fine-grained control
+ * ```tsx
+ * <AccountBalance
+ *   queryOptions={{
+ *     enabled: isEnabled,
+ *     retry: 4,
+ *   }}
+ * />
+ * ```
+ *
+ * @component
+ * @wallet
+ * @beta
+ */
+function AccountBalance({ chain, tokenAddress, loadingComponent, fallbackComponent, queryOptions, formatFn, showBalanceInFiat, ...restProps }) {
+    const { address, client } = (0, provider_js_1.useAccountContext)();
+    const walletChain = (0, useActiveWalletChain_js_1.useActiveWalletChain)();
+    const chainToLoad = chain || walletChain;
+    const balanceQuery = (0, react_query_1.useQuery)({
+        queryKey: [
+            "internal_account_balance",
+            chainToLoad?.id || -1,
+            address,
+            { tokenAddress },
+            showBalanceInFiat,
+        ],
+        queryFn: async () => (0, account_js_1.loadAccountBalance)({
+            chain: chainToLoad,
+            client,
+            address: (0, address_js_1.getAddress)(address),
+            tokenAddress: tokenAddress ? (0, address_js_1.getAddress)(tokenAddress) : undefined,
+            showBalanceInFiat,
+        }),
+        retry: false,
+        ...queryOptions,
+    });
+    if (balanceQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (balanceQuery.data === undefined) {
+        return fallbackComponent || null;
+    }
+    // Prioritize using the formatFn from users
+    if (formatFn) {
+        return (0, jsx_runtime_1.jsx)(react_native_1.Text, { ...restProps, children: formatFn(balanceQuery.data) });
+    }
+    if (showBalanceInFiat) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ...restProps, children: (0, account_js_1.formatAccountFiatBalance)({ ...balanceQuery.data, decimals: 2 }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ...restProps, children: (0, account_js_2.formatAccountTokenBalance)({
+            ...balanceQuery.data,
+            decimals: balanceQuery.data.balance < 1 ? 3 : 2,
+        }) }));
+}
+//# sourceMappingURL=balance.js.map

package/dist/cjs/react/native/ui/prebuilt/Account/balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"balance.js","sourceRoot":"","sources":["../../../../../../../src/react/native/ui/prebuilt/Account/balance.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA8Jb,wCA8DC;;AA1ND,uDAAuE;AACvE,+CAAoD;AAGpD,6GAAuG;AACvG,gEAA6D;AAC7D,sEAAyE;AACzE,kEAI2C;AAC3C,kEAA8E;AAmE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,SAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,GAAG,SAAS,EACQ;IACpB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAiB,GAAE,CAAC;IAChD,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAC3C,MAAM,WAAW,GAAG,KAAK,IAAI,WAAW,CAAC;IACzC,MAAM,YAAY,GAAG,IAAA,sBAAQ,EAAC;QAC5B,QAAQ,EAAE;YACR,0BAA0B;YAC1B,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;YACrB,OAAO;YACP,EAAE,YAAY,EAAE;YAChB,iBAAiB;SACT;QACV,OAAO,EAAE,KAAK,IAAiC,EAAE,CAC/C,IAAA,+BAAkB,EAAC;YACjB,KAAK,EAAE,WAAW;YAClB,MAAM;YACN,OAAO,EAAE,IAAA,uBAAU,EAAC,OAAO,CAAC;YAC5B,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAA,uBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS;YACjE,iBAAiB;SAClB,CAAC;QACJ,KAAK,EAAE,KAAK;QACZ,GAAG,YAAY;KAChB,CAAC,CAAC;IAEH,IAAI,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,2CAA2C;IAC3C,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,uBAAC,mBAAI,OAAK,SAAS,YAAG,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,GAAQ,CAAC;IACnE,CAAC;IAED,IAAI,iBAAiB,EAAE,CAAC;QACtB,OAAO,CACL,uBAAC,mBAAI,OAAK,SAAS,YAChB,IAAA,qCAAwB,EAAC,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAC3D,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,mBAAI,OAAK,SAAS,YAChB,IAAA,sCAAyB,EAAC;YACzB,GAAG,YAAY,CAAC,IAAI;YACpB,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChD,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/cjs/react/native/ui/prebuilt/Account/blobbie.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountBlobbie = AccountBlobbie;
+exports.Blobbie = Blobbie;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("@noble/curves/abstract/utils");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const provider_js_1 = require("../../../../core/account/provider.js");
+const account_js_1 = require("../../../../core/utils/account.js");
+/**
+ * A wrapper for the Blobbie component
+ * @param props BlobbieProps
+ * @beta
+ * @wallet
+ */
+function AccountBlobbie(props) {
+    const { address } = (0, provider_js_1.useAccountContext)();
+    return (0, jsx_runtime_1.jsx)(Blobbie, { ...props, address: address });
+}
+/**
+ * A unique gradient avatar based on the provided address.
+ * @param props The component props.
+ * @param props.address The address to generate the gradient with.
+ * @param props.style The style for the component
+ * @param props.size The size of each side of the square avatar (in pixels)
+ * @component
+ * @wallet
+ * @example
+ * ```tsx
+ * import { Blobbie } from "thirdweb/react";
+ *
+ * <Blobbie address="0x...." style={{ width: 40, height: 40 }} />
+ * ```
+ */
+function Blobbie(props) {
+    const colors = (0, react_1.useMemo)(() => account_js_1.COLOR_OPTIONS[Number((0, utils_1.hexToNumber)(props.address.slice(2, 4))) % account_js_1.COLOR_OPTIONS.length], [props.address]);
+    const containerStyle = (0, react_1.useMemo)(() => {
+        const baseStyle = props.style || {};
+        if (props.size) {
+            return {
+                ...baseStyle,
+                width: props.size,
+                height: props.size,
+            };
+        }
+        return baseStyle;
+    }, [props.style, props.size]);
+    const gradientUniqueId = `grad${colors[0]}+${colors[1]}`.replace(/[^a-zA-Z0-9 ]/g, "");
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, containerStyle], children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.Svg, { height: "100%", width: "100%", style: react_native_1.StyleSheet.absoluteFillObject, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient, { id: gradientUniqueId, x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "0", stopColor: colors[0] }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "1", stopColor: colors[1] })] }) }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Rect, { width: "100%", height: "100%", fill: `url(#${gradientUniqueId})` })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        overflow: "hidden",
+    },
+});
+//# sourceMappingURL=blobbie.js.map

package/dist/cjs/react/native/ui/prebuilt/Account/blobbie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blobbie.js","sourceRoot":"","sources":["../../../../../../../src/react/native/ui/prebuilt/Account/blobbie.tsx"],"names":[],"mappings":";;AAsBA,wCAGC;AAiBD,0BA6CC;;AAvFD,wDAA2D;AAC3D,iCAAgC;AAChC,+CAAgE;AAChE,uDAAyE;AACzE,sEAAyE;AACzE,kEAAkE;AAWlE;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,KAAoC;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,+BAAiB,GAAE,CAAC;IACxC,OAAO,uBAAC,OAAO,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAClD,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CACH,0BAAa,CACX,MAAM,CAAC,IAAA,mBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,0BAAa,CAAC,MAAM,CAClD,EACvB,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QACpC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;gBACL,GAAG,SAAS;gBACZ,KAAK,EAAE,KAAK,CAAC,IAAI;gBACjB,MAAM,EAAE,KAAK,CAAC,IAAI;aACnB,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9B,MAAM,gBAAgB,GAAG,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAC9D,gBAAgB,EAChB,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,YAC7C,wBAAC,sBAAG,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,yBAAU,CAAC,kBAAkB,aAClE,uBAAC,uBAAI,cACH,wBAAC,iCAAc,IACb,EAAE,EAAE,gBAAgB,EACpB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,IAAI,aAEP,uBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,EACzC,uBAAC,uBAAI,IAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,IAC1B,GACZ,EACP,uBAAC,uBAAI,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,gBAAgB,GAAG,GAAI,IAClE,GACD,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}

package/dist/cjs/react/native/ui/prebuilt/Account/name.js

@@ -0,0 +1,113 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountName = AccountName;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_native_1 = require("react-native");
+const resolve_name_js_1 = require("../../../../../extensions/ens/resolve-name.js");
+const profiles_js_1 = require("../../../../../social/profiles.js");
+const provider_js_1 = require("../../../../core/account/provider.js");
+/**
+ * This component is used to display the name of the account.
+ * A "name" in this context is the username, or account of the social profiles that the wallet may have.
+ * In case a name is not found or failed to resolve, you can always fallback to displaying the wallet address instead by using the `fallbackComponent` prop.
+ *
+ * This component inherits all attribute of a native HTML <span> element, so you can style it just like how you would style a <span>.
+ *
+ * @param props
+ * @returns A `<span>` containing the name of the account
+ * ```html
+ * <span>{name}</span>
+ * ```
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { AccountProvider, AccountName } from "thirdweb/react";
+ *
+ * <AccountProvider address="0x1234...3f3f" client={client}>
+ *   <AccountName />
+ * </AccountProvider>
+ * ```
+ *
+ * ### Show wallet address while social name is being loaded
+ * ```tsx
+ * <AccountName
+ *   loadingComponent={<AccountAddress />}
+ * />
+ * ```
+ *
+ *
+ * ### Fallback to showing wallet address if fail to resolve social name
+ * ```tsx
+ * <AccountName
+ *   fallbackComponent={<AccountAddress />}
+ * />
+ * ```
+ *
+ * ### Transform the account name using `formatFn` prop
+ * ```tsx
+ * import { isAddress, shortenAddress } from "thirdweb/utils";
+ * import { AccountProvider, AccountName } from "thirdweb/react";
+ *
+ * // Let's say we want the name to be capitalized without using CSS
+ * const formatName = (name: string) => name.toUpperCase();
+ *
+ * return <AccountName formatFn={formatName} />
+ * ```
+ *
+ *
+ * ### Custom query options for useQuery
+ * This component uses `@tanstack-query`'s useQuery internally.
+ * You can use the `queryOptions` prop for more fine-grained control
+ * ```tsx
+ * <AccountName
+ *   queryOptions={{
+ *     enabled: isEnabled,
+ *     retry: 3
+ *   }}
+ * />
+ * ```
+ *
+ * @component
+ * @wallet
+ * @beta
+ */
+function AccountName({ resolverAddress, resolverChain, socialType, formatFn, queryOptions, loadingComponent, fallbackComponent, ...restProps }) {
+    const { address, client } = (0, provider_js_1.useAccountContext)();
+    const nameQuery = (0, react_query_1.useQuery)({
+        queryKey: [
+            "account-name",
+            address,
+            { socialType },
+            { resolverAddress, resolverChain },
+        ],
+        queryFn: async () => {
+            const [socialData, ensName] = await Promise.all([
+                (0, profiles_js_1.getSocialProfiles)({ address, client }),
+                (0, resolve_name_js_1.resolveName)({
+                    client,
+                    address,
+                    resolverAddress,
+                    resolverChain,
+                }),
+            ]);
+            const name = socialData?.filter((p) => p.name && (socialType ? p.type === socialType : true))[0]?.name || ensName;
+            if (!name) {
+                throw new Error("Failed to resolve account name");
+            }
+            return formatFn ? formatFn(name) : name;
+        },
+        retry: false,
+        ...queryOptions,
+    });
+    if (nameQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!nameQuery.data) {
+        return fallbackComponent || null;
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.Text, { ...restProps, children: nameQuery.data });
+}
+//# sourceMappingURL=name.js.map

package/dist/cjs/react/native/ui/prebuilt/Account/name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name.js","sourceRoot":"","sources":["../../../../../../../src/react/native/ui/prebuilt/Account/name.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA+Hb,kCAoDC;;AAjLD,uDAAuE;AACvE,+CAAoD;AACpD,mFAGuD;AACvD,mEAAsE;AAEtE,sEAAyE;AAmDzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,SAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,SAAS,EACK;IACjB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAiB,GAAE,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAQ,EAAC;QACzB,QAAQ,EAAE;YACR,cAAc;YACd,OAAO;YACP,EAAE,UAAU,EAAE;YACd,EAAE,eAAe,EAAE,aAAa,EAAE;SACnC;QACD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBAC9C,IAAA,+BAAiB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACtC,IAAA,6BAAW,EAAC;oBACV,MAAM;oBACN,OAAO;oBACP,eAAe;oBACf,aAAa;iBACd,CAAC;aACH,CAAC,CAAC;YAEH,MAAM,IAAI,GACR,UAAU,EAAE,MAAM,CAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAC7D,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,OAAO,CAAC;YAExB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1C,CAAC;QACD,KAAK,EAAE,KAAK;QACZ,GAAG,YAAY;KAChB,CAAC,CAAC;IAEH,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,OAAO,uBAAC,mBAAI,OAAK,SAAS,YAAG,SAAS,CAAC,IAAI,GAAQ,CAAC;AACtD,CAAC"}

package/dist/cjs/react/native/ui/prebuilt/Wallet/icon.js

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletIcon = WalletIcon;
+exports.SocialIcon = SocialIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const walletIcon_js_1 = require("../../../../core/utils/walletIcon.js");
+const WalletImage_js_1 = require("../../components/WalletImage.js");
+/**
+ * This component tries to resolve the icon of a given wallet, then return an image.
+ * @returns an <img /> with the src of the wallet icon
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { WalletProvider, WalletIcon } from "thirdweb/react";
+ *
+ * <WalletProvider id="io.metamask">
+ *   <WalletIcon />
+ * </WalletProvider>
+ * ```
+ *
+ * Result: An <img /> component with the src of the icon
+ * ```html
+ * <img src="metamask-icon.png" />
+ * ```
+ *
+ * ### Show a loading sign while the icon is being loaded
+ * ```tsx
+ * <WalletIcon loadingComponent={<Spinner />} />
+ * ```
+ *
+ * ### Fallback to a dummy image if the wallet icon fails to resolve
+ * ```tsx
+ * <WalletIcon fallbackComponent={<img src="blank-image.png" />} />
+ * ```
+ *
+ * ### Usage with queryOptions
+ * WalletIcon uses useQuery() from tanstack query internally.
+ * It allows you to pass a custom queryOptions of your choice for more control of the internal fetching logic
+ * ```tsx
+ * <WalletIcon queryOptions={{ enabled: someLogic, retry: 3, }} />
+ * ```
+ *
+ * @component
+ * @wallet
+ * @beta
+ */
+function WalletIcon({ loadingComponent, fallbackComponent, queryOptions, ...restProps }) {
+    const imageQuery = (0, walletIcon_js_1.useWalletIcon)({ queryOptions });
+    if (imageQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!imageQuery.data) {
+        return fallbackComponent || null;
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: imageQuery.data }, ...restProps });
+}
+/**
+ * Social auth provider icon
+ * @returns an <img /> component with the src set to the svg
+ *
+ * @example
+ * ```tsx
+ * import { SocialIcon } from "thirdweb/react";
+ *
+ * <SocialIcon provider="google" />
+ * ```
+ *
+ * Result: An <img /> component with the src of the icon
+ * ```html
+ * <img src="google-icon-svg" />
+ * ```
+ *
+ * @component
+ * @wallet
+ * @beta
+ */
+function SocialIcon({ provider, ...restProps }) {
+    const src = (0, WalletImage_js_1.getAuthProviderImage)(provider);
+    return (0, jsx_runtime_1.jsx)(react_native_svg_1.SvgXml, { xml: src, ...restProps });
+}
+//# sourceMappingURL=icon.js.map

package/dist/cjs/react/native/ui/prebuilt/Wallet/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../src/react/native/ui/prebuilt/Wallet/icon.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgFb,gCAcC;AA0BD,gCAGC;;AAxHD,+CAAsD;AACtD,uDAAyD;AAEzD,wEAAqE;AACrE,oEAAuE;AAiCvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAgB,UAAU,CAAC,EACzB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,GAAG,SAAS,EACI;IAChB,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IACnD,IAAI,UAAU,CAAC,SAAS,EAAE,CAAC;QACzB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACrB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IACD,OAAO,uBAAC,oBAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,KAAM,SAAS,GAAI,CAAC;AACpE,CAAC;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAmB;IACpE,MAAM,GAAG,GAAG,IAAA,qCAAoB,EAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,uBAAC,yBAAM,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAAC;AAC7C,CAAC"}

package/dist/cjs/react/native/ui/prebuilt/Wallet/name.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletName = WalletName;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const walletname_js_1 = require("../../../../core/utils/walletname.js");
+/**
+ * This component fetches then shows the name of a wallet.
+ * It inherits all the attributes of a HTML <span> component, hence you can style it just like how you would style a normal <span>
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { WalletProvider, WalletName } from "thirdweb/react";
+ *
+ * <WalletProvider id="io.metamask">
+ *   <WalletName  />
+ * </WalletProvider>
+ * ```
+ * Result:
+ * ```html
+ * <span>MetaMask</span>
+ * ```
+ *
+ * ### Show a loading sign when the name is being fetched
+ * ```tsx
+ * import { WalletProvider, WalletName } from "thirdweb/react";
+ *
+ * <WalletProvider {...props}>
+ *   <WalletName loadingComponent={<Spinner />} />
+ * </WalletProvider>
+ * ```
+ *
+ * ### Fallback to something when the name fails to resolve
+ * ```tsx
+ * <WalletProvider {...props}>
+ *   <WalletName fallbackComponent={<span>Failed to load</span>} />
+ * </WalletProvider>
+ * ```
+ *
+ * ### Custom query options for useQuery
+ * This component uses `@tanstack-query`'s useQuery internally.
+ * You can use the `queryOptions` prop for more fine-grained control
+ * ```tsx
+ * <WalletName
+ *   queryOptions={{
+ *     enabled: isEnabled,
+ *     retry: 4,
+ *   }}
+ * />
+ * @component
+ * @beta
+ * @wallet
+ */
+function WalletName({ loadingComponent, fallbackComponent, queryOptions, formatFn, ...restProps }) {
+    const nameQuery = (0, walletname_js_1.useWalletName)({ queryOptions, formatFn });
+    if (nameQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!nameQuery.data) {
+        return fallbackComponent || null;
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.Text, { ...restProps, children: nameQuery.data });
+}
+//# sourceMappingURL=name.js.map

package/dist/cjs/react/native/ui/prebuilt/Wallet/name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name.js","sourceRoot":"","sources":["../../../../../../../src/react/native/ui/prebuilt/Wallet/name.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgGb,gCAeC;;AA5GD,+CAAoD;AACpD,wEAAqE;AA4CrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,SAAgB,UAAU,CAAC,EACzB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,GAAG,SAAS,EACI;IAChB,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5D,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IACD,OAAO,uBAAC,mBAAI,OAAK,SAAS,YAAG,SAAS,CAAC,IAAI,GAAQ,CAAC;AACtD,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/Blobbie.js

@@ -5,23 +5,7 @@ exports.Blobbie = Blobbie;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@noble/curves/abstract/utils");
 const react_1 = require("react");
-const COLOR_OPTIONS = [
-    ["#fca5a5", "#b91c1c"],
-    ["#fdba74", "#c2410c"],
-    ["#fcd34d", "#b45309"],
-    ["#fde047", "#a16207"],
-    ["#a3e635", "#4d7c0f"],
-    ["#86efac", "#15803d"],
-    ["#67e8f9", "#0e7490"],
-    ["#7dd3fc", "#0369a1"],
-    ["#93c5fd", "#1d4ed8"],
-    ["#a5b4fc", "#4338ca"],
-    ["#c4b5fd", "#6d28d9"],
-    ["#d8b4fe", "#7e22ce"],
-    ["#f0abfc", "#a21caf"],
-    ["#f9a8d4", "#be185d"],
-    ["#fda4af", "#be123c"],
-];
+const account_js_1 = require("../../../core/utils/account.js");
 /**
  * A unique gradient avatar based on the provided address.
  * @param props The component props.
@@ -40,7 +24,7 @@ const COLOR_OPTIONS = [
  */
 function Blobbie(props) {
     const id = (0, react_1.useId)();
-    const colors = (0, react_1.useMemo)(() => COLOR_OPTIONS[Number((0, utils_1.hexToNumber)(props.address.slice(2, 4))) % COLOR_OPTIONS.length], [props.address]);
+    const colors = (0, react_1.useMemo)(() => account_js_1.COLOR_OPTIONS[Number((0, utils_1.hexToNumber)(props.address.slice(2, 4))) % account_js_1.COLOR_OPTIONS.length], [props.address]);
     return ((0, jsx_runtime_1.jsx)("div", { id: id, style: {
             ...props.style,
             backgroundImage: `radial-gradient(ellipse at left bottom, ${colors[0]}, ${colors[1]})`,

package/dist/cjs/react/web/ui/ConnectWallet/Blobbie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blobbie.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/Blobbie.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiDb,0BA0BC;;AA1ED,wDAA2D;AAC3D,iCAAuC;AAEvC,MAAM,aAAa,GAAG;IACpB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;CACvB,CAAC;AAaF;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CACH,aAAa,CACX,MAAM,CAAC,IAAA,mBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAClD,EACvB,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;YACL,GAAG,KAAK,CAAC,KAAK;YACd,eAAe,EAAE,2CAA2C,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;YACtF,GAAG,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC;oBACE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;oBACxB,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;iBAC1B;gBACH,CAAC,CAAC,SAAS,CAAC;SACf,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Blobbie.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/Blobbie.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgCb,0BA0BC;;AAzDD,wDAA2D;AAC3D,iCAAuC;AACvC,+DAA+D;AAa/D;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CACH,0BAAa,CACX,MAAM,CAAC,IAAA,mBAAW,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,0BAAa,CAAC,MAAM,CAClD,EACvB,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;YACL,GAAG,KAAK,CAAC,KAAK;YACd,eAAe,EAAE,2CAA2C,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;YACtF,GAAG,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC;oBACE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;oBACxB,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;iBAC1B;gBACH,CAAC,CAAC,SAAS,CAAC;SACf,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js

@@ -6,6 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_1 = require("@emotion/styled");
 const react_1 = require("react");
 const defaultWallets_js_1 = require("../../../../wallets/defaultWallets.js");
+const provider_js_1 = require("../../../core/account/provider.js");
 const index_js_1 = require("../../../core/design-system/index.js");
 const useSiweAuth_js_1 = require("../../../core/hooks/auth/useSiweAuth.js");
 const useActiveAccount_js_1 = require("../../../core/hooks/wallets/useActiveAccount.js");
@@ -22,7 +23,6 @@ const Spinner_js_1 = require("../components/Spinner.js");
 const basic_js_1 = require("../components/basic.js");
 const buttons_js_1 = require("../components/buttons.js");
 const animations_js_1 = require("../design-system/animations.js");
-const provider_js_1 = require("../prebuilt/Account/provider.js");
 const Details_js_1 = require("./Details.js");
 const ConnectModal_js_1 = require("./Modal/ConnectModal.js");
 const LockIcon_js_1 = require("./icons/LockIcon.js");

package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/ConnectButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA+Rb,sCA2GC;;AAxYD,4CAAqC;AACrC,iCAAqD;AACrD,6EAA0E;AAC1E,mEAAgE;AAChE,4EAAsE;AAEtE,yFAAmF;AACnF,uFAAiF;AACjF,uHAAiH;AACjH,yFAAqF;AACrF,2EAAqE;AACrE,+FAGsD;AACtD,uEAAiE;AACjE,2FAAqF;AACrF,kEAA4D;AAC5D,qDAA+C;AAC/C,yDAAmD;AACnD,qDAAmD;AACnD,yDAAkD;AAClD,kEAAiE;AACjE,iEAAkE;AAClE,6CAAsD;AACtD,6DAAmD;AACnD,qDAA+C;AAC/C,sEAAgE;AAEhE,qEAA+D;AAE/D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2PG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,KAAK,CAAC,OAAO;QACb,IAAA,qCAAiB,EAAC;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,EACJ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CACjD,CAAC;IACF,MAAM,WAAW,GAAG,IAAA,sCAAgB,EAAC,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC;IAC9D,MAAM,iBAAiB,GAAG,IAAA,4CAAoB,GAAE,CAAC;IAEjD,IAAA,wDAAyB,EAAC;QACxB,OAAO;QACP,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAC;IAEH,2DAA2D;IAC3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,iBAAiB,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,OAAO,CAAC,IAAA,oCAAe,GAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAC/C,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,IAAI,SAAS,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/C,MAAM,cAAc,GAClB,KAAK,CAAC,kBAAkB,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEtE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,KAAK,KAAK,IAAI,CACrD,uBAAC,4BAAW,IACV,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,OAAO,KAAK,CAAC,WAAW,KAAK,SAAS;YACpC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,EAEhC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;QACzF,OAAO,CACL,wBAAC,cAAc,IACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;aAC9B,aAEA,eAAe,EAChB,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,IAChC,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,qDAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,aACvD,uBAAC,kBAAkB,OAAK,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,IAAI,GAAI,EAClE,uBAAC,yBAAY,IACX,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAE;oBACJ,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK;oBAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS;oBAC3C,oBAAoB,EAAE,KAAK,CAAC,YAAY,EAAE,oBAAoB;oBAC9D,iBAAiB,EAAE,KAAK,CAAC,YAAY,EAAE,iBAAiB;oBACxD,gBAAgB,EAAE,KAAK,CAAC,YAAY,EAAE,gBAAgB;oBACtD,eAAe,EAAE,KAAK,CAAC,YAAY,EAAE,eAAe;iBACrD,EACD,aAAa,EAAE,KAAK,CAAC,YAAY,EAAE,aAAa,EAChD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,OAAO,EACjC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,OAAO,EAAE,OAAO,GAChB,EACD,eAAe,IACO,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAEC;IAED,MAAM,YAAY,GAAG,IAAA,oCAAe,GAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAA,4BAAW,EAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpE,gFAAgF;IAChF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC;IACpC,MAAM,gBAAgB,GAAG,IAAA,oEAA+B,GAAE,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;IAEnC,MAAM,SAAS,GAAG,gBAAgB,KAAK,YAAY,CAAC;IAEpD,MAAM,kBAAkB,GACtB,KAAK,CAAC,aAAa,EAAE,KAAK,IAAI,MAAM,CAAC,kBAAkB,CAAC;IAE1D,MAAM,oBAAoB,GAAG,IAAA,sDAAuB,GAAE,CAAC;IAEvD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,MAAM,GAAG,EAAE,GAAG,gCAAa,EAAE,CAAC;QACpC,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;YACtC,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,wBAAwB;QACxB,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;QACzF,OAAO,CACL,uBAAC,cAAc,IACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,iBAAiB,gBAChB,KAAK,qBACA,SAAS,EAC1B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;aAC9B,gBAEC,gBAAgB,KAAK,YAAY;gBAC/B,CAAC,CAAC,MAAM,CAAC,UAAU;gBACnB,CAAC,CAAC,OAAO,kBAAkB,KAAK,QAAQ;oBACtC,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,MAAM,CAAC,kBAAkB,EAEjC,OAAO,EAAE,GAAG,EAAE;gBACZ,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,eACS,uBAAuB,YAEhC,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,kBAAkB,CACnB,GACc,CAClB,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,2BAA2B;QAC3B,6FAA6F;QAC7F,IAAI,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;YACxE,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;YACzF,OAAO,CACL,uBAAC,cAAc,IACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,MAAM,EAAE,MAAM;oBACd,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;iBAC9B,YAED,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,GAChC,CAClB,CAAC;QACJ,CAAC;QACD,8DAA8D;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,CACL,6DACE,uBAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,qBAAqB,CAAC,IAAI,CAAC,CAAC;wBAC9B,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EACxC,KAAK,EAAE;4BACL,QAAQ,EAAE,OAAO;4BACjB,SAAS,EAAE,MAAM;4BACjB,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK;yBAC7B,YAEA,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CACtB,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,aACvC,uBAAC,sBAAQ,IAAC,IAAI,EAAE,mBAAQ,CAAC,EAAE,GAAI,EAC/B,kDAAQ,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,SAAS,IACjD,CACb,GACM,EACT,uBAAC,gBAAK,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,qBAAqB,YAE9B,uBAAC,oCAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,KAAK,CAAC,YAAY,EAAE,iBAAiB,EACxD,gBAAgB,EAAE,KAAK,CAAC,YAAY,EAAE,gBAAgB,EACtD,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,GACI,IACP,CACJ,CAAC;QACJ,CAAC;QACD,qCAAqC;IACvC,CAAC;IAED,OAAO,CACL,uBAAC,6BAAe,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnE,uBAAC,mCAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,iCAAiC;gBACjC,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;oBAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACtB,CAAC;gBACD,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,EACD,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE;gBACd,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gBAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gBAC5C,cAAc,EAAE,KAAK,CAAC,cAAc;gBACpC,aAAa,EAAE,KAAK,CAAC,aAAa;gBAClC,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,aAAa,EAAE,KAAK,CAAC,YAAY,EAAE,aAAa;aACjD,GACD,GACc,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC;IACpD,SAAS,EAAE,GAAG,+BAAe,aAAa;CAC3C,CAAC,CAAC"}
+{"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/ConnectButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA+Rb,sCA2GC;;AAxYD,4CAAqC;AACrC,iCAAqD;AACrD,6EAA0E;AAC1E,mEAAoE;AACpE,mEAAgE;AAChE,4EAAsE;AAEtE,yFAAmF;AACnF,uFAAiF;AACjF,uHAAiH;AACjH,yFAAqF;AACrF,2EAAqE;AACrE,+FAGsD;AACtD,uEAAiE;AACjE,2FAAqF;AACrF,kEAA4D;AAC5D,qDAA+C;AAC/C,yDAAmD;AACnD,qDAAmD;AACnD,yDAAkD;AAClD,kEAAiE;AACjE,6CAAsD;AACtD,6DAAmD;AACnD,qDAA+C;AAC/C,sEAAgE;AAEhE,qEAA+D;AAE/D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2PG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,KAAK,CAAC,OAAO;QACb,IAAA,qCAAiB,EAAC;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB,CAAC,EACJ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CACjD,CAAC;IACF,MAAM,WAAW,GAAG,IAAA,sCAAgB,EAAC,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC;IAC9D,MAAM,iBAAiB,GAAG,IAAA,4CAAoB,GAAE,CAAC;IAEjD,IAAA,wDAAyB,EAAC;QACxB,OAAO;QACP,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAC;IAEH,2DAA2D;IAC3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,iBAAiB,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,OAAO,CAAC,IAAA,oCAAe,GAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAC/C,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,IAAI,SAAS,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/C,MAAM,cAAc,GAClB,KAAK,CAAC,kBAAkB,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEtE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,KAAK,KAAK,IAAI,CACrD,uBAAC,4BAAW,IACV,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,OAAO,KAAK,CAAC,WAAW,KAAK,SAAS;YACpC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,OAAO,EAEhC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;QACzF,OAAO,CACL,wBAAC,cAAc,IACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;aAC9B,aAEA,eAAe,EAChB,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,IAChC,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,qDAAsB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,aACvD,uBAAC,kBAAkB,OAAK,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,IAAI,GAAI,EAClE,uBAAC,yBAAY,IACX,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAE;oBACJ,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK;oBAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS;oBAC3C,oBAAoB,EAAE,KAAK,CAAC,YAAY,EAAE,oBAAoB;oBAC9D,iBAAiB,EAAE,KAAK,CAAC,YAAY,EAAE,iBAAiB;oBACxD,gBAAgB,EAAE,KAAK,CAAC,YAAY,EAAE,gBAAgB;oBACtD,eAAe,EAAE,KAAK,CAAC,YAAY,EAAE,eAAe;iBACrD,EACD,aAAa,EAAE,KAAK,CAAC,YAAY,EAAE,aAAa,EAChD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,OAAO,EACjC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,OAAO,EAAE,OAAO,GAChB,EACD,eAAe,IACO,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAEC;IAED,MAAM,YAAY,GAAG,IAAA,oCAAe,GAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAA,4BAAW,EAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpE,gFAAgF;IAChF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC;IACpC,MAAM,gBAAgB,GAAG,IAAA,oEAA+B,GAAE,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;IAEnC,MAAM,SAAS,GAAG,gBAAgB,KAAK,YAAY,CAAC;IAEpD,MAAM,kBAAkB,GACtB,KAAK,CAAC,aAAa,EAAE,KAAK,IAAI,MAAM,CAAC,kBAAkB,CAAC;IAE1D,MAAM,oBAAoB,GAAG,IAAA,sDAAuB,GAAE,CAAC;IAEvD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,MAAM,GAAG,EAAE,GAAG,gCAAa,EAAE,CAAC;QACpC,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;YACtC,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,wBAAwB;QACxB,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;QACzF,OAAO,CACL,uBAAC,cAAc,IACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,iBAAiB,gBAChB,KAAK,qBACA,SAAS,EAC1B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;aAC9B,gBAEC,gBAAgB,KAAK,YAAY;gBAC/B,CAAC,CAAC,MAAM,CAAC,UAAU;gBACnB,CAAC,CAAC,OAAO,kBAAkB,KAAK,QAAQ;oBACtC,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,MAAM,CAAC,kBAAkB,EAEjC,OAAO,EAAE,GAAG,EAAE;gBACZ,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,eACS,uBAAuB,YAEhC,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,kBAAkB,CACnB,GACc,CAClB,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,2BAA2B;QAC3B,6FAA6F;QAC7F,IAAI,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;YACxE,MAAM,iBAAiB,GAAG,GAAG,KAAK,CAAC,aAAa,EAAE,SAAS,IAAI,EAAE,IAAI,iBAAiB,EAAE,CAAC;YACzF,OAAO,CACL,uBAAC,cAAc,IACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,MAAM,EAAE,MAAM;oBACd,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK;iBAC9B,YAED,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,GAChC,CAClB,CAAC;QACJ,CAAC;QACD,8DAA8D;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,CACL,6DACE,uBAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,qBAAqB,CAAC,IAAI,CAAC,CAAC;wBAC9B,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EACxC,KAAK,EAAE;4BACL,QAAQ,EAAE,OAAO;4BACjB,SAAS,EAAE,MAAM;4BACjB,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK;yBAC7B,YAEA,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CACtB,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,aACvC,uBAAC,sBAAQ,IAAC,IAAI,EAAE,mBAAQ,CAAC,EAAE,GAAI,EAC/B,kDAAQ,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,SAAS,IACjD,CACb,GACM,EACT,uBAAC,gBAAK,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,qBAAqB,YAE9B,uBAAC,oCAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,KAAK,CAAC,YAAY,EAAE,iBAAiB,EACxD,gBAAgB,EAAE,KAAK,CAAC,YAAY,EAAE,gBAAgB,EACtD,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,GACI,IACP,CACJ,CAAC;QACJ,CAAC;QACD,qCAAqC;IACvC,CAAC;IAED,OAAO,CACL,uBAAC,6BAAe,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnE,uBAAC,mCAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,iCAAiC;gBACjC,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;oBAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACtB,CAAC;gBACD,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,EACD,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE;gBACd,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gBAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gBAC5C,cAAc,EAAE,KAAK,CAAC,cAAc;gBACpC,aAAa,EAAE,KAAK,CAAC,aAAa;gBAClC,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,aAAa,EAAE,KAAK,CAAC,YAAY,EAAE,aAAa;aACjD,GACD,GACc,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,eAAe,CAAC,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAAC;IACpD,SAAS,EAAE,GAAG,+BAAe,aAAa;CAC3C,CAAC,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/Details.js

@@ -23,6 +23,7 @@ const is_contract_deployed_js_1 = require("../../../../utils/bytecode/is-contrac
 const webStorage_js_1 = require("../../../../utils/storage/webStorage.js");
 const is_ecosystem_wallet_js_1 = require("../../../../wallets/ecosystem/is-ecosystem-wallet.js");
 const types_js_1 = require("../../../../wallets/types.js");
+const provider_js_1 = require("../../../core/account/provider.js");
 const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../core/design-system/index.js");
 const useChainQuery_js_1 = require("../../../core/hooks/others/useChainQuery.js");
@@ -33,6 +34,7 @@ const useAdminWallet_js_1 = require("../../../core/hooks/wallets/useAdminWallet.
 const useDisconnect_js_1 = require("../../../core/hooks/wallets/useDisconnect.js");
 const useSwitchActiveWalletChain_js_1 = require("../../../core/hooks/wallets/useSwitchActiveWalletChain.js");
 const RootElementContext_js_1 = require("../../../core/providers/RootElementContext.js");
+const account_js_1 = require("../../../core/utils/account.js");
 const isSmartWallet_js_1 = require("../../../core/utils/isSmartWallet.js");
 const wallet_js_1 = require("../../../core/utils/wallet.js");
 const wallet_ui_states_provider_js_1 = require("../../providers/wallet-ui-states-provider.js");
@@ -56,7 +58,6 @@ const avatar_js_1 = require("../prebuilt/Account/avatar.js");
 const balance_js_1 = require("../prebuilt/Account/balance.js");
 const blobbie_js_1 = require("../prebuilt/Account/blobbie.js");
 const name_js_1 = require("../prebuilt/Account/name.js");
-const provider_js_1 = require("../prebuilt/Account/provider.js");
 const icon_js_1 = require("../prebuilt/Chain/icon.js");
 const name_js_2 = require("../prebuilt/Chain/name.js");
 const provider_js_2 = require("../prebuilt/Chain/provider.js");
@@ -138,13 +139,13 @@ exports.ConnectedWalletDetails = ConnectedWalletDetails;
  * @internal Exported for tests
  */
 function detailsBtn_formatFiatBalanceForButton(props) {
-    return ` (${(0, balance_js_1.formatAccountFiatBalance)({ ...props, decimals: 0 })})`;
+    return ` (${(0, account_js_1.formatAccountFiatBalance)({ ...props, decimals: 0 })})`;
 }
 /**
  * @internal Exported for test
  */
 function detailsBtn_formatTokenBalanceForButton(props) {
-    return `${(0, balance_js_1.formatAccountTokenBalance)({ ...props, decimals: props.balance < 1 ? 5 : 4 })}`;
+    return `${(0, account_js_1.formatAccountTokenBalance)({ ...props, decimals: props.balance < 1 ? 5 : 4 })}`;
 }
 /**
  * @internal Exported for tests only
@@ -412,7 +413,7 @@ function NetworkSwitcherButton(props) {
                                         } }), style: {
                                         width: `${index_js_1.iconSize.md}px`,
                                         height: `${index_js_1.iconSize.md}px`,
-                                    } }), (0, jsx_runtime_1.jsx)(ChainActiveDot_js_1.ChainActiveDot, { className: "tw-chain-active-dot-details-button" })] }) }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", multiline: true, children: [(0, jsx_runtime_1.jsx)(name_js_2.ChainName, { loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "16px", width: "150px" }), fallbackComponent: (0, jsx_runtime_1.jsxs)("span", { children: ["Unknown chain #", walletChain?.id] }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: showBalanceInFiat ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { fallbackComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "70px" }), loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "70px" }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)], formatFn: (props) => (0, balance_js_1.formatAccountTokenBalance)({ ...props, decimals: 7 }) }), " ", (0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "30px" }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)], formatFn: (props) => ` (${(0, balance_js_1.formatAccountFiatBalance)({ ...props, decimals: 3 })})`, showBalanceInFiat: "USD" })] })) : ((0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { fallbackComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "100px" }), loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "100px" }), formatFn: (props) => (0, balance_js_1.formatAccountTokenBalance)({ ...props, decimals: 7 }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)] })) })] })] }), (0, jsx_runtime_1.jsx)(exports.StyledChevronRightIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: {
+                                    } }), (0, jsx_runtime_1.jsx)(ChainActiveDot_js_1.ChainActiveDot, { className: "tw-chain-active-dot-details-button" })] }) }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", multiline: true, children: [(0, jsx_runtime_1.jsx)(name_js_2.ChainName, { loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "16px", width: "150px" }), fallbackComponent: (0, jsx_runtime_1.jsxs)("span", { children: ["Unknown chain #", walletChain?.id] }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", children: showBalanceInFiat ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { fallbackComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "70px" }), loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "70px" }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)], formatFn: (props) => (0, account_js_1.formatAccountTokenBalance)({ ...props, decimals: 7 }) }), " ", (0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "30px" }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)], formatFn: (props) => ` (${(0, account_js_1.formatAccountFiatBalance)({ ...props, decimals: 3 })})`, showBalanceInFiat: "USD" })] })) : ((0, jsx_runtime_1.jsx)(balance_js_1.AccountBalance, { fallbackComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "100px" }), loadingComponent: (0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: "1em", width: "100px" }), formatFn: (props) => (0, account_js_1.formatAccountTokenBalance)({ ...props, decimals: 7 }), chain: walletChain, tokenAddress: props.displayBalanceToken?.[Number(walletChain?.id)] })) })] })] }), (0, jsx_runtime_1.jsx)(exports.StyledChevronRightIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: {
                     flexShrink: 0,
                     marginLeft: "auto",
                 } })] }));