state cleanup

Author: joaquim-verges

packages/thirdweb/src/pay/buyWithFiat/getStatus.ts

@@ -50,28 +50,13 @@ export type BuyWithFiatStatus =
        * - `NONE` - No status
        * - `PENDING_PAYMENT` - Payment is not done yet in the on-ramp provider
        * - `PAYMENT_FAILED` - Payment failed in the on-ramp provider
-       * - `PENDING_ON_RAMP_TRANSFER` - Payment is done but the on-ramp provider is yet to transfer the tokens to the user's wallet
-       * - `ON_RAMP_TRANSFER_IN_PROGRESS` - On-ramp provider is transferring the tokens to the user's wallet
        * - `ON_RAMP_TRANSFER_COMPLETED` - On-ramp provider has transferred the tokens to the user's wallet
-       * - `ON_RAMP_TRANSFER_FAILED` - On-ramp provider failed to transfer the tokens to the user's wallet
-       * - `CRYPTO_SWAP_REQUIRED` - On-ramp provider has sent the tokens to the user's wallet but a swap is required to convert it to the desired token
-       * - `CRYPTO_SWAP_IN_PROGRESS` - Swap is in progress
-       * - `CRYPTO_SWAP_COMPLETED` - Swap is completed and the user has received the desired token
-       * - `CRYPTO_SWAP_FALLBACK` - Swap failed and the user has received a fallback token which is not the desired token
        */
       status:
         | "NONE"
         | "PENDING_PAYMENT"
         | "PAYMENT_FAILED"
-        | "PENDING_ON_RAMP_TRANSFER"
-        | "ON_RAMP_TRANSFER_IN_PROGRESS"
-        | "ON_RAMP_TRANSFER_COMPLETED"
-        | "ON_RAMP_TRANSFER_FAILED"
-        | "CRYPTO_SWAP_REQUIRED"
-        | "CRYPTO_SWAP_COMPLETED"
-        | "CRYPTO_SWAP_FALLBACK"
-        | "CRYPTO_SWAP_IN_PROGRESS"
-        | "CRYPTO_SWAP_FAILED";
+        | "ON_RAMP_TRANSFER_COMPLETED";
       /**
        * The wallet address to which the desired tokens are sent to
        */

packages/thirdweb/src/react/core/hooks/pay/useBuyWithFiatStatus.ts

@@ -51,9 +51,7 @@ export function useBuyWithFiatStatus(
       const data = query.state.data as BuyWithFiatStatus;
       const status = data?.status;
       if (
-        status === "ON_RAMP_TRANSFER_FAILED" ||
         status === "PAYMENT_FAILED" ||
-        status === "CRYPTO_SWAP_COMPLETED" ||
         // onRampToken and toToken being the same means there is no additional swap step
         (status === "ON_RAMP_TRANSFER_COMPLETED" &&
           data?.quote.toToken.chainId === data?.quote.onRampToken.chainId &&

packages/thirdweb/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ExternalLinkIcon } from "@radix-ui/react-icons";
-import { useState } from "react";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { formatExplorerAddressUrl } from "../../../../utils/url.js";
 import { iconSize } from "../../../core/design-system/index.js";
@@ -14,14 +13,10 @@ import { Spacer } from "../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../components/basic.js";
 import { ButtonLink } from "../components/buttons.js";
 import type { ConnectLocale } from "./locale/types.js";
-import { TxDetailsScreen } from "./screens/Buy/pay-transactions/TxDetailsScreen.js";
-import type { TxStatusInfo } from "./screens/Buy/pay-transactions/useBuyTransactionsToShow.js";
 import type { PayerInfo } from "./screens/Buy/types.js";
 import { WalletTransactionHistory } from "./screens/WalletTransactionHistory.js";
 import type { WalletDetailsModalScreen } from "./screens/types.js";
 
-//
-
 /**
  * @internal
  */
@@ -33,10 +28,6 @@ export function TransactionsScreen(props: {
   locale: ConnectLocale;
   client: ThirdwebClient;
 }) {
-  // const [activeTab, setActiveTab] = useState("Transactions");
-  // For now, you can only select pay transactions (purcahses)
-  const [selectedTx, setSelectedTx] = useState<TxStatusInfo | null>(null);
-
   const activeChain = useActiveWalletChain();
   const activeWallet = useActiveWallet();
   const activeAccount = useActiveAccount();
@@ -51,21 +42,6 @@ export function TransactionsScreen(props: {
     return <LoadingScreen />;
   }
 
-  if (selectedTx) {
-    return (
-      <TxDetailsScreen
-        title={props.title}
-        client={props.client}
-        statusInfo={selectedTx}
-        onBack={() => setSelectedTx(null)}
-        onDone={() => setSelectedTx(null)}
-        payer={payer}
-        transactionMode={false}
-        isEmbed={false}
-      />
-    );
-  }
-
   return (
     <Container animate="fadein">
       <Container p="lg">
@@ -80,40 +56,11 @@ export function TransactionsScreen(props: {
         }}
       >
         <Spacer y="md" />
-        {/* <Tabs */}
-        {/* options={[ */}
-        {/* { 
-              label: (
-                <span className="flex gap-2">
-                  <CoinsIcon size={iconSize.sm} /> Transactions
-                </span>
-              ),
-              value: "Transactions",
-            // },
-            // TODO (UB): add back in once we have a way to show purchases with new service
-            // {
-            //   label: (
-            //     <span className="flex gap-2">
-            //       <FundsIcon size={iconSize.sm} /> Purchases
-            //     </span>
-            //   ),
-            //   value: "Purchases",
-            // },
-          // ]}
-          // selected={activeTab}
-          // onSelect={setActiveTab}
-        {/* > */}
-        {/* {activeTab === "Purchases" && ( */}
-        {/* <PayTxHistoryList client={props.client} onSelectTx={setSelectedTx} /> */}
-        {/* )} */}
-        {/* {activeTab === "Transactions" && ( */}
         <WalletTransactionHistory
           locale={props.locale}
           client={props.client}
           address={payer.account.address}
         />
-        {/* })} */}
-        {/* </Tabs> */}
       </Container>
       <Line />
       <Container p="lg">