thirdweb 5.99.2 → 5.100.0-nightly-713ebe0a2d6d8a409e41ce0f0317fc34b1f221bb-20250520000414

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

@@ -1,9 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { TxStatusInfo } from "./useBuyTransactionsToShow.js";
-export declare const BuyTxHistoryButtonHeight = "62px";
-export declare function BuyTxHistoryButton(props: {
-    txInfo: TxStatusInfo;
-    client: ThirdwebClient;
-    onClick?: () => void;
-}): import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=BuyTxHistoryButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BuyTxHistoryButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/pay-transactions/BuyTxHistoryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAc5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,eAAO,MAAM,wBAAwB,SAAS,CAAC;AAE/C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,8CA2FA"}

package/src/bridge/constants.ts

@@ -1 +0,0 @@
-export const UNIVERSAL_BRIDGE_URL = "https://bridge.thirdweb.com/v1";

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

@@ -1,163 +0,0 @@
-"use client";
-import { ArrowRightIcon, CrossCircledIcon } from "@radix-ui/react-icons";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import {
-  fontSize,
-  iconSize,
-  spacing,
-} from "../../../../../../core/design-system/index.js";
-import { Skeleton } from "../../../../components/Skeleton.js";
-import { Spinner } from "../../../../components/Spinner.js";
-import { Container } from "../../../../components/basic.js";
-import { Button } from "../../../../components/buttons.js";
-import { Text } from "../../../../components/text.js";
-import {
-  BuyTxHistoryButton,
-  BuyTxHistoryButtonHeight,
-} from "./BuyTxHistoryButton.js";
-import {
-  type TxStatusInfo,
-  useBuyTransactionsToShow,
-} from "./useBuyTransactionsToShow.js";
-
-/**
- * @internal
- */
-export function PayTxHistoryList(props: {
-  client: ThirdwebClient;
-  onSelectTx: (tx: TxStatusInfo) => void;
-}) {
-  const {
-    pageIndex,
-    setPageIndex,
-    txInfosToShow,
-    hidePagination,
-    isLoading,
-    pagination,
-  } = useBuyTransactionsToShow(props.client);
-
-  const noTransactions = txInfosToShow.length === 0;
-
-  return (
-    <Container
-      scrollY
-      flex="column"
-      fullHeight
-      style={{
-        width: "100%",
-        minHeight: "250px",
-        maxHeight: "370px",
-        paddingBottom: spacing.lg,
-      }}
-    >
-      <Container flex="column" gap="xs" expand>
-        {noTransactions && !isLoading && (
-          <Container
-            flex="column"
-            gap="md"
-            center="both"
-            color="secondaryText"
-            style={{
-              minHeight: "250px",
-            }}
-          >
-            <CrossCircledIcon width={iconSize.xl} height={iconSize.xl} />
-            <Text>No Transactions</Text>
-          </Container>
-        )}
-
-        {noTransactions && isLoading && (
-          <Container
-            flex="row"
-            center="both"
-            style={{
-              minHeight: "250px",
-            }}
-          >
-            <Spinner size="xl" color="accentText" />
-          </Container>
-        )}
-
-        {txInfosToShow.length > 0 && (
-          <Container animate="fadein" flex="column" gap="xs">
-            {txInfosToShow.map((txInfo) => {
-              return (
-                <BuyTxHistoryButton
-                  key={
-                    txInfo.type === "swap"
-                      ? txInfo.status.source?.transactionHash
-                      : txInfo.status.intentId
-                  }
-                  txInfo={txInfo}
-                  client={props.client}
-                  onClick={() => {
-                    props.onSelectTx(txInfo);
-                  }}
-                />
-              );
-            })}
-          </Container>
-        )}
-
-        {isLoading && txInfosToShow.length > 0 && (
-          <>
-            <Skeleton width="100%" height={BuyTxHistoryButtonHeight} />
-            <Skeleton width="100%" height={BuyTxHistoryButtonHeight} />
-            <Skeleton width="100%" height={BuyTxHistoryButtonHeight} />
-          </>
-        )}
-      </Container>
-
-      {pagination && !hidePagination && (
-        <Container py="md">
-          <div
-            style={{
-              display: "grid",
-              gridTemplateColumns: "1fr 1fr",
-              gap: spacing.sm,
-            }}
-          >
-            <Button
-              variant="outline"
-              gap="xs"
-              disabled={pageIndex === 0}
-              data-disabled={pageIndex === 0}
-              style={{
-                fontSize: fontSize.sm,
-                paddingBlock: spacing.sm,
-              }}
-              onClick={() => {
-                setPageIndex((prev) => prev - 1);
-              }}
-            >
-              <ArrowRightIcon
-                width={iconSize.sm}
-                height={iconSize.sm}
-                style={{
-                  transform: "rotate(180deg)",
-                }}
-              />
-              Prev
-            </Button>
-            <Button
-              variant="outline"
-              gap="xs"
-              disabled={!pagination.hasNextPage}
-              data-disabled={!pagination.hasNextPage}
-              style={{
-                fontSize: fontSize.sm,
-                paddingBlock: spacing.sm,
-              }}
-              onClick={() => {
-                setPageIndex((prev) => prev + 1);
-              }}
-            >
-              Next
-              <ArrowRightIcon width={iconSize.sm} height={iconSize.sm} />
-            </Button>
-          </div>
-        </Container>
-      )}
-    </Container>
-  );
-}

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

@@ -1,127 +0,0 @@
-import styled from "@emotion/styled";
-import { getCachedChain } from "../../../../../../../chains/utils.js";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import { formatNumber } from "../../../../../../../utils/formatNumber.js";
-import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
-import { spacing } from "../../../../../../core/design-system/index.js";
-import { ChainName } from "../../../../components/ChainName.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 { PayTokenIcon } from "../PayTokenIcon.js";
-import {
-  getBuyWithCryptoStatusMeta,
-  getBuyWithFiatStatusMeta,
-} from "./statusMeta.js";
-import type { TxStatusInfo } from "./useBuyTransactionsToShow.js";
-
-export const BuyTxHistoryButtonHeight = "62px";
-
-export function BuyTxHistoryButton(props: {
-  txInfo: TxStatusInfo;
-  client: ThirdwebClient;
-  onClick?: () => void;
-}) {
-  const statusMeta =
-    props.txInfo.type === "swap"
-      ? getBuyWithCryptoStatusMeta(props.txInfo.status)
-      : getBuyWithFiatStatusMeta(props.txInfo.status);
-
-  return (
-    <TxButton
-      onClick={props.onClick}
-      variant="secondary"
-      fullWidth
-      style={{
-        paddingBlock: spacing.sm,
-      }}
-    >
-      <Container
-        flex="row"
-        center="y"
-        gap="sm"
-        style={{
-          flex: 1,
-        }}
-      >
-        <PayTokenIcon
-          client={props.client}
-          chain={getCachedChain(props.txInfo.status.quote.toToken.chainId)}
-          size="md"
-          token={{
-            address: props.txInfo.status.quote.toToken.tokenAddress,
-          }}
-        />
-
-        <div
-          style={{
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-          }}
-        >
-          {/* Row 1 */}
-          <Container
-            flex="row"
-            gap="xs"
-            center="y"
-            style={{
-              justifyContent: "space-between",
-            }}
-          >
-            <Text size="sm" color="primaryText">
-              Buy{" "}
-              {formatNumber(
-                Number(
-                  props.txInfo.type === "swap"
-                    ? props.txInfo.status.quote.toAmount
-                    : props.txInfo.status.quote.estimatedToTokenAmount,
-                ),
-                6,
-              )}{" "}
-              {props.txInfo.status.quote.toToken.symbol}
-            </Text>
-          </Container>
-
-          <Spacer y="xxs" />
-
-          {/* Row 2 */}
-          <Container
-            flex="row"
-            center="y"
-            gap="xxs"
-            style={{
-              justifyContent: "space-between",
-            }}
-          >
-            <ChainName
-              chain={getCachedChain(props.txInfo.status.quote.toToken.chainId)}
-              size="xs"
-              client={props.client}
-            />
-          </Container>
-        </div>
-      </Container>
-
-      {/* Status */}
-      <Container flex="row" gap="xxs" center="y">
-        <Text size="xs" color={statusMeta.color}>
-          {statusMeta.status}
-        </Text>
-      </Container>
-    </TxButton>
-  );
-}
-
-const TxButton = /* @__PURE__ */ styled(Button)(() => {
-  const theme = useCustomTheme();
-  return {
-    background: theme.colors.tertiaryBg,
-    "&:hover": {
-      background: theme.colors.secondaryButtonBg,
-    },
-    height: BuyTxHistoryButtonHeight,
-  };
-});