thirdweb 5.58.4-nightly-d936d4e5b9d1455fb57548ed0f1f90beb72ed942-20240922000409 → 5.58.4

package/src/react/native/ui/components/WalletImage.tsx

@@ -65,7 +65,14 @@ export const WalletImage = (props: {
   });
 
   const data = avatar || imageData || WALLET_ICON;
-  return <RNImage theme={props.theme} data={data} size={size} />;
+  return (
+    <RNImage
+      theme={props.theme}
+      data={data}
+      size={size}
+      color={props.theme.colors.accentButtonBg}
+    />
+  );
 };
 
 export function getAuthProviderImage(authProvider: string | null): string {

package/src/react/native/ui/components/button.tsx

@@ -9,7 +9,7 @@ import { radius, spacing } from "../../design-system/index.js";
 import { RNImage } from "./RNImage.js";
 import { ThemedText } from "./text.js";
 
-export type ThemedButtonProps = TouchableOpacityProps & {
+type ThemedButtonProps = TouchableOpacityProps & {
   theme: Theme;
   variant?: "primary" | "secondary" | "accent";
 };

package/src/react/native/ui/components/input.tsx

@@ -12,7 +12,7 @@ import { radius, spacing } from "../../design-system/index.js";
 import { RIGHT_ARROW } from "../icons/svgs.js";
 import { ThemedSpinner } from "./spinner.js";
 
-export type ThemedInputProps = {
+type ThemedInputProps = {
   theme: Theme;
   rightView?: React.ReactNode;
 } & TextInputProps;

package/src/react/native/ui/components/spinner.tsx

@@ -1,6 +1,6 @@
 import { ActivityIndicator, type ActivityIndicatorProps } from "react-native";
 
-export type ThemedSpinnerProps = ActivityIndicatorProps;
+type ThemedSpinnerProps = ActivityIndicatorProps;
 
 export function ThemedSpinner(props: ThemedSpinnerProps) {
   return <ActivityIndicator {...props} />;

package/src/react/native/ui/components/text.tsx

@@ -1,7 +1,7 @@
 import { StyleSheet, Text, type TextProps } from "react-native";
 import type { Theme } from "../../../core/design-system/index.js";
 
-export type ThemedTextProps = TextProps & {
+type ThemedTextProps = TextProps & {
   theme: Theme;
   type?:
     | "default"

package/src/react/native/ui/components/view.tsx

@@ -1,7 +1,7 @@
 import { View, type ViewProps } from "react-native";
 import type { Theme } from "../../../core/design-system/index.js";
 
-export type ThemedViewProps = ViewProps & {
+type ThemedViewProps = ViewProps & {
   theme: Theme;
 };
 

package/src/react/native/ui/connect/ConnectModal.tsx

@@ -581,7 +581,7 @@ function SignInView({
   );
 }
 
-export function OrDivider({ theme }: { theme: Theme }) {
+function OrDivider({ theme }: { theme: Theme }) {
   return (
     <View
       style={{

package/src/react/native/ui/connect/ConnectedModal.tsx

@@ -265,25 +265,6 @@ const ChainSwitcher = (props: ConnectedModalPropsInner) => {
   );
 };
 
-/** TODO (rn) implement transactions screen
-const Transactions = (props: ConnectedModalPropsInner) => {
-  const { client, wallet, theme } = props;
-  return (
-    <TouchableOpacity style={styles.walletMenuRow} onPress={() => {}}>
-      <RNImage
-        theme={theme}
-        size={32}
-        data={TRANSACTIONS_ICON}
-        color={theme.colors.secondaryIconColor}
-      />
-      <ThemedText theme={theme} type="defaultSemiBold">
-        Transactions
-      </ThemedText>
-    </TouchableOpacity>
-  );
-};
-*/
-
 const ViewFunds = (props: ConnectedModalPropsInner) => {
   const { theme, setModalState } = props;
   return (

package/src/react/native/ui/connect/ErrorView.tsx

@@ -5,7 +5,7 @@ import { RNImage } from "../components/RNImage.js";
 import { ThemedText } from "../components/text.js";
 import { CLOSE_CIRCLE } from "../icons/svgs.js";
 
-export type ErrorViewProps = {
+type ErrorViewProps = {
   theme: Theme;
   title: string;
 };

package/src/react/native/ui/connect/ExternalWalletsList.tsx

@@ -16,7 +16,7 @@ import type { ContainerType } from "../components/Header.js";
 import { Skeleton } from "../components/Skeleton.js";
 import { ThemedText } from "../components/text.js";
 
-export type ExternalWalletsUiProps = {
+type ExternalWalletsUiProps = {
   theme: Theme;
   client: ThirdwebClient;
   connector: (args: {

package/src/react/native/ui/connect/LoadingView.tsx

@@ -3,7 +3,7 @@ import type { Theme } from "../../../core/design-system/index.js";
 import { spacing } from "../../design-system/index.js";
 import { ThemedSpinner } from "../components/spinner.js";
 
-export type LoadingViewProps = {
+type LoadingViewProps = {
   theme: Theme;
 };
 

package/src/react/native/ui/connect/ReceiveScreen.tsx

@@ -9,7 +9,7 @@ import { WalletImage } from "../components/WalletImage.js";
 import { Spacer } from "../components/spacer.js";
 import { ThemedText } from "../components/text.js";
 
-export type ReceiveScreenProps = {
+type ReceiveScreenProps = {
   theme: Theme;
   wallet: Wallet;
   account: Account;

package/src/react/native/ui/connect/SendScreen.tsx

@@ -21,7 +21,7 @@ import { ErrorView } from "./ErrorView.js";
 import { SuccessView } from "./SuccessView.js";
 import { TokenListScreen, TokenRow } from "./TokenListScreen.js";
 
-export type SendScreenProps = {
+type SendScreenProps = {
   theme: Theme;
   client: ThirdwebClient;
   onClose?: () => void;

package/src/react/native/ui/connect/SuccessView.tsx

@@ -5,7 +5,7 @@ import { RNImage } from "../components/RNImage.js";
 import { ThemedText } from "../components/text.js";
 import { CHECK_CIRCLE } from "../icons/svgs.js";
 
-export type SuccessViewProps = {
+type SuccessViewProps = {
   theme: Theme;
   title: string;
 };

package/src/react/native/ui/connect/TokenListScreen.tsx

@@ -18,7 +18,7 @@ import { TokenIcon } from "../components/TokenIcon.js";
 import { ThemedText } from "../components/text.js";
 import { RIGHT_CHEVRON } from "../icons/svgs.js";
 
-export type TokenListScreenProps = {
+type TokenListScreenProps = {
   theme: Theme;
   client: ThirdwebClient;
   supportedTokens?: SupportedTokens;

package/src/react/native/ui/icons/svgs.ts

@@ -198,8 +198,6 @@ export const COINS_ICON = `<svg
       />
     </svg>`;
 
-export const TRANSACTIONS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-logs"><path d="M13 12h8"/><path d="M13 18h8"/><path d="M13 6h8"/><path d="M3 12h1"/><path d="M3 18h1"/><path d="M3 6h1"/><path d="M8 12h1"/><path d="M8 18h1"/><path d="M8 6h1"/></svg>`;
-
 export const RIGHT_CHEVRON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/react/web/ui/AutoConnect/AutoConnect.tsx

@@ -1,7 +1,5 @@
 "use client";
-import { useEffect } from "react";
 import type { AutoConnectProps } from "../../../core/hooks/connection/types.js";
-import { useSetActiveWalletConnectionStatus } from "../../../core/hooks/wallets/useSetActiveWalletConnectionStatus.js";
 import { useAutoConnect } from "../../hooks/wallets/useAutoConnect.js";
 
 /**
@@ -44,21 +42,3 @@ export function AutoConnect(props: AutoConnectProps) {
   useAutoConnect(props);
   return <></>;
 }
-
-let noAutoConnectDone = false;
-
-/**
- * @internal
- */
-export function NoAutoConnect() {
-  const setConnectionStatus = useSetActiveWalletConnectionStatus();
-  useEffect(() => {
-    if (noAutoConnectDone) {
-      return;
-    }
-    noAutoConnectDone = true;
-    setConnectionStatus("disconnected");
-  });
-
-  return null;
-}

package/src/react/web/ui/ConnectWallet/Details.tsx

@@ -1201,7 +1201,7 @@ function SwitchNetworkButton(props: {
   );
 }
 
-export type DetailsModalConnectOptions = {
+type DetailsModalConnectOptions = {
   connectModal?: ConnectButton_connectModalOptions;
   walletConnect?: {
     projectId?: string;

package/src/react/web/ui/ConnectWallet/WalletSelector.tsx

@@ -51,7 +51,7 @@ const InAppWalletSelectionUI = /* @__PURE__ */ lazy(
 // const localWalletId = "local";
 const inAppWalletId: WalletId = "inApp";
 
-export type WalletSelectorProps = {
+type WalletSelectorProps = {
   wallets: Wallet[];
   selectWallet: (wallet: Wallet) => void;
   title: string;

package/src/react/web/ui/ConnectWallet/constants.ts

@@ -14,8 +14,6 @@ export const wideModalScreenThreshold = wideModalWidth + 40;
 export const wideModalMaxHeight = "570px";
 export const compactModalMaxHeight = "660px";
 
-export const defaultTheme = "dark";
-
 export const modalCloseFadeOutDuration = 250;
 
 /**

package/src/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.ts

@@ -140,10 +140,7 @@ export function useTransactionCostAndData(args: {
   });
 }
 
-export async function getTransactionGasCost(
-  tx: PreparedTransaction,
-  from?: string,
-) {
+async function getTransactionGasCost(tx: PreparedTransaction, from?: string) {
   try {
     const gasCost = await estimateGasCost({
       transaction: tx,

package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistory.tsx

@@ -1,106 +1,25 @@
 "use client";
-import {
-  ArrowRightIcon,
-  CrossCircledIcon,
-  ExternalLinkIcon,
-} from "@radix-ui/react-icons";
-import { useState } from "react";
+import { ArrowRightIcon, CrossCircledIcon } from "@radix-ui/react-icons";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import {
   fontSize,
   iconSize,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainExplorers } from "../../../../../../core/hooks/others/useChainQuery.js";
-import { useActiveAccount } from "../../../../../../core/hooks/wallets/useActiveAccount.js";
-import { useActiveWallet } from "../../../../../../core/hooks/wallets/useActiveWallet.js";
-import { useActiveWalletChain } from "../../../../../../core/hooks/wallets/useActiveWalletChain.js";
-import { LoadingScreen } from "../../../../../wallets/shared/LoadingScreen.js";
 import { Skeleton } from "../../../../components/Skeleton.js";
 import { Spinner } from "../../../../components/Spinner.js";
-import { Container, Line, ModalHeader } from "../../../../components/basic.js";
-import { Button, ButtonLink } from "../../../../components/buttons.js";
+import { Container } from "../../../../components/basic.js";
+import { Button } from "../../../../components/buttons.js";
 import { Text } from "../../../../components/text.js";
-import type { PayerInfo } from "../types.js";
 import {
   BuyTxHistoryButton,
   BuyTxHistoryButtonHeight,
 } from "./BuyTxHistoryButton.js";
-import { TxDetailsScreen } from "./TxDetailsScreen.js";
 import {
   type TxStatusInfo,
   useBuyTransactionsToShow,
 } from "./useBuyTransactionsToShow.js";
 
-/**
- * @internal
- */
-export function PayTxHistoryScreen(props: {
-  title: string;
-  onBack?: () => void;
-  client: ThirdwebClient;
-  onDone: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-}) {
-  const [selectedTx, setSelectedTx] = useState<TxStatusInfo | null>(null);
-  const activeChain = useActiveWalletChain();
-  const activeWallet = useActiveWallet();
-  const activeAccount = useActiveAccount();
-  const chainExplorers = useChainExplorers(activeChain);
-
-  const payer: PayerInfo | undefined =
-    activeChain && activeAccount && activeWallet
-      ? { chain: activeChain, account: activeAccount, wallet: activeWallet }
-      : undefined;
-
-  if (!payer) {
-    return <LoadingScreen />;
-  }
-
-  if (selectedTx) {
-    return (
-      <TxDetailsScreen
-        title={props.title}
-        client={props.client}
-        statusInfo={selectedTx}
-        onBack={() => setSelectedTx(null)}
-        onDone={props.onDone}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        payer={payer}
-      />
-    );
-  }
-
-  return (
-    <Container animate="fadein">
-      <Container p="lg">
-        <ModalHeader title="Transactions" onBack={props.onBack} />
-      </Container>
-      <PayTxHistoryList {...props} onSelectTx={setSelectedTx} />
-      <Line />
-      <Container p="lg">
-        <ButtonLink
-          fullWidth
-          variant="outline"
-          href={`${chainExplorers.explorers[0]?.url}/address/${activeAccount?.address}`}
-          target="_blank"
-          as="a"
-          gap="xs"
-          style={{
-            textDecoration: "none",
-            color: "inherit",
-          }}
-        >
-          View on Explorer{" "}
-          <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
-        </ButtonLink>
-      </Container>
-    </Container>
-  );
-}
-
 /**
  * @internal
  */

package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.tsx

@@ -121,9 +121,7 @@ export function FiatDetailsScreen(props: {
 }
 
 // if the toToken is the same as the onRampToken, no swap is required
-export function isSwapRequiredAfterOnRamp(
-  buyWithFiatStatus: BuyWithFiatStatus,
-) {
+function isSwapRequiredAfterOnRamp(buyWithFiatStatus: BuyWithFiatStatus) {
   if (buyWithFiatStatus.status === "NOT_FOUND") {
     return false;
   }

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx

@@ -385,7 +385,7 @@ function ConfirmItem(props: {
 /**
  * @internal
  */
-export function SwapFeesRightAligned(props: {
+function SwapFeesRightAligned(props: {
   quote: BuyWithCryptoQuote;
 }) {
   return (

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/pendingSwapTx.ts

@@ -1,6 +1,6 @@
 import { createStore } from "../../../../../../../reactive/store.js";
 
-export type PendingTxInfo =
+type PendingTxInfo =
   | {
       type: "swap";
       txHash: string;

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.ts

@@ -34,7 +34,7 @@ export type SupportedChainAndTokens = Array<{
   }>;
 }>;
 
-export async function fetchBuySupportedDestinations(
+async function fetchBuySupportedDestinations(
   client: ThirdwebClient,
   isTestMode?: boolean,
 ): Promise<SupportedChainAndTokens> {

package/src/react/web/ui/ConnectWallet/screens/LinkedProfilesScreen.tsx

@@ -88,13 +88,16 @@ export function LinkedProfilesScreen(props: {
               </Text>
             </MenuButton>
             <Spacer y="xs" />
-            {connectedProfiles?.map((profile) => (
-              <LinkedProfile
-                key={`${profile.type}-${getProfileDisplayName(profile)}`}
-                profile={profile}
-                client={props.client}
-              />
-            ))}
+            {/* Exclude guest as a profile */}
+            {connectedProfiles
+              ?.filter((profile) => profile.type !== "guest")
+              .map((profile) => (
+                <LinkedProfile
+                  key={`${profile.type}-${getProfileDisplayName(profile)}`}
+                  profile={profile}
+                  client={props.client}
+                />
+              ))}
           </Container>
           <Spacer y="md" />
         </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx

@@ -90,7 +90,7 @@ export function WalletTransactionHistory(props: {
   );
 }
 
-export function TransactionButton(props: {
+function TransactionButton(props: {
   hash: string;
   client: ThirdwebClient;
   chainId: number;

package/src/react/web/ui/MediaRenderer/MediaRenderer.tsx

@@ -197,11 +197,6 @@ export const MediaRenderer = /* @__PURE__ */ (() =>
     },
   ))();
 
-export interface MediaType {
-  url?: string;
-  mimeType?: string;
-}
-
 const ModelViewer = /* @__PURE__ */ lazy(() => import("./ModelViewer.js"));
 
 interface PlayButtonProps {

package/src/react/web/ui/MediaRenderer/ModelViewer.tsx

@@ -11,7 +11,7 @@ declare global {
   }
 }
 
-export const ModelViewer = /* @__PURE__ */ (() =>
+const ModelViewer = /* @__PURE__ */ (() =>
   React.forwardRef<
     HTMLDivElement,
     Pick<MediaRendererProps, "src" | "alt" | "poster" | "style" | "className">

package/src/react/web/ui/TransactionButton/TransactionModal.tsx

@@ -17,7 +17,7 @@ import { Modal } from "../components/Modal.js";
 import type { LocaleId } from "../types.js";
 import { ExecutingTxScreen } from "./ExecutingScreen.js";
 
-export type ModalProps = {
+type ModalProps = {
   title: string;
   onComplete: () => void;
   onClose: () => void;
@@ -65,9 +65,7 @@ export function TransactionModal(props: ModalProps) {
   );
 }
 
-export function TransactionModalContent(
-  props: ModalProps & { onBack?: () => void },
-) {
+function TransactionModalContent(props: ModalProps & { onBack?: () => void }) {
   const localeQuery = useConnectLocale(props.localeId);
   const [screen, setScreen] = useState<"buy" | "execute-tx">("buy");
 

package/src/react/web/ui/components/ChainIcon.tsx

@@ -4,7 +4,7 @@ import { StyledDiv } from "../design-system/elements.js";
 import { Img } from "./Img.js";
 import { Container } from "./basic.js";
 
-export const fallbackChainIcon =
+const fallbackChainIcon =
   "data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 8.04238e-07C5.1435 8.04238e-07 3.36301 0.737501 2.05025 2.05025C0.7375 3.36301 0 5.1435 0 7C0 7.225 -1.52737e-07 7.445 0.0349998 7.665C0.16385 9.0151 0.68213 10.2988 1.52686 11.3598C2.37158 12.4209 3.50637 13.2137 4.79326 13.642C6.0801 14.0702 7.4637 14.1153 8.7758 13.7719C10.0879 13.4285 11.2719 12.7113 12.184 11.7075C13.0961 10.7038 13.6969 9.4567 13.9135 8.1178C14.1301 6.7789 13.9531 5.406 13.4039 4.16587C12.8548 2.92574 11.9573 1.87184 10.8204 1.13228C9.6835 0.392721 8.3563 -0.000649196 7 8.04238e-07ZM7 1C8.581 1.00137 10.0975 1.62668 11.22 2.74V3.24C9.2438 2.55991 7.0956 2.56872 5.125 3.265C4.96758 3.1116 4.76997 3.00586 4.555 2.96H4.43C4.37 2.75 4.315 2.54 4.27 2.325C4.225 2.11 4.2 1.92 4.175 1.715C5.043 1.24658 6.0137 1.00091 7 1ZM5.5 3.935C7.3158 3.32693 9.2838 3.34984 11.085 4C10.8414 5.2703 10.3094 6.4677 9.53 7.5C9.312 7.4077 9.0707 7.3855 8.8395 7.4366C8.6083 7.4877 8.3988 7.6094 8.24 7.785C8.065 7.685 7.89 7.585 7.74 7.47C6.7307 6.7966 5.8877 5.9023 5.275 4.855C5.374 4.73221 5.4461 4.58996 5.4866 4.43749C5.5271 4.28502 5.5351 4.12575 5.51 3.97L5.5 3.935ZM3.5 2.135C3.5 2.24 3.53 2.35 3.55 2.455C3.595 2.675 3.655 2.89 3.715 3.105C3.52353 3.21838 3.36943 3.38531 3.2717 3.58522C3.17397 3.78513 3.13688 4.00927 3.165 4.23C2.37575 4.7454 1.67078 5.3795 1.075 6.11C1.19455 5.3189 1.47112 4.55966 1.88843 3.87701C2.30575 3.19437 2.85539 2.60208 3.505 2.135H3.5ZM3.5 9.99C3.30481 10.0555 3.13037 10.1714 2.9943 10.3259C2.85822 10.4804 2.76533 10.6681 2.725 10.87H2.405C1.59754 9.9069 1.1146 8.7136 1.025 7.46L1.08 7.365C1.70611 6.3942 2.52463 5.562 3.485 4.92C3.62899 5.0704 3.81094 5.179 4.01162 5.2345C4.2123 5.2899 4.42423 5.2901 4.625 5.235C5.2938 6.3652 6.208 7.3306 7.3 8.06C7.505 8.195 7.715 8.32 7.925 8.44C7.9082 8.6312 7.9391 8.8237 8.015 9C7.1 9.7266 6.0445 10.256 4.915 10.555C4.78401 10.3103 4.57028 10.1201 4.31199 10.0184C4.05369 9.9167 3.76766 9.9102 3.505 10L3.5 9.99ZM7 12.99C5.9831 12.9903 4.98307 12.7304 4.095 12.235L4.235 12.205C4.43397 12.1397 4.61176 12.0222 4.74984 11.8648C4.88792 11.7074 4.98122 11.5158 5.02 11.31C6.2985 10.984 7.4921 10.3872 8.52 9.56C8.7642 9.7027 9.0525 9.75 9.3295 9.6927C9.6064 9.6355 9.8524 9.4778 10.02 9.25C10.7254 9.4334 11.4511 9.5275 12.18 9.53H12.445C11.9626 10.5673 11.1938 11.4451 10.2291 12.0599C9.2643 12.6747 8.144 13.0009 7 13V12.99ZM10.255 8.54C10.2545 8.3304 10.1975 8.1249 10.09 7.945C10.9221 6.8581 11.5012 5.5991 11.785 4.26C12.035 4.37667 12.2817 4.50667 12.525 4.65C13.0749 5.9495 13.1493 7.4012 12.735 8.75C11.9049 8.8142 11.0698 8.7484 10.26 8.555L10.255 8.54Z' fill='%23646D7A'/%3e%3c/svg%3e";
 
 /**

package/src/react/web/ui/components/Drawer.tsx

@@ -55,7 +55,7 @@ export const Drawer = /* @__PURE__ */ forwardRef<HTMLDivElement, DrawerProps>(
   },
 );
 
-export const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
+const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
   const theme = useCustomTheme();
   return {
     zIndex: 10000,
@@ -71,7 +71,7 @@ export const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
   };
 });
 
-export const drawerOpenAnimation = keyframes`
+const drawerOpenAnimation = keyframes`
   from {
     opacity: 0;
     transform: translateY(100px);

package/src/react/web/ui/components/buttons.tsx

@@ -155,24 +155,3 @@ export const IconButton = /* @__PURE__ */ StyledButton((_) => {
     },
   };
 });
-
-export const InputButton = /* @__PURE__ */ StyledButton((_) => {
-  const theme = useCustomTheme();
-  return {
-    all: "unset",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: radius.sm,
-    padding: spacing.sm,
-    cursor: "pointer",
-    WebkitTapHighlightColor: "transparent",
-    color: theme.colors.secondaryText,
-    "&:hover": {
-      color: theme.colors.primaryText,
-    },
-    "&[disabled]": {
-      cursor: "not-allowed",
-    },
-  };
-});

package/src/react/web/ui/prebuilt/NFT/NFT.tsx

@@ -13,7 +13,7 @@ import type { MediaRendererProps } from "../../MediaRenderer/types.js";
  * Props for the <NFT> component
  * @component
  */
-export type NFTProviderProps = {
+type NFTProviderProps = {
   /**
    * The NFT contract address. Accepts both ERC721 and ERC1155 contracts
    */

package/src/react/web/ui/prebuilt/thirdweb/ClaimButton/index.tsx

@@ -167,7 +167,7 @@ export function ClaimButton(props: ClaimButtonProps) {
  * For NFT Drop and Token Drop we fall back to the name & image of the contract
  * @internal
  */
-export async function getPayMetadata(
+async function getPayMetadata(
   options: BaseTransactionOptions<{ tokenId?: bigint }>,
 ): Promise<{ name?: string; image?: string }> {
   const { contract, tokenId } = options;
@@ -190,7 +190,7 @@ export async function getPayMetadata(
 /**
  * @internal Export for test
  */
-export async function getClaimTransaction({
+async function getClaimTransaction({
   contract,
   account,
   claimParams,

package/src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx

@@ -14,7 +14,7 @@ import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions
 import type { InAppWalletLocale } from "../shared/locale/types.js";
 import { EcosystemWalletHeader } from "./EcosystemWalletHeader.js";
 
-export type EcosystemWalletFormUIProps = {
+type EcosystemWalletFormUIProps = {
   select: () => void;
   done: () => void;
   locale: InAppWalletLocale;

package/src/react/web/wallets/in-app/InAppWalletFormUI.tsx

@@ -15,7 +15,7 @@ import { ModalTitle } from "../../ui/components/modalElements.js";
 import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions.js";
 import type { InAppWalletLocale } from "../shared/locale/types.js";
 
-export type InAppWalletFormUIProps = {
+type InAppWalletFormUIProps = {
   select: () => void;
   inAppWalletLocale: InAppWalletLocale;
   connectLocale: ConnectLocale;

package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx

@@ -69,7 +69,7 @@ const defaultAuthOptions: AuthOption[] = [
   "passkey",
 ];
 
-export type ConnectWalletSocialOptionsProps = {
+type ConnectWalletSocialOptionsProps = {
   select: () => void;
   done: () => void;
   locale: InAppWalletLocale;

package/src/stories/utils.tsx

@@ -1,9 +1,4 @@
-import { generatePrivateKey } from "viem/accounts";
-import { createWalletAdapter } from "../adapters/wallet-adapter.js";
-import { ethereum } from "../chains/chain-definitions/ethereum.js";
 import { createThirdwebClient } from "../client/client.js";
-import type { Account } from "../wallets/interfaces/wallet.js";
-import { privateKeyToAccount } from "../wallets/private-key.js";
 
 const clientId = process.env.STORYBOOK_CLIENT_ID;
 
@@ -14,16 +9,3 @@ if (!clientId) {
 export const storyClient = createThirdwebClient({
   clientId: clientId,
 });
-
-export const storyAccount: Account = privateKeyToAccount({
-  client: storyClient,
-  privateKey: process.env.STORYBOOK_ACCOUNT_PRIVATE_KEY || generatePrivateKey(),
-});
-
-export const storyWallet = createWalletAdapter({
-  adaptedAccount: storyAccount,
-  client: storyClient,
-  chain: ethereum,
-  onDisconnect: () => {},
-  switchChain: () => {},
-});