thirdweb 5.64.2 → 5.64.3

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

@@ -0,0 +1,251 @@
+import { IdCardIcon } from "@radix-ui/react-icons";
+import { useQuery } from "@tanstack/react-query";
+import type { Chain } from "../../../../../../../chains/types.js";
+import { getCachedChain } from "../../../../../../../chains/utils.js";
+import type { ThirdwebClient } from "../../../../../../../client/client.js";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.js";
+import type { Wallet } from "../../../../../../../wallets/interfaces/wallet.js";
+import {
+  type GetWalletBalanceResult,
+  getWalletBalance,
+} from "../../../../../../../wallets/utils/getWalletBalance.js";
+import type { WalletId } from "../../../../../../../wallets/wallet-types.js";
+import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
+import {
+  iconSize,
+  radius,
+  spacing,
+} from "../../../../../../core/design-system/index.js";
+import type { PayUIOptions } from "../../../../../../core/hooks/connection/ConnectButtonProps.js";
+import { useChainMetadata } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useActiveAccount } from "../../../../../../core/hooks/wallets/useActiveAccount.js";
+import { useConnectedWallets } from "../../../../../../core/hooks/wallets/useConnectedWallets.js";
+import type {
+  SupportedTokens,
+  TokenInfo,
+} from "../../../../../../core/utils/defaultTokens.js";
+import { LoadingScreen } from "../../../../../wallets/shared/LoadingScreen.js";
+import { Spacer } from "../../../../components/Spacer.js";
+import { Container } from "../../../../components/basic.js";
+import { Button } from "../../../../components/buttons.js";
+import { Text } from "../../../../components/text.js";
+import { OutlineWalletIcon } from "../../../icons/OutlineWalletIcon.js";
+import { type ERC20OrNativeToken, isNativeToken } from "../../nativeToken.js";
+import { WalletRowWithBalances } from "../WalletSelectorButton.js";
+
+export type TokenBalance = {
+  balance: GetWalletBalanceResult;
+  chain: Chain;
+  token: TokenInfo;
+};
+
+export function PaymentSelectionScreen(props: {
+  client: ThirdwebClient;
+  mode: PayUIOptions["mode"];
+  showAllWallets: boolean;
+  sourceSupportedTokens: SupportedTokens | undefined;
+  toChain: Chain;
+  toToken: ERC20OrNativeToken;
+  tokenAmount: string;
+  wallets: Wallet[] | undefined;
+  onSelect: (wallet: Wallet, token: TokenInfo, chain: Chain) => void;
+  onSelectFiat: () => void;
+  onBack: () => void;
+  onConnect: () => void;
+  hiddenWallets?: WalletId[];
+  payWithFiatEnabled: boolean;
+}) {
+  const theme = useCustomTheme();
+  const connectedWallets = useConnectedWallets();
+
+  // if all wallets are connected and showAll wallets is disabled, hide the connect button
+  const hideConnectButton =
+    !props.showAllWallets &&
+    props.wallets?.every((w) => connectedWallets.includes(w));
+
+  const chainInfo = useChainMetadata(props.toChain);
+  const activeAccount = useActiveAccount();
+
+  const walletsAndBalances = useQuery({
+    queryKey: [
+      "wallets-and-balances",
+      connectedWallets.map((w) => w.getAccount()?.address),
+      props.sourceSupportedTokens,
+      props.toChain.id,
+      props.toToken,
+      props.tokenAmount,
+      props.mode,
+      activeAccount?.address,
+    ],
+    queryFn: async () => {
+      // in parallel, get the balances of all the wallets on each of the sourceSupportedTokens
+      const walletBalanceMap = new Map<Wallet, TokenBalance[]>();
+
+      const balancePromises = connectedWallets.flatMap((wallet) => {
+        const account = wallet.getAccount();
+        if (!account) return [];
+        walletBalanceMap.set(wallet, []);
+
+        // inject the destination token too since it can be used as well to pay/transfer
+        const toToken = isNativeToken(props.toToken)
+          ? {
+              address: NATIVE_TOKEN_ADDRESS,
+              name: chainInfo.data?.nativeCurrency.name || "",
+              symbol: chainInfo.data?.nativeCurrency.symbol || "",
+              icon: chainInfo.data?.icon?.url,
+            }
+          : props.toToken;
+
+        const tokens = {
+          ...props.sourceSupportedTokens,
+          [props.toChain.id]: [
+            toToken,
+            ...(props.sourceSupportedTokens?.[props.toChain.id] || []),
+          ],
+        };
+
+        return Object.entries(tokens).flatMap(([chainId, tokens]) => {
+          return tokens.map(async (token) => {
+            try {
+              const chain = getCachedChain(Number(chainId));
+              const balance = await getWalletBalance({
+                address: account.address,
+                chain,
+                tokenAddress: isNativeToken(token) ? undefined : token.address,
+                client: props.client,
+              });
+
+              // show the token if:
+              // - its not the destination token and balance is greater than 0
+              // - its the destination token and balance is greater than the token amount AND we the account is not the default account in fund_wallet mode
+              const shouldInclude =
+                token.address === toToken.address &&
+                chain.id === props.toChain.id
+                  ? props.mode === "fund_wallet" &&
+                    account.address === activeAccount?.address
+                    ? false
+                    : Number(balance.displayValue) > Number(props.tokenAmount)
+                  : balance.value > 0n;
+
+              if (shouldInclude) {
+                const existingBalances = walletBalanceMap.get(wallet) || [];
+                existingBalances.push({ balance, chain, token });
+                existingBalances.sort((a, b) => {
+                  if (
+                    a.chain.id === props.toChain.id &&
+                    a.token.address === toToken.address
+                  )
+                    return -1;
+                  if (
+                    b.chain.id === props.toChain.id &&
+                    b.token.address === toToken.address
+                  )
+                    return 1;
+                  if (a.chain.id === props.toChain.id) return -1;
+                  if (b.chain.id === props.toChain.id) return 1;
+                  return a.chain.id > b.chain.id ? 1 : -1;
+                });
+              }
+            } catch (error) {
+              console.error(
+                `Failed to fetch balance for wallet ${wallet.id} on chain ${chainId} for token ${token.symbol}:`,
+                error,
+              );
+            }
+          });
+        });
+      });
+
+      await Promise.all(balancePromises);
+      return walletBalanceMap;
+    },
+    enabled: !!props.sourceSupportedTokens && !!chainInfo.data,
+  });
+
+  if (walletsAndBalances.isLoading || !walletsAndBalances.data) {
+    return <LoadingScreen />;
+  }
+
+  return (
+    <Container>
+      <Container flex="column" gap="xs">
+        {Array.from(walletsAndBalances.data?.entries() || [])
+          .filter(([w]) => !props.hiddenWallets?.includes(w.id))
+          .map(([w, balances]) => {
+            const address = w.getAccount()?.address;
+            if (!address) return null;
+            return (
+              <WalletRowWithBalances
+                key={w.id}
+                wallet={w}
+                balances={balances}
+                client={props.client}
+                address={address}
+                onClick={props.onSelect}
+              />
+            );
+          })}
+        {!hideConnectButton && (
+          <Button
+            variant="secondary"
+            fullWidth
+            onClick={props.onConnect}
+            gap="xs"
+            bg="tertiaryBg"
+            style={{
+              borderRadius: radius.lg,
+              border: `1px solid ${theme.colors.borderColor}`,
+              padding: spacing.sm,
+            }}
+          >
+            <Container
+              flex="row"
+              gap="sm"
+              center="y"
+              expand
+              color="secondaryIconColor"
+            >
+              <OutlineWalletIcon size={iconSize.md} />
+              <Text size="sm" color="primaryText">
+                Pay with another wallet
+              </Text>
+            </Container>
+          </Button>
+        )}
+        {props.payWithFiatEnabled && (
+          <Button
+            variant="secondary"
+            fullWidth
+            gap="xs"
+            bg="tertiaryBg"
+            onClick={props.onSelectFiat}
+            style={{
+              borderRadius: radius.lg,
+              border: `1px solid ${theme.colors.borderColor}`,
+              padding: spacing.sm,
+            }}
+          >
+            <Container
+              flex="row"
+              gap="sm"
+              center="y"
+              expand
+              color="secondaryIconColor"
+            >
+              <IdCardIcon
+                style={{
+                  width: iconSize.md,
+                  height: iconSize.md,
+                }}
+              />
+              <Text size="sm" color="primaryText">
+                Pay with credit card
+              </Text>
+            </Container>
+          </Button>
+        )}
+      </Container>
+      <Spacer y="sm" />
+    </Container>
+  );
+}

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

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

package/src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts

@@ -13,9 +13,10 @@ export function formatTokenBalance(
     displayValue: string;
   },
   showSymbol = true,
+  decimals = 5,
 ) {
   return (
-    formatNumber(Number(balanceData.displayValue), 5) +
+    formatNumber(Number(balanceData.displayValue), decimals) +
     (showSymbol ? ` ${balanceData.symbol}` : "")
   );
 }

package/src/react/web/ui/components/token/TokenSymbol.tsx

@@ -15,7 +15,7 @@ import { Text } from "../text.js";
 export function TokenSymbol(props: {
   token: ERC20OrNativeToken;
   chain: Chain;
-  size: "sm" | "md" | "lg";
+  size: "xs" | "sm" | "md" | "lg";
   color?: keyof Theme["colors"];
   inline?: boolean;
 }) {
@@ -43,7 +43,7 @@ export function TokenSymbol(props: {
 
 function NativeTokenSymbol(props: {
   chain: Chain;
-  size: "sm" | "md" | "lg";
+  size: "xs" | "sm" | "md" | "lg";
   color?: keyof Theme["colors"];
   inline?: boolean;
 }) {

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

@@ -5,7 +5,7 @@ import { useMemo, useState } from "react";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
-import { getEcosystemOptions } from "../../../../wallets/ecosystem/get-ecosystem-wallet-auth-options.js";
+import { getEcosystemInfo } from "../../../../wallets/ecosystem/get-ecosystem-wallet-auth-options.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
 import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
 import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
@@ -123,7 +123,7 @@ export const ConnectWalletSocialOptions = (
     queryKey: ["auth-options", wallet.id],
     queryFn: async () => {
       if (isEcosystemWallet(wallet)) {
-        const options = await getEcosystemOptions(wallet.id);
+        const options = await getEcosystemInfo(wallet.id);
         return options?.authOptions ?? null;
       }
       return null;

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.64.2";
+export const version = "5.64.3";

package/src/wallets/ecosystem/get-ecosystem-wallet-auth-options.ts

@@ -1,8 +1,13 @@
 import { getThirdwebBaseUrl } from "../../utils/domains.js";
+import { withCache } from "../../utils/promise/withCache.js";
 import type { AuthOption } from "../types.js";
 import type { EcosystemWalletId } from "../wallet-types.js";
 
 export type EcosystemOptions = {
+  name: string;
+  imageUrl?: string;
+  slug: string;
+  homepage?: string;
   authOptions: AuthOption[];
   smartAccountOptions: SmartAccountOptions;
 };
@@ -19,32 +24,40 @@ type SmartAccountOptions = {
  * @returns {AuthOption[] | undefined} The auth options for the ecosystem wallet.
  * @internal
  */
-export async function getEcosystemOptions(
+export async function getEcosystemInfo(
   walletId: EcosystemWalletId,
-): Promise<EcosystemOptions | null> {
-  const res = await fetch(
-    `${getThirdwebBaseUrl("inAppWallet")}/api/2024-05-05/ecosystem-wallet`,
-    {
-      headers: {
-        "x-ecosystem-id": walletId,
-      },
-    },
-  );
+): Promise<EcosystemOptions> {
+  return withCache(
+    async () => {
+      const res = await fetch(
+        `${getThirdwebBaseUrl("inAppWallet")}/api/2024-05-05/ecosystem-wallet`,
+        {
+          headers: {
+            "x-ecosystem-id": walletId,
+          },
+        },
+      );
 
-  const data = await res.json();
+      const data = await res.json();
 
-  if (!data || data.code === "UNAUTHORIZED") {
-    throw new Error(
-      data.message ||
-        `Could not find ecosystem wallet with id ${walletId}, please check your ecosystem wallet configuration.`,
-    );
-  }
+      if (!data || data.code === "UNAUTHORIZED") {
+        throw new Error(
+          data.message ||
+            `Could not find ecosystem wallet with id ${walletId}, please check your ecosystem wallet configuration.`,
+        );
+      }
 
-  // siwe is the auth option in the backend, but we want to use wallet as the auth option in the frontend
-  if (data.authOptions?.includes("siwe")) {
-    data.authOptions = data.authOptions.filter((o: string) => o !== "siwe");
-    data.authOptions.push("wallet");
-  }
+      // siwe is the auth option in the backend, but we want to use wallet as the auth option in the frontend
+      if (data.authOptions?.includes("siwe")) {
+        data.authOptions = data.authOptions.filter((o: string) => o !== "siwe");
+        data.authOptions.push("wallet");
+      }
 
-  return data ?? null;
+      return data;
+    },
+    {
+      cacheKey: `ecosystem-wallet-options-${walletId}`,
+      cacheTime: 1000 * 60 * 5, // 5 mins
+    },
+  );
 }

package/src/wallets/ecosystem/get-ecosystem-wallet-info.ts

@@ -1,7 +1,7 @@
-import { getThirdwebBaseUrl } from "../../utils/domains.js";
 import type { Prettify } from "../../utils/type-utils.js";
 import type { WalletInfo } from "../wallet-info.js";
 import type { EcosystemWalletId } from "../wallet-types.js";
+import { getEcosystemInfo } from "./get-ecosystem-wallet-auth-options.js";
 
 /**
  * Fetches metadata for a given ecosystem wallet.
@@ -14,29 +14,13 @@ import type { EcosystemWalletId } from "../wallet-types.js";
 export async function getEcosystemWalletInfo(
   walletId: EcosystemWalletId,
 ): Promise<Prettify<WalletInfo>> {
-  const res = await fetch(
-    `${getThirdwebBaseUrl("inAppWallet")}/api/2024-05-05/ecosystem-wallet`,
-    {
-      headers: {
-        "x-ecosystem-id": walletId,
-      },
-    },
-  );
-
-  const data = await res.json();
-
-  if (!data || data.code === "UNAUTHORIZED") {
-    throw new Error(
-      data.message ||
-        `Could not find ecosystem wallet with id ${walletId}, please check your ecosystem wallet configuration.`,
-    );
-  }
+  const data = await getEcosystemInfo(walletId);
 
   return {
     id: walletId,
-    name: data.name as string,
-    image_id: data.imageUrl as string,
-    homepage: data.homepage as string,
+    name: data.name,
+    image_id: data.imageUrl || "",
+    homepage: data.homepage || "",
     rdns: null,
     app: {
       browser: null,

package/src/wallets/in-app/core/wallet/in-app-core.ts

@@ -2,6 +2,7 @@ import { trackConnect } from "../../../../analytics/track/connect.js";
 import type { Chain } from "../../../../chains/types.js";
 import { getCachedChainIfExists } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
+import { getEcosystemInfo } from "../../../ecosystem/get-ecosystem-wallet-auth-options.js";
 import type { Account, Wallet } from "../../../interfaces/wallet.js";
 import { createWalletEmitter } from "../../../wallet-emitter.js";
 import type {
@@ -38,9 +39,10 @@ export function createInAppWallet(args: {
   connectorFactory: (client: ThirdwebClient) => Promise<InAppConnector>;
   ecosystem?: Ecosystem;
 }): Wallet<"inApp" | EcosystemWalletId> {
-  const { createOptions, connectorFactory, ecosystem } = args;
+  const { createOptions: _createOptions, connectorFactory, ecosystem } = args;
   const walletId = ecosystem ? ecosystem.id : "inApp";
   const emitter = createWalletEmitter<"inApp">();
+  let createOptions = _createOptions;
   let account: Account | undefined = undefined;
   let chain: Chain | undefined = undefined;
   let client: ThirdwebClient | undefined;
@@ -66,11 +68,32 @@ export function createInAppWallet(args: {
         connectorFactory,
         ecosystem,
       );
+
+      if (ecosystem) {
+        const ecosystemOptions = await getEcosystemInfo(ecosystem.id);
+        const smartAccountOptions = ecosystemOptions?.smartAccountOptions;
+        if (smartAccountOptions) {
+          const preferredChain = options.chain;
+          if (!preferredChain) {
+            throw new Error(
+              "Chain is required for ecosystem smart accounts, pass it via connect() or via UI components",
+            );
+          }
+          createOptions = {
+            ...createOptions,
+            smartAccount: {
+              chain: preferredChain,
+              sponsorGas: smartAccountOptions.sponsorGas,
+              factoryAddress: smartAccountOptions.accountFactoryAddress,
+            },
+          };
+        }
+      }
+
       const [connectedAccount, connectedChain] = await autoConnectInAppWallet(
         options,
         createOptions,
         connector,
-        ecosystem,
       );
 
       // set the states
@@ -94,11 +117,31 @@ export function createInAppWallet(args: {
         ecosystem,
       );
 
+      if (ecosystem) {
+        const ecosystemOptions = await getEcosystemInfo(ecosystem.id);
+        const smartAccountOptions = ecosystemOptions?.smartAccountOptions;
+        if (smartAccountOptions) {
+          const preferredChain = options.chain;
+          if (!preferredChain) {
+            throw new Error(
+              "Chain is required for ecosystem smart accounts, pass it via connect() or via UI components",
+            );
+          }
+          createOptions = {
+            ...createOptions,
+            smartAccount: {
+              chain: preferredChain,
+              sponsorGas: smartAccountOptions.sponsorGas,
+              factoryAddress: smartAccountOptions.accountFactoryAddress,
+            },
+          };
+        }
+      }
+
       const [connectedAccount, connectedChain] = await connectInAppWallet(
         options,
         createOptions,
         connector,
-        ecosystem,
       );
       // set the states
       client = options.client;
@@ -139,6 +182,22 @@ export function createInAppWallet(args: {
           connectorFactory,
           ecosystem,
         );
+
+        if (ecosystem) {
+          const ecosystemOptions = await getEcosystemInfo(ecosystem.id);
+          const smartAccountOptions = ecosystemOptions?.smartAccountOptions;
+          if (smartAccountOptions) {
+            createOptions = {
+              ...createOptions,
+              smartAccount: {
+                chain: newChain,
+                sponsorGas: smartAccountOptions.sponsorGas,
+                factoryAddress: smartAccountOptions.accountFactoryAddress,
+              },
+            };
+          }
+        }
+
         const [connectedAccount, connectedChain] = await autoConnectInAppWallet(
           {
             chain: newChain,
@@ -146,7 +205,6 @@ export function createInAppWallet(args: {
           },
           createOptions,
           connector,
-          ecosystem,
         );
         account = connectedAccount;
         chain = connectedChain;

package/src/wallets/in-app/core/wallet/index.ts

@@ -1,12 +1,10 @@
 import { ethereum } from "../../../../chains/chain-definitions/ethereum.js";
 import type { Chain } from "../../../../chains/types.js";
-import { getCachedChain } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import {
   type SocialAuthOption,
   socialAuthOptions,
 } from "../../../../wallets/types.js";
-import { getEcosystemOptions } from "../../../ecosystem/get-ecosystem-wallet-auth-options.js";
 import type { Account, Wallet } from "../../../interfaces/wallet.js";
 import type { EcosystemWalletId, WalletId } from "../../../wallet-types.js";
 import type {
@@ -15,7 +13,6 @@ import type {
   WalletConnectionOption,
 } from "../../../wallet-types.js";
 import type { InAppConnector } from "../interfaces/connector.js";
-import type { Ecosystem } from "./types.js";
 
 /**
  * Checks if the provided wallet is an in-app wallet.
@@ -40,7 +37,6 @@ export async function connectInAppWallet(
     | CreateWalletArgs<"inApp">[1]
     | CreateWalletArgs<EcosystemWalletId>[1],
   connector: InAppConnector,
-  ecosystem: Ecosystem | undefined,
 ): Promise<[Account, Chain]> {
   if (
     // if auth mode is not specified, the default is popup
@@ -77,33 +73,6 @@ export async function connectInAppWallet(
     });
   }
 
-  if (ecosystem) {
-    const ecosystemOptions = await getEcosystemOptions(ecosystem.id);
-    const smartAccountOptions = ecosystemOptions?.smartAccountOptions;
-    if (smartAccountOptions) {
-      const allowedChains = smartAccountOptions.chainIds;
-      const firstAllowedChain = allowedChains[0];
-      if (!firstAllowedChain) {
-        throw new Error(
-          "At least one chain must be allowed for ecosystem smart account",
-        );
-      }
-      const preferredChain =
-        options.chain && allowedChains.includes(options.chain.id)
-          ? options.chain
-          : getCachedChain(firstAllowedChain);
-      return convertToSmartAccount({
-        client: options.client,
-        authAccount,
-        smartAccountOptions: {
-          chain: preferredChain,
-          sponsorGas: smartAccountOptions.sponsorGas,
-          factoryAddress: smartAccountOptions.accountFactoryAddress,
-        },
-      });
-    }
-  }
-
   return [authAccount, options.chain || ethereum] as const;
 }
 
@@ -118,7 +87,6 @@ export async function autoConnectInAppWallet(
     | CreateWalletArgs<"inApp">[1]
     | CreateWalletArgs<EcosystemWalletId>[1],
   connector: InAppConnector,
-  ecosystem: Ecosystem | undefined,
 ): Promise<[Account, Chain]> {
   if (options.authResult && connector.loginWithAuthToken) {
     await connector.loginWithAuthToken(options.authResult);
@@ -144,33 +112,6 @@ export async function autoConnectInAppWallet(
     });
   }
 
-  if (ecosystem) {
-    const ecosystemOptions = await getEcosystemOptions(ecosystem.id);
-    const smartAccountOptions = ecosystemOptions?.smartAccountOptions;
-    if (smartAccountOptions) {
-      const allowedChains = smartAccountOptions.chainIds;
-      const firstAllowedChain = allowedChains[0];
-      if (!firstAllowedChain) {
-        throw new Error(
-          "At least one chain must be allowed for ecosystem smart account",
-        );
-      }
-      const preferredChain =
-        options.chain && allowedChains.includes(options.chain.id)
-          ? options.chain
-          : getCachedChain(firstAllowedChain);
-      return convertToSmartAccount({
-        client: options.client,
-        authAccount,
-        smartAccountOptions: {
-          chain: preferredChain,
-          sponsorGas: smartAccountOptions.sponsorGas,
-          factoryAddress: smartAccountOptions.accountFactoryAddress,
-        },
-      });
-    }
-  }
-
   return [authAccount, options.chain || ethereum] as const;
 }
 

package/src/wallets/smart/lib/bundler.ts

@@ -84,7 +84,10 @@ export async function estimateUserOpGas(args: {
   // add gas buffer for managed account factory delegate calls
   return {
     preVerificationGas: hexToBigInt(res.preVerificationGas),
-    verificationGas: hexToBigInt(res.verificationGas),
+    verificationGas:
+      res.verificationGas !== undefined
+        ? hexToBigInt(res.verificationGas)
+        : undefined,
     verificationGasLimit: hexToBigInt(res.verificationGasLimit),
     callGasLimit: hexToBigInt(res.callGasLimit) + MANAGED_ACCOUNT_GAS_BUFFER,
     paymasterVerificationGasLimit: