thirdweb 5.100.0-nightly-713ebe0a2d6d8a409e41ce0f0317fc34b1f221bb-20250520000414 → 5.100.0

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostOnRampSwapFlow.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/PostOnRampSwapFlow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,KAAK,uBAAuB,EAAa,MAAM,gBAAgB,CAAC;AAKzE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,uBAAuB,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAChE,8CAoCA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.d.ts

@@ -1,14 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { ValidBuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import type { PayerInfo } from "../types.js";
-export declare function FiatDetailsScreen(props: {
-    title: string;
-    status: ValidBuyWithFiatStatus;
-    onBack: () => void;
-    client: ThirdwebClient;
-    onDone: () => void;
-    transactionMode: boolean;
-    isEmbed: boolean;
-    payer: PayerInfo;
-}): import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=FiatDetailsScreen.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FiatDetailsScreen.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/FiatDetailsScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAEV,sBAAsB,EACvB,MAAM,mDAAmD,CAAC;AAK3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB,8CAkGA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.d.ts

@@ -1,14 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { PayerInfo } from "../types.js";
-import type { TxStatusInfo } from "./useBuyTransactionsToShow.js";
-export declare function TxDetailsScreen(props: {
-    title: string;
-    client: ThirdwebClient;
-    statusInfo: TxStatusInfo;
-    onBack: () => void;
-    onDone: () => void;
-    transactionMode: boolean;
-    isEmbed: boolean;
-    payer: PayerInfo;
-}): import("react/jsx-runtime.js").JSX.Element | null;
-//# sourceMappingURL=TxDetailsScreen.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TxDetailsScreen.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/TxDetailsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,YAAY,CAAC;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB,qDA6BA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.d.ts

@@ -1,10 +0,0 @@
-import type { ValidBuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
-import type { ValidBuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-export type TxStatusInfo = {
-    type: "swap";
-    status: ValidBuyWithCryptoStatus;
-} | {
-    type: "fiat";
-    status: ValidBuyWithFiatStatus;
-};
-//# sourceMappingURL=useBuyTransactionsToShow.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBuyTransactionsToShow.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAEhG,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,wBAAwB,CAAC;CAClC,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,sBAAsB,CAAC;CAChC,CAAC"}

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

@@ -1,142 +0,0 @@
-import { ExternalLinkIcon } from "@radix-ui/react-icons";
-import { getCachedChain } from "../../../../../../../chains/utils.js";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import { formatNumber } from "../../../../../../../utils/formatNumber.js";
-import { formatExplorerTxUrl } from "../../../../../../../utils/url.js";
-import {
-  fontSize,
-  iconSize,
-} from "../../../../../../core/design-system/index.js";
-import { useChainExplorers } from "../../../../../../core/hooks/others/useChainQuery.js";
-import { Spacer } from "../../../../components/Spacer.js";
-import { Container, Line } from "../../../../components/basic.js";
-import { ButtonLink } from "../../../../components/buttons.js";
-import { Text } from "../../../../components/text.js";
-import { TokenInfoRow } from "../pay-transactions/TokenInfoRow.js";
-import type { FiatStatusMeta } from "../pay-transactions/statusMeta.js";
-import { getCurrencyMeta, getFiatIcon } from "./currencies.js";
-
-/**
- * Show a table with the details of a "OnRamp" transaction step in the "Buy with Fiat" flow.
- * - Show OnRamp token as "Receive"
- * - Show fiat amount as "Pay"
- */
-export function OnRampTxDetailsTable(props: {
-  client: ThirdwebClient;
-  token: {
-    chainId: number;
-    address: string;
-    symbol: string;
-    amount: string;
-  };
-  fiat: {
-    currencySymbol: string;
-    amount: string;
-  };
-  statusMeta?: {
-    color: FiatStatusMeta["color"];
-    text: FiatStatusMeta["status"];
-    txHash?: string;
-  };
-}) {
-  const onRampExplorers = useChainExplorers(
-    getCachedChain(props.token.chainId),
-  );
-  const onrampTxHash = props.statusMeta?.txHash;
-  const currencyMeta = getCurrencyMeta(props.fiat.currencySymbol);
-
-  const lineSpacer = (
-    <>
-      <Spacer y="md" />
-      <Line />
-      <Spacer y="md" />
-    </>
-  );
-
-  return (
-    <div>
-      {/* Pay */}
-      <Container
-        flex="row"
-        style={{
-          justifyContent: "space-between",
-        }}
-      >
-        <Text size="sm">Pay</Text>
-        <Container
-          flex="column"
-          gap="xxs"
-          style={{
-            alignItems: "flex-end",
-          }}
-        >
-          <Container flex="row" gap="xs" center="y">
-            {getFiatIcon(currencyMeta, "sm")}
-            <Text color="primaryText">
-              {formatNumber(Number(props.fiat.amount), 2)}{" "}
-              {props.fiat.currencySymbol}
-            </Text>
-          </Container>
-        </Container>
-      </Container>
-
-      {lineSpacer}
-
-      {/* Receive */}
-      <TokenInfoRow
-        chainId={props.token.chainId}
-        client={props.client}
-        label="Receive"
-        tokenAmount={props.token.amount}
-        tokenSymbol={props.token.symbol}
-        tokenAddress={props.token.address}
-      />
-
-      {/* Status */}
-      {props.statusMeta && (
-        <>
-          {lineSpacer}
-          <Container
-            flex="row"
-            center="y"
-            style={{
-              justifyContent: "space-between",
-            }}
-          >
-            <Text>Status</Text>
-            <Container flex="row" gap="xs" center="y">
-              <Text color={props.statusMeta.color}>
-                {props.statusMeta.text}
-              </Text>
-            </Container>
-          </Container>
-        </>
-      )}
-
-      {lineSpacer}
-
-      {/* Transaction Hash link */}
-      {onrampTxHash && onRampExplorers.explorers?.[0]?.url && (
-        <>
-          <Spacer y="md" />
-          <ButtonLink
-            fullWidth
-            variant="outline"
-            href={formatExplorerTxUrl(
-              onRampExplorers.explorers[0]?.url,
-              onrampTxHash,
-            )}
-            target="_blank"
-            gap="xs"
-            style={{
-              fontSize: fontSize.sm,
-            }}
-          >
-            View on Explorer
-            <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
-          </ButtonLink>
-        </>
-      )}
-    </div>
-  );
-}

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

@@ -1,170 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
-import { getCachedChain } from "../../../../../../../chains/utils.js";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import { getContract } from "../../../../../../../contract/contract.js";
-import { allowance } from "../../../../../../../extensions/erc20/__generated__/IERC20/read/allowance.js";
-import type { BuyWithCryptoQuote } from "../../../../../../../pay/buyWithCrypto/getQuote.js";
-import type { BuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
-import { getPostOnRampQuote } from "../../../../../../../pay/buyWithFiat/getPostOnRampQuote.js";
-import type { BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import { iconSize } from "../../../../../../core/design-system/index.js";
-import { Spacer } from "../../../../components/Spacer.js";
-import { Spinner } from "../../../../components/Spinner.js";
-import { Container, ModalHeader } from "../../../../components/basic.js";
-import { Button } from "../../../../components/buttons.js";
-import { Text } from "../../../../components/text.js";
-import { AccentFailIcon } from "../../../icons/AccentFailIcon.js";
-import { SwapFlow } from "../swap/SwapFlow.js";
-import type { PayerInfo } from "../types.js";
-
-export function PostOnRampSwap(props: {
-  title: string;
-  client: ThirdwebClient;
-  buyWithFiatStatus: BuyWithFiatStatus;
-  onBack?: () => void;
-  onDone: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  payer: PayerInfo;
-  onSuccess: ((status: BuyWithCryptoStatus) => void) | undefined;
-}) {
-  const [lockedOnRampQuote, setLockedOnRampQuote] = useState<
-    BuyWithCryptoQuote | undefined
-  >(undefined);
-
-  const postOnRampQuoteQuery = useQuery({
-    queryKey: ["getPostOnRampQuote", props.buyWithFiatStatus],
-    queryFn: async () => {
-      return await getPostOnRampQuote({
-        client: props.client,
-        buyWithFiatStatus: props.buyWithFiatStatus,
-      });
-    },
-    // stop fetching if a quote is already locked
-    enabled: !lockedOnRampQuote,
-    refetchOnWindowFocus: false,
-  });
-
-  const allowanceQuery = useQuery({
-    queryKey: [
-      "allowance",
-      props.payer.account.address,
-      postOnRampQuoteQuery.data?.approvalData,
-    ],
-    queryFn: () => {
-      if (!postOnRampQuoteQuery.data?.approvalData) {
-        return null;
-      }
-      return allowance({
-        contract: getContract({
-          client: props.client,
-          address: postOnRampQuoteQuery.data.swapDetails.fromToken.tokenAddress,
-          chain: getCachedChain(
-            postOnRampQuoteQuery.data.swapDetails.fromToken.chainId,
-          ),
-        }),
-        spender: postOnRampQuoteQuery.data.approvalData.spenderAddress,
-        owner: props.payer.account.address,
-      });
-    },
-    enabled: !!postOnRampQuoteQuery.data?.approvalData,
-    refetchOnMount: true,
-  });
-
-  useEffect(() => {
-    if (
-      postOnRampQuoteQuery.data &&
-      !lockedOnRampQuote &&
-      !postOnRampQuoteQuery.isRefetching &&
-      !allowanceQuery.isLoading
-    ) {
-      setLockedOnRampQuote(postOnRampQuoteQuery.data);
-    }
-  }, [
-    postOnRampQuoteQuery.data,
-    lockedOnRampQuote,
-    postOnRampQuoteQuery.isRefetching,
-    allowanceQuery.isLoading,
-  ]);
-
-  if (postOnRampQuoteQuery.isError) {
-    return (
-      <Container fullHeight>
-        <Container p="lg">
-          <ModalHeader title={props.title} onBack={props.onBack} />
-        </Container>
-
-        <Container
-          style={{
-            minHeight: "300px",
-          }}
-          flex="column"
-          center="both"
-          p="lg"
-        >
-          <AccentFailIcon size={iconSize["3xl"]} />
-          <Spacer y="xl" />
-          <Text color="primaryText">Failed to get a price quote</Text>
-          <Spacer y="lg" />
-
-          <Button
-            fullWidth
-            variant="primary"
-            onClick={() => {
-              postOnRampQuoteQuery.refetch();
-            }}
-          >
-            Try Again
-          </Button>
-        </Container>
-
-        <Spacer y="xxl" />
-      </Container>
-    );
-  }
-
-  if (!lockedOnRampQuote) {
-    return (
-      <Container fullHeight>
-        <Container p="lg">
-          <ModalHeader title={props.title} onBack={props.onBack} />
-        </Container>
-
-        <Container
-          style={{
-            minHeight: "300px",
-          }}
-          flex="column"
-          center="both"
-        >
-          <Spinner size="xxl" color="accentText" />
-          <Spacer y="xl" />
-          <Text color="primaryText">Getting price quote</Text>
-        </Container>
-
-        <Spacer y="xxl" />
-      </Container>
-    );
-  }
-
-  return (
-    <SwapFlow
-      title={props.title}
-      payer={props.payer}
-      buyWithCryptoQuote={lockedOnRampQuote}
-      client={props.client}
-      onBack={props.onBack}
-      isFiatFlow={true}
-      onDone={props.onDone}
-      onTryAgain={() => {
-        setLockedOnRampQuote(undefined);
-        postOnRampQuoteQuery.refetch();
-      }}
-      transactionMode={props.transactionMode}
-      isEmbed={props.isEmbed}
-      onSuccess={props.onSuccess}
-      approvalAmount={allowanceQuery.data ?? undefined}
-    />
-  );
-}

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

@@ -1,63 +0,0 @@
-import { useState } from "react";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { BuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
-import type { BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import type { PayerInfo } from "../types.js";
-import { type BuyWithFiatPartialQuote, FiatSteps } from "./FiatSteps.js";
-import { PostOnRampSwap } from "./PostOnRampSwap.js";
-
-// Note: It is necessary to lock in the fiat-status in state and only pass that to <PostOnRampSwap /> so it does not suddenly change during the swap process.
-
-/**
- * - Show 2 steps UI with step 2 highlighted, on continue button click:
- * - Show swap flow
- */
-export function PostOnRampSwapFlow(props: {
-  title: string;
-  status: BuyWithFiatStatus;
-  quote: BuyWithFiatPartialQuote;
-  client: ThirdwebClient;
-  onBack: () => void;
-  onDone: () => void;
-  onSwapFlowStarted: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  payer: PayerInfo;
-  onSuccess: ((status: BuyWithCryptoStatus) => void) | undefined;
-}) {
-  const [statusForSwap, setStatusForSwap] = useState<
-    BuyWithFiatStatus | undefined
-  >();
-
-  // step 2 flow
-  if (statusForSwap) {
-    return (
-      <PostOnRampSwap
-        title={props.title}
-        buyWithFiatStatus={statusForSwap}
-        client={props.client}
-        onDone={props.onDone}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        payer={props.payer}
-        onSuccess={props.onSuccess}
-      />
-    );
-  }
-
-  // show step 1 and step 2 details
-  return (
-    <FiatSteps
-      title={props.title}
-      client={props.client}
-      onBack={props.onBack}
-      partialQuote={props.quote}
-      step={2}
-      onContinue={() => {
-        props.onSwapFlowStarted();
-        setStatusForSwap(props.status);
-      }}
-      status={props.status}
-    />
-  );
-}

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

@@ -1,138 +0,0 @@
-import { useState } from "react";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type {
-  BuyWithFiatStatus,
-  ValidBuyWithFiatStatus,
-} from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import { useBuyWithFiatStatus } from "../../../../../../core/hooks/pay/useBuyWithFiatStatus.js";
-import { Container, Line, ModalHeader } from "../../../../components/basic.js";
-import { OnRampTxDetailsTable } from "../fiat/FiatTxDetailsTable.js";
-import { PostOnRampSwapFlow } from "../fiat/PostOnRampSwapFlow.js";
-import type { PayerInfo } from "../types.js";
-import { getBuyWithFiatStatusMeta } from "./statusMeta.js";
-
-export function FiatDetailsScreen(props: {
-  title: string;
-  status: ValidBuyWithFiatStatus;
-  onBack: () => void;
-  client: ThirdwebClient;
-  onDone: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  payer: PayerInfo;
-}) {
-  const initialStatus = props.status;
-  const [stopPolling, setStopPolling] = useState(false);
-
-  const statusQuery = useBuyWithFiatStatus(
-    stopPolling
-      ? undefined
-      : {
-          client: props.client,
-          intentId: initialStatus.intentId,
-        },
-  );
-
-  const status: ValidBuyWithFiatStatus =
-    (statusQuery.data?.status === "NOT_FOUND" ? undefined : statusQuery.data) ||
-    initialStatus;
-
-  const hasTwoSteps = isSwapRequiredAfterOnRamp(status);
-  const statusMeta = getBuyWithFiatStatusMeta(status);
-
-  if (hasTwoSteps) {
-    const fiatQuote = status.quote;
-    return (
-      <PostOnRampSwapFlow
-        title={props.title}
-        client={props.client}
-        status={status}
-        onBack={props.onBack}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        quote={{
-          fromCurrencyAmount: fiatQuote.fromCurrencyWithFees.amount,
-          fromCurrencySymbol: fiatQuote.fromCurrencyWithFees.currencySymbol,
-          onRampTokenAmount: fiatQuote.estimatedOnRampAmount,
-          toTokenAmount: fiatQuote.estimatedToTokenAmount,
-          onRampToken: {
-            chainId: fiatQuote.onRampToken.chainId,
-            tokenAddress: fiatQuote.onRampToken.tokenAddress,
-            name: fiatQuote.onRampToken.name,
-            symbol: fiatQuote.onRampToken.symbol,
-          },
-          toToken: {
-            chainId: fiatQuote.toToken.chainId,
-            tokenAddress: fiatQuote.toToken.tokenAddress,
-            name: fiatQuote.toToken.name,
-            symbol: fiatQuote.toToken.symbol,
-          },
-        }}
-        onDone={props.onDone}
-        onSwapFlowStarted={() => {
-          setStopPolling(true);
-        }}
-        payer={props.payer}
-        // viewing history - ignore onSuccess
-        onSuccess={undefined}
-      />
-    );
-  }
-
-  return (
-    <Container>
-      <Container p="lg">
-        <ModalHeader title="Transaction Details" onBack={props.onBack} />
-      </Container>
-
-      <Line />
-
-      <Container p="lg">
-        <OnRampTxDetailsTable
-          client={props.client}
-          token={
-            status.source
-              ? {
-                  chainId: status.source.token.chainId,
-                  address: status.source.token.tokenAddress,
-                  symbol: status.source.token.symbol || "",
-                  amount: status.source.amount,
-                }
-              : {
-                  address: status.quote.onRampToken.tokenAddress,
-                  amount: status.quote.estimatedOnRampAmount,
-                  chainId: status.quote.onRampToken.chainId,
-                  symbol: status.quote.onRampToken.symbol || "",
-                }
-          }
-          fiat={{
-            amount: status.quote.fromCurrencyWithFees.amount,
-            currencySymbol: status.quote.fromCurrencyWithFees.currencySymbol,
-          }}
-          statusMeta={{
-            color: statusMeta.color,
-            text: statusMeta.status,
-            txHash: status.source?.transactionHash,
-          }}
-        />
-      </Container>
-    </Container>
-  );
-}
-
-// if the toToken is the same as the onRampToken, no swap is required
-function isSwapRequiredAfterOnRamp(buyWithFiatStatus: BuyWithFiatStatus) {
-  if (buyWithFiatStatus.status === "NOT_FOUND") {
-    return false;
-  }
-
-  const sameChain =
-    buyWithFiatStatus.quote.toToken.chainId ===
-    buyWithFiatStatus.quote.onRampToken.chainId;
-
-  const sameToken =
-    buyWithFiatStatus.quote.toToken.tokenAddress ===
-    buyWithFiatStatus.quote.onRampToken.tokenAddress;
-
-  return !(sameChain && sameToken);
-}

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

@@ -1,45 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { PayerInfo } from "../types.js";
-import { FiatDetailsScreen } from "./FiatDetailsScreen.js";
-import { SwapDetailsScreen } from "./SwapDetailsScreen.js";
-import type { TxStatusInfo } from "./useBuyTransactionsToShow.js";
-
-export function TxDetailsScreen(props: {
-  title: string;
-  client: ThirdwebClient;
-  statusInfo: TxStatusInfo;
-  onBack: () => void;
-  onDone: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  payer: PayerInfo;
-}) {
-  const { statusInfo } = props;
-
-  if (statusInfo.type === "swap") {
-    return (
-      <SwapDetailsScreen
-        client={props.client}
-        status={statusInfo.status}
-        onBack={props.onBack}
-      />
-    );
-  }
-
-  if (statusInfo.type === "fiat") {
-    return (
-      <FiatDetailsScreen
-        title={props.title}
-        client={props.client}
-        status={statusInfo.status}
-        onBack={props.onBack}
-        onDone={props.onDone}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        payer={props.payer}
-      />
-    );
-  }
-
-  return null;
-}

package/src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/useBuyTransactionsToShow.ts

@@ -1,12 +0,0 @@
-import type { ValidBuyWithCryptoStatus } from "../../../../../../../pay/buyWithCrypto/getStatus.js";
-import type { ValidBuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-
-export type TxStatusInfo =
-  | {
-      type: "swap";
-      status: ValidBuyWithCryptoStatus;
-    }
-  | {
-      type: "fiat";
-      status: ValidBuyWithFiatStatus;
-    };