thirdweb 5.58.4 → 5.59.0-nightly-e2b3484764275560aa899f3f894b767faedaa9a1-20240925000331

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thirdweb",
-  "version": "5.58.4",
+  "version": "5.59.0-nightly-e2b3484764275560aa899f3f894b767faedaa9a1-20240925000331",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thirdweb-dev/js.git#main"
@@ -218,7 +218,7 @@
     "input-otp": "^1.2.4",
     "mipd": "0.0.7",
     "uqr": "0.1.2",
-    "viem": "2.21.11"
+    "viem": "2.21.12"
   },
   "peerDependencies": {
     "@aws-sdk/client-lambda": "^3",
@@ -319,13 +319,13 @@
     "expo-linking": "6.3.1",
     "expo-web-browser": "13.0.3",
     "happy-dom": "^15.7.4",
-    "knip": "^5.30.4",
+    "knip": "^5.30.5",
     "prettier": "^3.3.2",
     "react": "18.3.1",
     "react-native": "0.75.3",
     "react-native-aes-gcm-crypto": "0.2.2",
     "react-native-passkey": "3.0.0-beta2",
-    "react-native-quick-crypto": "0.7.4",
+    "react-native-quick-crypto": "0.7.5",
     "react-native-svg": "15.7.1",
     "rimraf": "6.0.1",
     "sharp": "^0.33.5",

package/src/exports/react.native.ts

@@ -9,7 +9,7 @@ export type {
 
 // wallet hooks
 export { useActiveWallet } from "../react/core/hooks/wallets/useActiveWallet.js";
-export { useAdminWallet } from "../react/core/hooks/wallets/useAdminAccount.js";
+export { useAdminWallet } from "../react/core/hooks/wallets/useAdminWallet.js";
 export { useActiveWalletChain } from "../react/core/hooks/wallets/useActiveWalletChain.js";
 export { useActiveWalletConnectionStatus } from "../react/core/hooks/wallets/useActiveWalletConnectionStatus.js";
 export { useActiveAccount } from "../react/core/hooks/wallets/useActiveAccount.js";
@@ -25,6 +25,7 @@ export { useSendCalls } from "../react/core/hooks/wallets/useSendCalls.js";
 export { useSwitchActiveWalletChain } from "../react/core/hooks/wallets/useSwitchActiveWalletChain.js";
 export { useCallsStatus } from "../react/core/hooks/wallets/useCallsStatus.js";
 export { useWalletBalance } from "../react/core/hooks/others/useWalletBalance.js";
+export { useProfiles } from "../react/native/hooks/wallets/useProfiles.js";
 
 // contract
 export { useReadContract } from "../react/core/hooks/contract/useReadContract.js";

package/src/exports/react.ts

@@ -40,7 +40,7 @@ export type { MediaRendererProps } from "../react/web/ui/MediaRenderer/types.js"
 
 // wallet hooks
 export { useActiveWallet } from "../react/core/hooks/wallets/useActiveWallet.js";
-export { useAdminWallet } from "../react/core/hooks/wallets/useAdminAccount.js";
+export { useAdminWallet } from "../react/core/hooks/wallets/useAdminWallet.js";
 export { useActiveWalletChain } from "../react/core/hooks/wallets/useActiveWalletChain.js";
 export { useActiveWalletConnectionStatus } from "../react/core/hooks/wallets/useActiveWalletConnectionStatus.js";
 export { useActiveAccount } from "../react/core/hooks/wallets/useActiveAccount.js";
@@ -56,7 +56,7 @@ export { useSendCalls } from "../react/core/hooks/wallets/useSendCalls.js";
 export { useSwitchActiveWalletChain } from "../react/core/hooks/wallets/useSwitchActiveWalletChain.js";
 export { useCallsStatus } from "../react/core/hooks/wallets/useCallsStatus.js";
 export { useWalletBalance } from "../react/core/hooks/others/useWalletBalance.js";
-export { useProfiles } from "../react/core/hooks/others/useProfiles.js";
+export { useProfiles } from "../react/web/hooks/wallets/useProfiles.js";
 
 // chain hooks
 export { useChainMetadata } from "../react/core/hooks/others/useChainQuery.js";

package/src/exports/wallets/in-app.native.ts

@@ -7,6 +7,8 @@ export {
   authenticate,
   getUserEmail,
   getUserPhoneNumber,
+  getProfiles,
+  linkProfile,
 } from "../../wallets/in-app/native/auth/index.js";
 
 export { type GetAuthenticatedUserParams } from "../../wallets/in-app/core/authentication/types.js";

package/src/exports/wallets/in-app.ts

@@ -7,6 +7,8 @@ export {
   authenticate,
   getUserEmail,
   getUserPhoneNumber,
+  getProfiles,
+  linkProfile,
 } from "../../wallets/in-app/web/lib/auth/index.js";
 
 export { type GetAuthenticatedUserParams } from "../../wallets/in-app/core/authentication/types.js";

package/src/exports/wallets.native.ts

@@ -85,6 +85,18 @@ export type {
   InAppWalletSocialAuth as EmbeddedWalletSocialAuth,
 } from "../wallets/in-app/core/wallet/types.js";
 
+export {
+  preAuthenticate,
+  authenticate,
+  getUserEmail,
+  getUserPhoneNumber,
+  getProfiles,
+  linkProfile,
+} from "../wallets/in-app/native/auth/index.js";
+export const authenticateWithRedirect = () => {
+  throw new Error("Not supported in native");
+};
+
 export type {
   CoinbaseWalletCreationOptions,
   CoinbaseSDKWalletConnectionOptions,

package/src/exports/wallets.ts

@@ -98,9 +98,14 @@ export type {
 } from "../wallets/in-app/core/wallet/types.js";
 
 export {
+  preAuthenticate,
+  authenticate,
+  authenticateWithRedirect,
+  getUserEmail,
+  getUserPhoneNumber,
   getProfiles,
   linkProfile,
-} from "../wallets/in-app/core/wallet/profiles.js";
+} from "../wallets/in-app/web/lib/auth/index.js";
 
 export {
   getUser,

package/src/react/{core/hooks/others → native/hooks/wallets}/useProfiles.ts

@@ -1,12 +1,13 @@
 import { type UseQueryResult, useQuery } from "@tanstack/react-query";
+import type { ThirdwebClient } from "../../../../client/client.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
 import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
-import { getProfiles } from "../../../../wallets/in-app/core/wallet/profiles.js";
-import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
-import { useAdminWallet } from "../wallets/useAdminAccount.js";
+import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
+import { getProfiles } from "../../../../wallets/in-app/web/lib/auth/index.js";
+import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
 
 /**
- * Retrieves all linked profiles for the current wallet.
+ * Retrieves all linked profiles of the connected in-app or ecosystem wallet.
  *
  * @returns A React Query result containing the linked profiles for the connected in-app wallet.
  *
@@ -16,7 +17,9 @@ import { useAdminWallet } from "../wallets/useAdminAccount.js";
  * ```jsx
  * import { useProfiles } from "thirdweb/react";
  *
- * const { data: profiles } = useProfiles();
+ * const { data: profiles } = useProfiles({
+ *   client,
+ * });
  *
  * console.log("Type:", profiles[0].type); // "discord"
  * console.log("Email:", profiles[0].details.email); // "john.doe@example.com"
@@ -24,14 +27,22 @@ import { useAdminWallet } from "../wallets/useAdminAccount.js";
  *
  * @wallet
  */
-export function useProfiles(): UseQueryResult<Profile[]> {
+export function useProfiles(args: {
+  client: ThirdwebClient;
+}): UseQueryResult<Profile[]> {
   const wallet = useAdminWallet();
-
   return useQuery({
     queryKey: ["profiles", wallet?.id],
     enabled: !!wallet && (wallet.id === "inApp" || isEcosystemWallet(wallet)),
     queryFn: async () => {
-      return getProfiles(wallet as Wallet<"inApp">);
+      const ecosystem: Ecosystem | undefined =
+        wallet && isEcosystemWallet(wallet)
+          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
+          : undefined;
+      return getProfiles({
+        client: args.client,
+        ecosystem,
+      });
     },
   });
 }

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

@@ -144,7 +144,7 @@ export function ConnectButton(props: ConnectButtonProps) {
         transparent={true}
         onRequestClose={closeModal}
       >
-        <KeyboardAvoidingView behavior={"padding"} style={{ flex: 1 }}>
+        <KeyboardAvoidingView behavior="padding" style={{ flex: 1 }}>
           <Animated.View
             style={[styles.modalOverlay, { opacity: fadeAnim.current }]}
           />

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

@@ -523,7 +523,7 @@ function SignInView({
         </WalletLoadingThumbnail>
         <Spacer size="xl" />
         <ThemedText theme={theme} type="subtitle">
-          {"Complete sign in"}
+          Complete sign in
         </ThemedText>
         <Spacer size="xs" />
         <ThemedText theme={theme} type="subtext">

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

@@ -70,7 +70,7 @@ function WalletLoadingThumbnail({
             stroke={showError ? "transparent" : theme.colors.accentText}
             strokeWidth={3}
             fill="transparent"
-            strokeDasharray={"100 300"}
+            strokeDasharray="100 300"
             strokeDashoffset={spin}
           />
         )}

package/src/react/native/ui/transaction/TransactionButton.tsx

@@ -51,7 +51,7 @@ export function TransactionButton(props: TransactionButtonProps) {
   return (
     <ThemedButton
       disabled={!account || disabled || isPending}
-      variant={"primary"}
+      variant="primary"
       onPress={() => handleClick()}
       style={buttonProps.style as StyleProp<ViewStyle>}
       theme={theme}

package/src/react/web/hooks/wallets/useProfiles.ts

@@ -0,0 +1,48 @@
+import { type UseQueryResult, useQuery } from "@tanstack/react-query";
+import type { ThirdwebClient } from "../../../../client/client.js";
+import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
+import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
+import { getProfiles } from "../../../../wallets/in-app/web/lib/auth/index.js";
+import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
+
+/**
+ * Retrieves all linked profiles of the connected in-app or ecosystem wallet.
+ *
+ * @returns A React Query result containing the linked profiles for the connected in-app wallet.
+ *
+ * @note This hook will only run if the connected wallet supports multi-auth (in-app wallets).
+ *
+ * @example
+ * ```jsx
+ * import { useProfiles } from "thirdweb/react";
+ *
+ * const { data: profiles } = useProfiles({
+ *   client,
+ * });
+ *
+ * console.log("Type:", profiles[0].type); // "discord"
+ * console.log("Email:", profiles[0].details.email); // "john.doe@example.com"
+ * ```
+ *
+ * @wallet
+ */
+export function useProfiles(args: {
+  client: ThirdwebClient;
+}): UseQueryResult<Profile[]> {
+  const wallet = useAdminWallet();
+  return useQuery({
+    queryKey: ["profiles", wallet?.id],
+    enabled: !!wallet && (wallet.id === "inApp" || isEcosystemWallet(wallet)),
+    queryFn: async () => {
+      const ecosystem: Ecosystem | undefined =
+        wallet && isEcosystemWallet(wallet)
+          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
+          : undefined;
+      return getProfiles({
+        client: args.client,
+        ecosystem,
+      });
+    },
+  });
+}

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

@@ -313,12 +313,11 @@ export function ConnectButton(props: ConnectButtonProps) {
   );
 
   if (!localeQuery.data) {
+    const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
     return (
       <AnimatedButton
         disabled={true}
-        className={`${
-          props.connectButton?.className || ""
-        } ${TW_CONNECT_WALLET}`}
+        className={combinedClassName}
         variant="primary"
         type="button"
         style={{
@@ -413,12 +412,11 @@ function ConnectButtonInner(
 
   if (!activeAccount) {
     // Connect Wallet button
+    const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
     return (
       <AnimatedButton
         disabled={isLoading}
-        className={`${
-          props.connectButton?.className || ""
-        } ${TW_CONNECT_WALLET}`}
+        className={combinedClassName}
         data-theme={theme}
         data-is-loading={isLoading}
         variant="primary"
@@ -454,12 +452,11 @@ function ConnectButtonInner(
     // loading state if loading
     // TODO: figure out a way to consolidate the loading states with the ones from locale loading
     if (siweAuth.isLoading || siweAuth.isLoggingIn || siweAuth.isLoggingOut) {
+      const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
       return (
         <AnimatedButton
           disabled={true}
-          className={`${
-            props.connectButton?.className || ""
-          } ${TW_CONNECT_WALLET}`}
+          className={combinedClassName}
           variant="primary"
           type="button"
           style={{

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

@@ -19,7 +19,7 @@ import { isContractDeployed } from "../../../../utils/bytecode/is-contract-deplo
 import { formatNumber } from "../../../../utils/formatNumber.js";
 import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
-import type { Ecosystem } from "../../../../wallets/in-app/web/types.js";
+import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
 import type { Account, Wallet } from "../../../../wallets/interfaces/wallet.js";
 import type { SmartWalletOptions } from "../../../../wallets/smart/types.js";
 import {
@@ -58,7 +58,7 @@ import {
 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 { useAdminWallet } from "../../../core/hooks/wallets/useAdminAccount.js";
+import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
 import { useDisconnect } from "../../../core/hooks/wallets/useDisconnect.js";
 import { useSwitchActiveWalletChain } from "../../../core/hooks/wallets/useSwitchActiveWalletChain.js";
 import { SetRootElementContext } from "../../../core/providers/RootElementContext.js";
@@ -200,12 +200,14 @@ export const ConnectedWalletDetails: React.FC<{
 
   const avatarSrc = props.detailsButton?.connectedAccountAvatarUrl || pfp;
 
+  const combinedClassName = `${TW_CONNECTED_WALLET} ${
+    props.detailsButton?.className || ""
+  }`;
+
   return (
     <WalletInfoButton
       type="button"
-      className={`${TW_CONNECTED_WALLET} ${
-        props.detailsButton?.className || ""
-      }`}
+      className={combinedClassName}
       style={props.detailsButton?.style}
       data-test="connected-wallet-details"
       onClick={openModal}
@@ -355,7 +357,7 @@ function DetailsModal(props: {
       </div>
 
       {chainNameQuery.isLoading ? (
-        <Skeleton height={"16px"} width={"150px"} />
+        <Skeleton height="16px" width="150px" />
       ) : (
         <Text color="primaryText" size="md" multiline>
           {chainNameQuery.name || `Unknown chain #${walletChain?.id}`}
@@ -561,12 +563,9 @@ function DetailsModal(props: {
                   }}
                 >
                   <Container color="secondaryText" flex="row" center="both">
-                    <PinBottomIcon
-                      width={iconSize.sm}
-                      height={iconSize.sm}
-                    />{" "}
+                    <PinBottomIcon width={iconSize.sm} height={iconSize.sm} />
                   </Container>
-                  {locale.receive}{" "}
+                  {locale.receive}
                 </Button>
               )}
 
@@ -951,7 +950,7 @@ function DetailsModal(props: {
       <WalletUIStatesProvider theme={props.theme} isOpen={false}>
         <ScreenSetupContext.Provider value={screenSetup}>
           <Modal
-            size={"compact"}
+            size="compact"
             open={isOpen}
             setOpen={(_open) => {
               if (!_open) {

package/src/react/web/ui/ConnectWallet/Modal/AllWalletsUI.tsx

@@ -94,7 +94,7 @@ function AllWalletsUI(props: {
             }}
             tabIndex={-1}
             variant="outline"
-            placeholder={"Search Wallet"}
+            placeholder="Search Wallet"
             value={searchTerm}
             onChange={(e) => {
               listContainer.current?.parentElement?.scroll({

package/src/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.tsx

@@ -33,7 +33,7 @@ export const DeepLinkConnectUI = (props: {
 
       <Container flex="row" center="x" animate="fadein" py="3xl">
         <PulsatingContainer>
-          <WalletImage id={props.wallet.id} client={props.client} size={"80"} />
+          <WalletImage id={props.wallet.id} client={props.client} size="80" />
         </PulsatingContainer>
       </Container>
 

package/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx

@@ -243,7 +243,6 @@ function SmartWalletConnecting(props: {
                   }
                 }}
               >
-                {" "}
                 {personalWalletChainSwitchStatus === "switching"
                   ? "Switching"
                   : "Switch Network"}

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

@@ -916,7 +916,7 @@ export function useNetworkSwitcherModal() {
       setRootEl(
         <CustomThemeProvider theme={props.theme}>
           <Modal
-            size={"compact"}
+            size="compact"
             open={true}
             setOpen={(value) => {
               if (!value) {

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

@@ -29,7 +29,7 @@ export function PoweredByThirdweb() {
             color: "currentColor",
           }}
         >
-          {"Powered by"}
+          Powered by
         </Text>
         <ThirdwebTextIcon height={13} />
       </Container>

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

@@ -134,7 +134,7 @@ export function TransactionsScreen(props: {
             color: "inherit",
           }}
         >
-          View on Explorer{" "}
+          View on Explorer
           <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
         </ButtonLink>
       </Container>

package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx

@@ -1482,7 +1482,10 @@ function FiatScreenContent(props: {
         <div>
           {errorMsg.minAmount && (
             <Text color="danger" size="sm" center multiline>
-              Minimum amount is {errorMsg.minAmount}{" "}
+              Minimum amount is {errorMsg.minAmount}
+              {
+                " packages/thirdweb/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx"
+              }
               <TokenSymbol
                 token={toToken}
                 chain={toChain}

package/src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx

@@ -159,7 +159,7 @@ export function DirectPaymentModeScreen(props: {
         <Container flex="row">
           <Container flex="column" expand>
             <Text size="md" color="primaryText" weight={700}>
-              {"Price"}
+              Price
             </Text>
           </Container>
           <Container expand>

package/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx

@@ -113,7 +113,7 @@ export function TransactionModeScreen(props: {
         <Container flex="row">
           <Container flex="column" expand>
             <Text size="md" color="primaryText" weight={700}>
-              {"Price"}
+              Price
             </Text>
           </Container>
           <Container expand>

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx

@@ -111,7 +111,6 @@ export function OnrampStatusScreen(props: {
   return (
     <Container p="lg">
       <ModalHeader title={props.title} onBack={props.onBack} />
-
       {props.hasTwoSteps && (
         <>
           <Spacer y="lg" />
@@ -123,7 +122,7 @@ export function OnrampStatusScreen(props: {
           </Text>
         </>
       )}
-
+      packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx
       <OnrampStatusScreenUI
         uiStatus={uiStatus}
         onDone={props.onDone}

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx

@@ -232,7 +232,7 @@ export function FiatSteps(props: {
 
   const toTokenInfo = partialSuccessToTokenInfo || (
     <Text color="primaryText" size="sm">
-      {formatNumber(Number(toTokenAmount), 6)}{" "}
+      {formatNumber(Number(toTokenAmount), 6)}
       <TokenSymbol token={toToken} chain={toChain} size="sm" inline />
     </Text>
   );
@@ -490,7 +490,7 @@ function PaymentStep(props: {
             gap="xxs"
             target="_blank"
           >
-            {props.explorer.label}{" "}
+            {props.explorer.label}
             <ExternalLinkIcon width={iconSize.xs} height={iconSize.xs} />
           </ButtonLink>
         </>

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

@@ -82,7 +82,7 @@ export function BuyTxHistoryButton(props: {
                 6,
               )}{" "}
               {props.txInfo.status.quote.toToken.symbol}
-            </Text>{" "}
+            </Text>
           </Container>
 
           <Spacer y="xxs" />

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

@@ -247,7 +247,7 @@ export function SwapTxDetailsTable(
         <TokenInfoRow
           chainId={toToken.chainId}
           client={client}
-          label={"Receive"}
+          label="Receive"
           tokenAmount={toToken.amount}
           tokenSymbol={toToken.symbol || ""}
           tokenAddress={toToken.address}

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

@@ -352,7 +352,7 @@ function RenderTokenInfo(props: {
       {name ? (
         <Text size="xs">{name}</Text>
       ) : (
-        <Skeleton width={"100px"} height={fontSize.xs} />
+        <Skeleton width="100px" height={fontSize.xs} />
       )}
     </Container>
   );

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

@@ -83,8 +83,7 @@ export function FiatFees(props: {
             </Text>
 
             <Text color="primaryText" inline>
-              {feeAmount === 0 ? "~" : ""}
-              {feeAmount} {fee.currencySymbol}{" "}
+              {feeAmount === 0 ? "~" : ""} {feeAmount} {fee.currencySymbol}
             </Text>
           </div>
         );

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

@@ -105,7 +105,7 @@ export function SwapStatusScreen(props: {
                 height={iconSize["3xl"]}
               />
               <Spacer y="sm" />
-              <Text color={"primaryText"} size="lg">
+              <Text color="primaryText" size="lg">
                 Buy Complete
               </Text>
             </Container>
@@ -129,7 +129,7 @@ export function SwapStatusScreen(props: {
               <Container color="success" flex="column" center="x">
                 <AccentFailIcon size={iconSize["3xl"]} />
                 <Spacer y="xl" />
-                <Text color={"primaryText"} size="lg">
+                <Text color="primaryText" size="lg">
                   Incomplete
                 </Text>
                 <Spacer y="sm" />
@@ -151,7 +151,7 @@ export function SwapStatusScreen(props: {
               <Container flex="column" center="both">
                 <AccentFailIcon size={iconSize["3xl"]} />
                 <Spacer y="xl" />
-                <Text color={"primaryText"} size="lg">
+                <Text color="primaryText" size="lg">
                   Transaction Failed
                 </Text>
 
@@ -189,7 +189,7 @@ export function SwapStatusScreen(props: {
                 <Spinner size="3xl" color="accentText" />
               </div>
               <Spacer y="lg" />
-              <Text color={"primaryText"} size="lg">
+              <Text color="primaryText" size="lg">
                 Buy Pending
               </Text>
             </Container>

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

@@ -121,7 +121,7 @@ export function TransferConfirmationScreen(
       <TokenInfoRow
         chainId={chain.id}
         client={client}
-        label={"Amount"}
+        label="Amount"
         tokenAmount={tokenAmount}
         tokenSymbol={isNativeToken(token) ? symbol || "" : token.symbol}
         tokenAddress={
@@ -177,7 +177,7 @@ export function TransferConfirmationScreen(
           <Container flex="row" gap="xs" center="both" color="success">
             <CheckCircledIcon width={iconSize.sm} height={iconSize.sm} />
             <Text color="success" size="sm">
-              {"Payment completed"}
+              Payment completed
             </Text>
           </Container>
           <Spacer y="md" />

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

@@ -8,7 +8,7 @@ import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
 import type { EcosystemWalletId } from "../../../../../wallets/wallet-types.js";
 import { iconSize } from "../../../../core/design-system/index.js";
 import { useActiveWalletChain } from "../../../../core/hooks/wallets/useActiveWalletChain.js";
-import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminAccount.js";
+import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminWallet.js";
 import EcosystemWalletConnectUI from "../../../wallets/ecosystem/EcosystemWalletConnectUI.js";
 import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";