thirdweb 5.88.7 → 5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250224233959

package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js

@@ -1,113 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CheckCircledIcon } from "@radix-ui/react-icons";
-import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useRef } from "react";
-import { isMobile } from "../../../../../../../utils/web/isMobile.js";
-import { iconSize } from "../../../../../../core/design-system/index.js";
-import { useBuyWithFiatStatus } from "../../../../../../core/hooks/pay/useBuyWithFiatStatus.js";
-import { invalidateWalletBalance } from "../../../../../../core/providers/invalidateWalletBalance.js";
-import { Spacer } from "../../../../components/Spacer.js";
-import { Spinner } from "../../../../components/Spinner.js";
-import { StepBar } from "../../../../components/StepBar.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 { getBuyWithFiatStatusMeta } from "../pay-transactions/statusMeta.js";
-import { OnRampTxDetailsTable } from "./FiatTxDetailsTable.js";
-/**
- * Poll for "Buy with Fiat" status - when the on-ramp is in progress
- * - Show success screen if swap is not required and on-ramp is completed
- * - Show Failed screen if on-ramp failed
- * - call `onShowSwapFlow` if on-ramp is completed and swap is required
- */
-export function OnrampStatusScreen(props) {
-    const queryClient = useQueryClient();
-    const { openedWindow, onSuccess } = props;
-    const statusQuery = useBuyWithFiatStatus({
-        intentId: props.intentId,
-        client: props.client,
-    });
-    // determine UI status
-    let uiStatus = "loading";
-    if (statusQuery.data?.status === "ON_RAMP_TRANSFER_FAILED" ||
-        statusQuery.data?.status === "PAYMENT_FAILED") {
-        uiStatus = "failed";
-    }
-    else if (statusQuery.data?.status === "CRYPTO_SWAP_FALLBACK") {
-        uiStatus = "partialSuccess";
-    }
-    else if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-        uiStatus = "completed";
-    }
-    const purchaseCbCalled = useRef(false);
-    useEffect(() => {
-        if (purchaseCbCalled.current || !onSuccess) {
-            return;
-        }
-        if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-            purchaseCbCalled.current = true;
-            onSuccess(statusQuery.data);
-        }
-    }, [onSuccess, statusQuery.data]);
-    // close the onramp popup if onramp is completed
-    useEffect(() => {
-        if (!openedWindow || !statusQuery.data) {
-            return;
-        }
-        if (statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED" ||
-            statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-            openedWindow.close();
-        }
-    }, [statusQuery.data, openedWindow]);
-    // invalidate wallet balance when onramp is completed
-    const invalidatedBalance = useRef(false);
-    useEffect(() => {
-        if (!invalidatedBalance.current &&
-            statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-            invalidatedBalance.current = true;
-            invalidateWalletBalance(queryClient);
-        }
-    }, [statusQuery.data, queryClient]);
-    // show swap flow
-    useEffect(() => {
-        if (statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED") {
-            props.onShowSwapFlow(statusQuery.data);
-        }
-    }, [statusQuery.data, props.onShowSwapFlow]);
-    return (_jsxs(Container, { p: "lg", children: [_jsx(ModalHeader, { title: props.title, onBack: props.onBack }), props.hasTwoSteps && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "lg" }), _jsx(StepBar, { steps: 2, currentStep: 1 }), _jsx(Spacer, { y: "sm" }), _jsxs(Text, { size: "xs", children: ["Step 1 of 2 - Buying ", props.quote.onRampToken.token.symbol, " with", " ", props.quote.fromCurrencyWithFees.currencySymbol] })] })), _jsx(OnrampStatusScreenUI, { uiStatus: uiStatus, onDone: props.onDone, fiatStatus: statusQuery.data, client: props.client, transactionMode: props.transactionMode, quote: props.quote, isEmbed: props.isEmbed })] }));
-}
-function OnrampStatusScreenUI(props) {
-    const { uiStatus } = props;
-    const statusMeta = props.fiatStatus
-        ? getBuyWithFiatStatusMeta(props.fiatStatus)
-        : undefined;
-    const fiatStatus = props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND"
-        ? props.fiatStatus
-        : undefined;
-    const onRampTokenQuote = props.quote.onRampToken;
-    const txDetails = (_jsx(OnRampTxDetailsTable, { client: props.client, token: fiatStatus?.source // source tx is onRamp token
-            ? {
-                chainId: fiatStatus.source.token.chainId,
-                address: fiatStatus.source.token.tokenAddress,
-                symbol: fiatStatus.source.token.symbol || "",
-                amount: fiatStatus.source.amount,
-            }
-            : {
-                chainId: onRampTokenQuote.token.chainId,
-                address: onRampTokenQuote.token.tokenAddress,
-                symbol: onRampTokenQuote.token.symbol,
-                amount: onRampTokenQuote.amount,
-            }, fiat: {
-            amount: props.quote.fromCurrencyWithFees.amount,
-            currencySymbol: props.quote.fromCurrencyWithFees.currencySymbol,
-        }, statusMeta: fiatStatus?.source && statusMeta
-            ? {
-                color: statusMeta?.color,
-                text: statusMeta?.status,
-                txHash: fiatStatus.source.transactionHash,
-            }
-            : undefined }));
-    return (_jsxs(Container, { children: [_jsx(Spacer, { y: "xl" }), uiStatus === "loading" && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "md" }), _jsx(Container, { flex: "row", center: "x", children: _jsx(Spinner, { size: "xxl", color: "accentText" }) }), _jsx(Spacer, { y: "md" }), _jsx(Text, { color: "primaryText", size: "lg", center: true, children: "Buy Pending" }), _jsx(Spacer, { y: "sm" }), !isMobile() && _jsx(Text, { center: true, children: "Complete the purchase in popup" }), _jsx(Spacer, { y: "xxl" }), txDetails] })), uiStatus === "failed" && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "md" }), _jsx(Container, { flex: "row", center: "x", children: _jsx(AccentFailIcon, { size: iconSize["3xl"] }) }), _jsx(Spacer, { y: "lg" }), _jsx(Text, { color: "primaryText", size: "lg", center: true, children: "Transaction Failed" }), _jsx(Spacer, { y: "xxl" }), txDetails] })), uiStatus === "completed" && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "md" }), _jsx(Container, { flex: "row", center: "x", color: "success", children: _jsx(CheckCircledIcon, { width: iconSize["3xl"], height: iconSize["3xl"] }) }), _jsx(Spacer, { y: "md" }), _jsx(Text, { color: "primaryText", size: "lg", center: true, children: "Buy Complete" }), props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND" && (_jsxs(_Fragment, { children: [_jsx(Spacer, { y: "xxl" }), txDetails, _jsx(Spacer, { y: "sm" })] })), _jsx(Button, { variant: "accent", fullWidth: true, onClick: props.onDone, children: props.transactionMode ? "Continue Transaction" : "Done" })] }))] }));
-}
-//# sourceMappingURL=FiatStatusScreen.js.map

package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FiatStatusScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiatFlow.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,mDAAmD,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA+B7C,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD,qDAgGA"}

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

@@ -1,24 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
-import type { BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
-/**
- * Poll for "Buy with Fiat" status - when the on-ramp is in progress
- * - Show success screen if swap is not required and on-ramp is completed
- * - Show Failed screen if on-ramp failed
- * - call `onShowSwapFlow` if on-ramp is completed and swap is required
- */
-export declare function OnrampStatusScreen(props: {
-    title: string;
-    client: ThirdwebClient;
-    onBack: () => void;
-    intentId: string;
-    hasTwoSteps: boolean;
-    openedWindow: Window | null;
-    quote: BuyWithFiatQuote;
-    onDone: () => void;
-    onShowSwapFlow: (status: BuyWithFiatStatus) => void;
-    transactionMode: boolean;
-    isEmbed: boolean;
-    onSuccess: ((status: BuyWithFiatStatus) => void) | undefined;
-}): import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=FiatStatusScreen.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiatStatusScreen.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatStatusScreen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,mDAAmD,CAAC;AAiB3D;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9D,8CA2FA"}

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

@@ -1,152 +0,0 @@
-import { useCallback, useState } from "react";
-import { trackPayEvent } from "../../../../../../../analytics/track/pay.js";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
-import {
-  type BuyWithFiatStatus,
-  getBuyWithFiatStatus,
-} from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import { isSwapRequiredPostOnramp } from "../../../../../../../pay/buyWithFiat/isSwapRequiredPostOnramp.js";
-import { openOnrampPopup } from "../openOnRamppopup.js";
-import { addPendingTx } from "../swap/pendingSwapTx.js";
-import type { PayerInfo } from "../types.js";
-import { OnrampStatusScreen } from "./FiatStatusScreen.js";
-import { FiatSteps, fiatQuoteToPartialQuote } from "./FiatSteps.js";
-import { PostOnRampSwapFlow } from "./PostOnRampSwapFlow.js";
-
-// 2 possible flows
-
-// If a Swap is required after doing onramp
-// 1. show the 2 steps ui with step 1 highlighted, on continue button click:
-// 2. open provider window, show onramp status screen, on onramp success:
-// 3. show the 2 steps ui with step 2 highlighted, on continue button click:
-// 4. show swap flow
-
-//  If a Swap is not required after doing onramp
-//  - window will already be opened before this component is mounted and `openedWindow` prop will be set, show onramp status screen
-
-type Screen =
-  | {
-      id: "step-1";
-    }
-  | {
-      id: "onramp-status";
-    }
-  | {
-      id: "postonramp-swap";
-      data: BuyWithFiatStatus;
-    }
-  | {
-      id: "step-2";
-    };
-
-export function FiatFlow(props: {
-  title: string;
-  quote: BuyWithFiatQuote;
-  onBack: () => void;
-  client: ThirdwebClient;
-  testMode: boolean;
-  theme: "light" | "dark";
-  openedWindow: Window | null;
-  onDone: () => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  payer: PayerInfo;
-  onSuccess: (status: BuyWithFiatStatus) => void;
-}) {
-  const hasTwoSteps = isSwapRequiredPostOnramp(props.quote);
-  const [screen, setScreen] = useState<Screen>(
-    hasTwoSteps
-      ? {
-          id: "step-1",
-        }
-      : {
-          id: "onramp-status",
-        },
-  );
-
-  const [popupWindow, setPopupWindow] = useState<Window | null>(
-    props.openedWindow,
-  );
-
-  const onPostOnrampSuccess = useCallback(() => {
-    // report the status of fiat status instead of post onramp swap status when post onramp swap is successful
-    getBuyWithFiatStatus({
-      intentId: props.quote.intentId,
-      client: props.client,
-    }).then((status) => {
-      props.onSuccess(status);
-    });
-  }, [props.onSuccess, props.quote.intentId, props.client]);
-
-  if (screen.id === "step-1") {
-    return (
-      <FiatSteps
-        title={props.title}
-        client={props.client}
-        onBack={props.onBack}
-        partialQuote={fiatQuoteToPartialQuote(props.quote)}
-        step={1}
-        onContinue={() => {
-          const popup = openOnrampPopup(props.quote.onRampLink, props.theme);
-          trackPayEvent({
-            event: "open_onramp_popup",
-            client: props.client,
-            walletAddress: props.payer.account.address,
-            walletType: props.payer.wallet.id,
-          });
-          addPendingTx({
-            type: "fiat",
-            intentId: props.quote.intentId,
-          });
-          setPopupWindow(popup);
-          setScreen({ id: "onramp-status" });
-        }}
-      />
-    );
-  }
-
-  if (screen.id === "onramp-status") {
-    return (
-      <OnrampStatusScreen
-        title={props.title}
-        client={props.client}
-        intentId={props.quote.intentId}
-        onBack={props.onBack}
-        hasTwoSteps={hasTwoSteps}
-        openedWindow={popupWindow}
-        quote={props.quote}
-        onDone={props.onDone}
-        onShowSwapFlow={(_status) => {
-          setScreen({ id: "postonramp-swap", data: _status });
-        }}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        onSuccess={props.onSuccess}
-      />
-    );
-  }
-
-  if (screen.id === "postonramp-swap") {
-    return (
-      <PostOnRampSwapFlow
-        title={props.title}
-        status={screen.data}
-        quote={fiatQuoteToPartialQuote(props.quote)}
-        client={props.client}
-        onBack={props.onBack}
-        onDone={props.onDone}
-        onSwapFlowStarted={() => {
-          // no op
-        }}
-        transactionMode={props.transactionMode}
-        isEmbed={props.isEmbed}
-        payer={props.payer}
-        onSuccess={onPostOnrampSuccess}
-      />
-    );
-  }
-
-  // never
-  return null;
-}

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

@@ -1,258 +0,0 @@
-import { CheckCircledIcon } from "@radix-ui/react-icons";
-import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useRef } from "react";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
-import type {
-  BuyWithFiatStatus,
-  ValidBuyWithFiatStatus,
-} from "../../../../../../../pay/buyWithFiat/getStatus.js";
-import { isMobile } from "../../../../../../../utils/web/isMobile.js";
-import { iconSize } from "../../../../../../core/design-system/index.js";
-import { useBuyWithFiatStatus } from "../../../../../../core/hooks/pay/useBuyWithFiatStatus.js";
-import { invalidateWalletBalance } from "../../../../../../core/providers/invalidateWalletBalance.js";
-import { Spacer } from "../../../../components/Spacer.js";
-import { Spinner } from "../../../../components/Spinner.js";
-import { StepBar } from "../../../../components/StepBar.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 { getBuyWithFiatStatusMeta } from "../pay-transactions/statusMeta.js";
-import { OnRampTxDetailsTable } from "./FiatTxDetailsTable.js";
-
-type UIStatus = "loading" | "failed" | "completed" | "partialSuccess";
-
-/**
- * Poll for "Buy with Fiat" status - when the on-ramp is in progress
- * - Show success screen if swap is not required and on-ramp is completed
- * - Show Failed screen if on-ramp failed
- * - call `onShowSwapFlow` if on-ramp is completed and swap is required
- */
-export function OnrampStatusScreen(props: {
-  title: string;
-  client: ThirdwebClient;
-  onBack: () => void;
-  intentId: string;
-  hasTwoSteps: boolean;
-  openedWindow: Window | null;
-  quote: BuyWithFiatQuote;
-  onDone: () => void;
-  onShowSwapFlow: (status: BuyWithFiatStatus) => void;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  onSuccess: ((status: BuyWithFiatStatus) => void) | undefined;
-}) {
-  const queryClient = useQueryClient();
-  const { openedWindow, onSuccess } = props;
-  const statusQuery = useBuyWithFiatStatus({
-    intentId: props.intentId,
-    client: props.client,
-  });
-
-  // determine UI status
-  let uiStatus: UIStatus = "loading";
-  if (
-    statusQuery.data?.status === "ON_RAMP_TRANSFER_FAILED" ||
-    statusQuery.data?.status === "PAYMENT_FAILED"
-  ) {
-    uiStatus = "failed";
-  } else if (statusQuery.data?.status === "CRYPTO_SWAP_FALLBACK") {
-    uiStatus = "partialSuccess";
-  } else if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-    uiStatus = "completed";
-  }
-
-  const purchaseCbCalled = useRef(false);
-  useEffect(() => {
-    if (purchaseCbCalled.current || !onSuccess) {
-      return;
-    }
-
-    if (statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED") {
-      purchaseCbCalled.current = true;
-      onSuccess(statusQuery.data);
-    }
-  }, [onSuccess, statusQuery.data]);
-
-  // close the onramp popup if onramp is completed
-  useEffect(() => {
-    if (!openedWindow || !statusQuery.data) {
-      return;
-    }
-
-    if (
-      statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED" ||
-      statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED"
-    ) {
-      openedWindow.close();
-    }
-  }, [statusQuery.data, openedWindow]);
-
-  // invalidate wallet balance when onramp is completed
-  const invalidatedBalance = useRef(false);
-  useEffect(() => {
-    if (
-      !invalidatedBalance.current &&
-      statusQuery.data?.status === "ON_RAMP_TRANSFER_COMPLETED"
-    ) {
-      invalidatedBalance.current = true;
-      invalidateWalletBalance(queryClient);
-    }
-  }, [statusQuery.data, queryClient]);
-
-  // show swap flow
-  useEffect(() => {
-    if (statusQuery.data?.status === "CRYPTO_SWAP_REQUIRED") {
-      props.onShowSwapFlow(statusQuery.data);
-    }
-  }, [statusQuery.data, props.onShowSwapFlow]);
-
-  return (
-    <Container p="lg">
-      <ModalHeader title={props.title} onBack={props.onBack} />
-      {props.hasTwoSteps && (
-        <>
-          <Spacer y="lg" />
-          <StepBar steps={2} currentStep={1} />
-          <Spacer y="sm" />
-          <Text size="xs">
-            Step 1 of 2 - Buying {props.quote.onRampToken.token.symbol} with{" "}
-            {props.quote.fromCurrencyWithFees.currencySymbol}
-          </Text>
-        </>
-      )}
-      <OnrampStatusScreenUI
-        uiStatus={uiStatus}
-        onDone={props.onDone}
-        fiatStatus={statusQuery.data}
-        client={props.client}
-        transactionMode={props.transactionMode}
-        quote={props.quote}
-        isEmbed={props.isEmbed}
-      />
-    </Container>
-  );
-}
-
-function OnrampStatusScreenUI(props: {
-  uiStatus: UIStatus;
-  fiatStatus?: BuyWithFiatStatus;
-  onDone: () => void;
-  client: ThirdwebClient;
-  transactionMode: boolean;
-  isEmbed: boolean;
-  quote: BuyWithFiatQuote;
-}) {
-  const { uiStatus } = props;
-
-  const statusMeta = props.fiatStatus
-    ? getBuyWithFiatStatusMeta(props.fiatStatus)
-    : undefined;
-
-  const fiatStatus: ValidBuyWithFiatStatus | undefined =
-    props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND"
-      ? props.fiatStatus
-      : undefined;
-
-  const onRampTokenQuote = props.quote.onRampToken;
-
-  const txDetails = (
-    <OnRampTxDetailsTable
-      client={props.client}
-      token={
-        fiatStatus?.source // source tx is onRamp token
-          ? {
-              chainId: fiatStatus.source.token.chainId,
-              address: fiatStatus.source.token.tokenAddress,
-              symbol: fiatStatus.source.token.symbol || "",
-              amount: fiatStatus.source.amount,
-            }
-          : {
-              chainId: onRampTokenQuote.token.chainId,
-              address: onRampTokenQuote.token.tokenAddress,
-              symbol: onRampTokenQuote.token.symbol,
-              amount: onRampTokenQuote.amount,
-            }
-      }
-      fiat={{
-        amount: props.quote.fromCurrencyWithFees.amount,
-        currencySymbol: props.quote.fromCurrencyWithFees.currencySymbol,
-      }}
-      statusMeta={
-        fiatStatus?.source && statusMeta
-          ? {
-              color: statusMeta?.color,
-              text: statusMeta?.status,
-              txHash: fiatStatus.source.transactionHash,
-            }
-          : undefined
-      }
-    />
-  );
-
-  return (
-    <Container>
-      <Spacer y="xl" />
-
-      {uiStatus === "loading" && (
-        <>
-          <Spacer y="md" />
-          <Container flex="row" center="x">
-            <Spinner size="xxl" color="accentText" />
-          </Container>
-          <Spacer y="md" />
-          <Text color="primaryText" size="lg" center>
-            Buy Pending
-          </Text>
-          <Spacer y="sm" />
-          {!isMobile() && <Text center>Complete the purchase in popup</Text>}
-          <Spacer y="xxl" />
-          {txDetails}
-        </>
-      )}
-
-      {uiStatus === "failed" && (
-        <>
-          <Spacer y="md" />
-          <Container flex="row" center="x">
-            <AccentFailIcon size={iconSize["3xl"]} />
-          </Container>
-          <Spacer y="lg" />
-          <Text color="primaryText" size="lg" center>
-            Transaction Failed
-          </Text>
-          <Spacer y="xxl" />
-          {txDetails}
-        </>
-      )}
-
-      {uiStatus === "completed" && (
-        <>
-          <Spacer y="md" />
-          <Container flex="row" center="x" color="success">
-            <CheckCircledIcon
-              width={iconSize["3xl"]}
-              height={iconSize["3xl"]}
-            />
-          </Container>
-          <Spacer y="md" />
-          <Text color="primaryText" size="lg" center>
-            Buy Complete
-          </Text>
-          {props.fiatStatus && props.fiatStatus.status !== "NOT_FOUND" && (
-            <>
-              <Spacer y="xxl" />
-              {txDetails}
-              <Spacer y="sm" />
-            </>
-          )}
-
-          <Button variant="accent" fullWidth onClick={props.onDone}>
-            {props.transactionMode ? "Continue Transaction" : "Done"}
-          </Button>
-        </>
-      )}
-    </Container>
-  );
-}