thirdweb 5.58.4-nightly-e9ae98084af24199155f997f724c7ea8ff860876-20240923000346 → 5.58.5

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

@@ -60,7 +60,7 @@ export function FiatFees(props: {
           Amount
         </Text>
         <Text color="primaryText" inline>
-          {formatNumber(Number(props.quote.fromCurrency.amount), 2)}{" "}
+          {formatNumber(Number(props.quote.fromCurrency.amount), 2)}
           {props.quote.fromCurrency.currencySymbol}
         </Text>
       </div>
@@ -84,7 +84,7 @@ export function FiatFees(props: {
 
             <Text color="primaryText" inline>
               {feeAmount === 0 ? "~" : ""}
-              {feeAmount} {fee.currencySymbol}{" "}
+              {feeAmount} {fee.currencySymbol}
             </Text>
           </div>
         );
@@ -105,7 +105,7 @@ export function FiatFees(props: {
           Total
         </Text>
         <Text color="primaryText" inline>
-          {formatNumber(Number(props.quote.fromCurrencyWithFees.amount), 6)}{" "}
+          {formatNumber(Number(props.quote.fromCurrencyWithFees.amount), 6)}
           {props.quote.fromCurrencyWithFees.currencySymbol}
         </Text>
       </div>

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

@@ -105,7 +105,7 @@ export function SwapStatusScreen(props: {
                 height={iconSize["3xl"]}
               />
               <Spacer y="sm" />
-              <Text color={"primaryText"} size="lg">
+              <Text color="primaryText" size="lg">
                 Buy Complete
               </Text>
             </Container>
@@ -129,12 +129,12 @@ export function SwapStatusScreen(props: {
               <Container color="success" flex="column" center="x">
                 <AccentFailIcon size={iconSize["3xl"]} />
                 <Spacer y="xl" />
-                <Text color={"primaryText"} size="lg">
+                <Text color="primaryText" size="lg">
                   Incomplete
                 </Text>
                 <Spacer y="sm" />
                 <Text size="sm" color="danger">
-                  Expected {swapStatus.data.quote.toToken.symbol}, Got{" "}
+                  Expected {swapStatus.data.quote.toToken.symbol}, Got
                   {swapStatus.data.destination.token.symbol} instead
                 </Text>
               </Container>
@@ -151,7 +151,7 @@ export function SwapStatusScreen(props: {
               <Container flex="column" center="both">
                 <AccentFailIcon size={iconSize["3xl"]} />
                 <Spacer y="xl" />
-                <Text color={"primaryText"} size="lg">
+                <Text color="primaryText" size="lg">
                   Transaction Failed
                 </Text>
 
@@ -189,7 +189,7 @@ export function SwapStatusScreen(props: {
                 <Spinner size="3xl" color="accentText" />
               </div>
               <Spacer y="lg" />
-              <Text color={"primaryText"} size="lg">
+              <Text color="primaryText" size="lg">
                 Buy Pending
               </Text>
             </Container>

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

@@ -121,7 +121,7 @@ export function TransferConfirmationScreen(
       <TokenInfoRow
         chainId={chain.id}
         client={client}
-        label={"Amount"}
+        label="Amount"
         tokenAmount={tokenAmount}
         tokenSymbol={isNativeToken(token) ? symbol || "" : token.symbol}
         tokenAddress={
@@ -177,7 +177,7 @@ export function TransferConfirmationScreen(
           <Container flex="row" gap="xs" center="both" color="success">
             <CheckCircledIcon width={iconSize.sm} height={iconSize.sm} />
             <Text color="success" size="sm">
-              {"Payment completed"}
+              Payment completed
             </Text>
           </Container>
           <Spacer y="md" />

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

@@ -1,6 +1,6 @@
 import { createStore } from "../../../../../../../reactive/store.js";
 
-export type PendingTxInfo =
+type PendingTxInfo =
   | {
       type: "swap";
       txHash: string;

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

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

package/src/react/web/ui/ConnectWallet/screens/LinkedProfilesScreen.tsx

@@ -88,13 +88,16 @@ export function LinkedProfilesScreen(props: {
               </Text>
             </MenuButton>
             <Spacer y="xs" />
-            {connectedProfiles?.map((profile) => (
-              <LinkedProfile
-                key={`${profile.type}-${getProfileDisplayName(profile)}`}
-                profile={profile}
-                client={props.client}
-              />
-            ))}
+            {/* Exclude guest as a profile */}
+            {connectedProfiles
+              ?.filter((profile) => profile.type !== "guest")
+              .map((profile) => (
+                <LinkedProfile
+                  key={`${profile.type}-${getProfileDisplayName(profile)}`}
+                  profile={profile}
+                  client={props.client}
+                />
+              ))}
           </Container>
           <Spacer y="md" />
         </Container>

package/src/react/web/ui/ConnectWallet/screens/SendFunds.tsx

@@ -283,7 +283,7 @@ function SendFundsForm(props: {
         <Input
           required
           id="receiver"
-          placeholder={"0x... or ENS name"}
+          placeholder="0x... or ENS name"
           variant="outline"
           value={receiverAddress}
           onChange={(e) => {

package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx

@@ -115,7 +115,7 @@ export const SignatureScreen: React.FC<{
           <>
             <Container flex="row" center="x" animate="fadein" py="3xl">
               <PulsatingContainer>
-                <WalletImage id={wallet.id} client={props.client} size={"80"} />
+                <WalletImage id={wallet.id} client={props.client} size="80" />
               </PulsatingContainer>
             </Container>
 

package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx

@@ -68,7 +68,7 @@ export function StartScreen(props: {
             />
           ) : (
             <GlobalContainer>
-              <GlobeIcon size={"150"} />
+              <GlobeIcon size="150" />
             </GlobalContainer>
           )}
         </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.tsx

@@ -41,7 +41,7 @@ export function WalletConnectDisconnectScreen(props: {
             <WalletLogoSpinner
               client={props.client}
               error={!!props.error}
-              id={"walletConnect"}
+              id="walletConnect"
               hideSpinner={true}
             />
           </Container>
@@ -83,7 +83,7 @@ export function WalletConnectDisconnectScreen(props: {
                       alignItems: "center",
                     }}
                   >
-                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                     Retry
                   </Button>
                 </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.tsx

@@ -133,7 +133,7 @@ export function WalletConnectReceiverScreen(props: {
             <WalletLogoSpinner
               client={props.client}
               error={!!errorConnecting}
-              id={"walletConnect"}
+              id="walletConnect"
               hideSpinner={!loading}
             />
           </Container>
@@ -193,7 +193,7 @@ export function WalletConnectReceiverScreen(props: {
                       alignItems: "center",
                     }}
                   >
-                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                     Retry
                   </Button>
                 </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.tsx

@@ -59,7 +59,7 @@ export function WalletLogoSpinner(props: {
           )}
 
           <WalletBg>
-            <WalletImage id={props.id} size={"68"} client={props.client} />
+            <WalletImage id={props.id} size="68" client={props.client} />
           </WalletBg>
         </div>
       </div>

package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx

@@ -90,7 +90,7 @@ export function WalletTransactionHistory(props: {
   );
 }
 
-export function TransactionButton(props: {
+function TransactionButton(props: {
   hash: string;
   client: ThirdwebClient;
   chainId: number;
@@ -176,12 +176,12 @@ export function TransactionButton(props: {
       <Container flex="row" gap="xxs" center="y">
         {isLoading && <Spinner size="sm" color="primaryText" />}
         {!isLoading && receipt && receipt.status === "success" && (
-          <Text size="md" color={"success"}>
+          <Text size="md" color="success">
             <CheckIcon width={iconSize.md} height={iconSize.md} />
           </Text>
         )}
         {(error || (!isLoading && receipt && receipt.status !== "success")) && (
-          <Text size="md" color={"danger"}>
+          <Text size="md" color="danger">
             <CrossCircledIcon width={iconSize.md} height={iconSize.md} />
           </Text>
         )}

package/src/react/web/ui/MediaRenderer/MediaRenderer.tsx

@@ -197,11 +197,6 @@ export const MediaRenderer = /* @__PURE__ */ (() =>
     },
   ))();
 
-export interface MediaType {
-  url?: string;
-  mimeType?: string;
-}
-
 const ModelViewer = /* @__PURE__ */ lazy(() => import("./ModelViewer.js"));
 
 interface PlayButtonProps {

package/src/react/web/ui/MediaRenderer/ModelViewer.tsx

@@ -11,7 +11,7 @@ declare global {
   }
 }
 
-export const ModelViewer = /* @__PURE__ */ (() =>
+const ModelViewer = /* @__PURE__ */ (() =>
   React.forwardRef<
     HTMLDivElement,
     Pick<MediaRendererProps, "src" | "alt" | "poster" | "style" | "className">

package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx

@@ -115,7 +115,7 @@ export function ExecutingTxScreen(props: {
                   color: "inherit",
                 }}
               >
-                View on Explorer{" "}
+                View on Explorer
                 <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
               </ButtonLink>
             </>

package/src/react/web/ui/TransactionButton/TransactionModal.tsx

@@ -17,7 +17,7 @@ import { Modal } from "../components/Modal.js";
 import type { LocaleId } from "../types.js";
 import { ExecutingTxScreen } from "./ExecutingScreen.js";
 
-export type ModalProps = {
+type ModalProps = {
   title: string;
   onComplete: () => void;
   onClose: () => void;
@@ -65,9 +65,7 @@ export function TransactionModal(props: ModalProps) {
   );
 }
 
-export function TransactionModalContent(
-  props: ModalProps & { onBack?: () => void },
-) {
+function TransactionModalContent(props: ModalProps & { onBack?: () => void }) {
   const localeQuery = useConnectLocale(props.localeId);
   const [screen, setScreen] = useState<"buy" | "execute-tx">("buy");
 

package/src/react/web/ui/TransactionButton/index.tsx

@@ -156,7 +156,7 @@ export function TransactionButton(props: TransactionButtonProps) {
       <Button
         gap="xs"
         disabled={!account || disabled || isPending}
-        variant={"primary"}
+        variant="primary"
         unstyled={unstyled}
         data-is-loading={isPending}
         onClick={() => handleClick()}

package/src/react/web/ui/components/ChainIcon.tsx

@@ -4,7 +4,7 @@ import { StyledDiv } from "../design-system/elements.js";
 import { Img } from "./Img.js";
 import { Container } from "./basic.js";
 
-export const fallbackChainIcon =
+const fallbackChainIcon =
   "data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 8.04238e-07C5.1435 8.04238e-07 3.36301 0.737501 2.05025 2.05025C0.7375 3.36301 0 5.1435 0 7C0 7.225 -1.52737e-07 7.445 0.0349998 7.665C0.16385 9.0151 0.68213 10.2988 1.52686 11.3598C2.37158 12.4209 3.50637 13.2137 4.79326 13.642C6.0801 14.0702 7.4637 14.1153 8.7758 13.7719C10.0879 13.4285 11.2719 12.7113 12.184 11.7075C13.0961 10.7038 13.6969 9.4567 13.9135 8.1178C14.1301 6.7789 13.9531 5.406 13.4039 4.16587C12.8548 2.92574 11.9573 1.87184 10.8204 1.13228C9.6835 0.392721 8.3563 -0.000649196 7 8.04238e-07ZM7 1C8.581 1.00137 10.0975 1.62668 11.22 2.74V3.24C9.2438 2.55991 7.0956 2.56872 5.125 3.265C4.96758 3.1116 4.76997 3.00586 4.555 2.96H4.43C4.37 2.75 4.315 2.54 4.27 2.325C4.225 2.11 4.2 1.92 4.175 1.715C5.043 1.24658 6.0137 1.00091 7 1ZM5.5 3.935C7.3158 3.32693 9.2838 3.34984 11.085 4C10.8414 5.2703 10.3094 6.4677 9.53 7.5C9.312 7.4077 9.0707 7.3855 8.8395 7.4366C8.6083 7.4877 8.3988 7.6094 8.24 7.785C8.065 7.685 7.89 7.585 7.74 7.47C6.7307 6.7966 5.8877 5.9023 5.275 4.855C5.374 4.73221 5.4461 4.58996 5.4866 4.43749C5.5271 4.28502 5.5351 4.12575 5.51 3.97L5.5 3.935ZM3.5 2.135C3.5 2.24 3.53 2.35 3.55 2.455C3.595 2.675 3.655 2.89 3.715 3.105C3.52353 3.21838 3.36943 3.38531 3.2717 3.58522C3.17397 3.78513 3.13688 4.00927 3.165 4.23C2.37575 4.7454 1.67078 5.3795 1.075 6.11C1.19455 5.3189 1.47112 4.55966 1.88843 3.87701C2.30575 3.19437 2.85539 2.60208 3.505 2.135H3.5ZM3.5 9.99C3.30481 10.0555 3.13037 10.1714 2.9943 10.3259C2.85822 10.4804 2.76533 10.6681 2.725 10.87H2.405C1.59754 9.9069 1.1146 8.7136 1.025 7.46L1.08 7.365C1.70611 6.3942 2.52463 5.562 3.485 4.92C3.62899 5.0704 3.81094 5.179 4.01162 5.2345C4.2123 5.2899 4.42423 5.2901 4.625 5.235C5.2938 6.3652 6.208 7.3306 7.3 8.06C7.505 8.195 7.715 8.32 7.925 8.44C7.9082 8.6312 7.9391 8.8237 8.015 9C7.1 9.7266 6.0445 10.256 4.915 10.555C4.78401 10.3103 4.57028 10.1201 4.31199 10.0184C4.05369 9.9167 3.76766 9.9102 3.505 10L3.5 9.99ZM7 12.99C5.9831 12.9903 4.98307 12.7304 4.095 12.235L4.235 12.205C4.43397 12.1397 4.61176 12.0222 4.74984 11.8648C4.88792 11.7074 4.98122 11.5158 5.02 11.31C6.2985 10.984 7.4921 10.3872 8.52 9.56C8.7642 9.7027 9.0525 9.75 9.3295 9.6927C9.6064 9.6355 9.8524 9.4778 10.02 9.25C10.7254 9.4334 11.4511 9.5275 12.18 9.53H12.445C11.9626 10.5673 11.1938 11.4451 10.2291 12.0599C9.2643 12.6747 8.144 13.0009 7 13V12.99ZM10.255 8.54C10.2545 8.3304 10.1975 8.1249 10.09 7.945C10.9221 6.8581 11.5012 5.5991 11.785 4.26C12.035 4.37667 12.2817 4.50667 12.525 4.65C13.0749 5.9495 13.1493 7.4012 12.735 8.75C11.9049 8.8142 11.0698 8.7484 10.26 8.555L10.255 8.54Z' fill='%23646D7A'/%3e%3c/svg%3e";
 
 /**

package/src/react/web/ui/components/ChainName.tsx

@@ -24,7 +24,7 @@ export const ChainName: React.FC<{
     );
   }
 
-  return <Skeleton width={"50px"} height={fontSize[props.size]} />;
+  return <Skeleton width="50px" height={fontSize[props.size]} />;
 };
 
 function shorterChainName(name: string) {

package/src/react/web/ui/components/Drawer.tsx

@@ -55,7 +55,7 @@ export const Drawer = /* @__PURE__ */ forwardRef<HTMLDivElement, DrawerProps>(
   },
 );
 
-export const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
+const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
   const theme = useCustomTheme();
   return {
     zIndex: 10000,
@@ -71,7 +71,7 @@ export const DrawerContainer = /* @__PURE__ */ StyledDiv((_) => {
   };
 });
 
-export const drawerOpenAnimation = keyframes`
+const drawerOpenAnimation = keyframes`
   from {
     opacity: 0;
     transform: translateY(100px);

package/src/react/web/ui/components/Modal.tsx

@@ -120,7 +120,7 @@ export const Modal: React.FC<{
               </Dialog.Title>
               {props.size === "compact" ? (
                 <DynamicHeight maxHeight={compactModalMaxHeight}>
-                  {props.children}{" "}
+                  {props.children}
                 </DynamicHeight>
               ) : (
                 props.children

package/src/react/web/ui/components/basic.tsx

@@ -57,7 +57,7 @@ export function ModalHeader(props: {
           }}
         />
       )}
-      <Container flex="row" gap="xs" center={"both"}>
+      <Container flex="row" gap="xs" center="both">
         {typeof title === "string" ? <ModalTitle>{title}</ModalTitle> : title}
       </Container>
     </div>

package/src/react/web/ui/components/buttons.tsx

@@ -155,24 +155,3 @@ export const IconButton = /* @__PURE__ */ StyledButton((_) => {
     },
   };
 });
-
-export const InputButton = /* @__PURE__ */ StyledButton((_) => {
-  const theme = useCustomTheme();
-  return {
-    all: "unset",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: radius.sm,
-    padding: spacing.sm,
-    cursor: "pointer",
-    WebkitTapHighlightColor: "transparent",
-    color: theme.colors.secondaryText,
-    "&:hover": {
-      color: theme.colors.primaryText,
-    },
-    "&[disabled]": {
-      cursor: "not-allowed",
-    },
-  };
-});

package/src/react/web/ui/prebuilt/NFT/NFT.test.tsx

@@ -58,8 +58,8 @@ describe.runIf(process.env.TW_SECRET_KEY)("NFT prebuilt component", () => {
       }
       return (
         <div>
-          Contract: {String(context.contract)}, Token ID:{" "}
-          {context.tokenId.toString()}
+          Contract: {String(context.contract.address)}
+          Token ID: {context.tokenId.toString()}
         </div>
       );
     }

package/src/react/web/ui/prebuilt/NFT/NFT.tsx

@@ -13,7 +13,7 @@ import type { MediaRendererProps } from "../../MediaRenderer/types.js";
  * Props for the <NFT> component
  * @component
  */
-export type NFTProviderProps = {
+type NFTProviderProps = {
   /**
    * The NFT contract address. Accepts both ERC721 and ERC1155 contracts
    */

package/src/react/web/ui/prebuilt/thirdweb/ClaimButton/index.tsx

@@ -167,7 +167,7 @@ export function ClaimButton(props: ClaimButtonProps) {
  * For NFT Drop and Token Drop we fall back to the name & image of the contract
  * @internal
  */
-export async function getPayMetadata(
+async function getPayMetadata(
   options: BaseTransactionOptions<{ tokenId?: bigint }>,
 ): Promise<{ name?: string; image?: string }> {
   const { contract, tokenId } = options;
@@ -190,7 +190,7 @@ export async function getPayMetadata(
 /**
  * @internal Export for test
  */
-export async function getClaimTransaction({
+async function getClaimTransaction({
   contract,
   account,
   claimParams,

package/src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx

@@ -14,7 +14,7 @@ import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions
 import type { InAppWalletLocale } from "../shared/locale/types.js";
 import { EcosystemWalletHeader } from "./EcosystemWalletHeader.js";
 
-export type EcosystemWalletFormUIProps = {
+type EcosystemWalletFormUIProps = {
   select: () => void;
   done: () => void;
   locale: InAppWalletLocale;

package/src/react/web/wallets/in-app/CountrySelector.tsx

@@ -60,7 +60,7 @@ export function CountrySelector({
               key={country.countryIsoCode}
               value={`${country.countryIsoCode} +${country.phoneNumberCode}`}
             >
-              {country.countryName} +{country.phoneNumberCode}{" "}
+              {country.countryName} +{country.phoneNumberCode}
             </Option>
           );
         })}

package/src/react/web/wallets/in-app/InAppWalletFormUI.tsx

@@ -15,7 +15,7 @@ import { ModalTitle } from "../../ui/components/modalElements.js";
 import { ConnectWalletSocialOptions } from "../shared/ConnectWalletSocialOptions.js";
 import type { InAppWalletLocale } from "../shared/locale/types.js";
 
-export type InAppWalletFormUIProps = {
+type InAppWalletFormUIProps = {
   select: () => void;
   inAppWalletLocale: InAppWalletLocale;
   connectLocale: ConnectLocale;

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

@@ -69,7 +69,7 @@ const defaultAuthOptions: AuthOption[] = [
   "passkey",
 ];
 
-export type ConnectWalletSocialOptionsProps = {
+type ConnectWalletSocialOptionsProps = {
   select: () => void;
   done: () => void;
   locale: InAppWalletLocale;
@@ -350,7 +350,7 @@ export const ConnectWalletSocialOptions = (
                     aria-label={`Login with ${loginMethod}`}
                     data-variant={showOnlyIcons ? "icon" : "full"}
                     key={loginMethod}
-                    variant={"outline"}
+                    variant="outline"
                     disabled={props.disabled}
                     onClick={() => {
                       handleSocialLogin(loginMethod as SocialAuthOption);

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

@@ -86,7 +86,7 @@ export const ConnectingScreen: React.FC<{
                   alignItems: "center",
                 }}
               >
-                <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                 {locale.tryAgain}
               </Button>
             </Container>

package/src/storage/upload/web-node.ts

@@ -30,6 +30,16 @@ export async function uploadBatch<const TFiles extends UploadableFile[]>(
         "Unauthorized - You don't have permission to use this service.",
       );
     }
+    if (res.status === 402) {
+      throw new Error(
+        "You have reached your storage limit. Please add a valid payment method to continue using the service.",
+      );
+    }
+    if (res.status === 403) {
+      throw new Error(
+        "Forbidden - You don't have permission to use this service.",
+      );
+    }
     throw new Error(
       `Failed to upload files to IPFS - ${res.status} - ${res.statusText}`,
     );

package/src/stories/utils.tsx

@@ -1,9 +1,4 @@
-import { generatePrivateKey } from "viem/accounts";
-import { createWalletAdapter } from "../adapters/wallet-adapter.js";
-import { ethereum } from "../chains/chain-definitions/ethereum.js";
 import { createThirdwebClient } from "../client/client.js";
-import type { Account } from "../wallets/interfaces/wallet.js";
-import { privateKeyToAccount } from "../wallets/private-key.js";
 
 const clientId = process.env.STORYBOOK_CLIENT_ID;
 
@@ -14,16 +9,3 @@ if (!clientId) {
 export const storyClient = createThirdwebClient({
   clientId: clientId,
 });
-
-export const storyAccount: Account = privateKeyToAccount({
-  client: storyClient,
-  privateKey: process.env.STORYBOOK_ACCOUNT_PRIVATE_KEY || generatePrivateKey(),
-});
-
-export const storyWallet = createWalletAdapter({
-  adaptedAccount: storyAccount,
-  client: storyClient,
-  chain: ethereum,
-  onDisconnect: () => {},
-  switchChain: () => {},
-});

package/src/transaction/actions/gasless/providers/biconomy.ts

@@ -1,6 +1,6 @@
 import type { Address } from "abitype";
 import { type TransactionSerializable, encodeAbiParameters } from "viem";
-import { ADDRESS_ZERO } from "../../../../constants/addresses.js";
+import { ZERO_ADDRESS } from "../../../../constants/addresses.js";
 import { getContract } from "../../../../contract/contract.js";
 import { isHex } from "../../../../utils/encoding/helpers/is-hex.js";
 import { keccak256 } from "../../../../utils/hashing/keccak256.js";
@@ -62,7 +62,7 @@ export async function prepareBiconomyTransaction({
   const request = {
     from: account.address,
     to: serializableTransaction.to,
-    token: ADDRESS_ZERO,
+    token: ZERO_ADDRESS,
     txGas: serializableTransaction.gas,
     tokenGasPrice: 0n,
     batchId: BATCH_ID,

package/src/transaction/actions/gasless/providers/engine.ts

@@ -120,7 +120,7 @@ export async function prepareEngineTransaction({
   return { message, signature, messageType } as const;
 }
 
-export const ForwardRequest = [
+const ForwardRequest = [
   { name: "from", type: "address" },
   { name: "to", type: "address" },
   { name: "value", type: "uint256" },
@@ -129,7 +129,7 @@ export const ForwardRequest = [
   { name: "data", type: "bytes" },
 ] as const;
 
-export const ChainAwareForwardRequest = [
+const ChainAwareForwardRequest = [
   { name: "from", type: "address" },
   { name: "to", type: "address" },
   { name: "value", type: "uint256" },

package/src/transaction/actions/gasless/providers/openzeppelin.ts

@@ -118,7 +118,7 @@ export async function prepareOpenZeppelinTransaction({
   return { message, signature, messageType } as const;
 }
 
-export const ForwardRequest = [
+const ForwardRequest = [
   { name: "from", type: "address" },
   { name: "to", type: "address" },
   { name: "value", type: "uint256" },
@@ -127,7 +127,7 @@ export const ForwardRequest = [
   { name: "data", type: "bytes" },
 ] as const;
 
-export const ChainAwareForwardRequest = [
+const ChainAwareForwardRequest = [
   { name: "from", type: "address" },
   { name: "to", type: "address" },
   { name: "value", type: "uint256" },

package/src/transaction/actions/gasless/send-gasless-transaction.ts

@@ -5,7 +5,7 @@ import { addTransactionToStore } from "../../transaction-store.js";
 import type { WaitForReceiptOptions } from "../wait-for-tx-receipt.js";
 import type { GaslessOptions } from "./types.js";
 
-export type SendGaslessTransactionOptions = {
+type SendGaslessTransactionOptions = {
   account: Account;
   // TODO: update this to `Transaction<"prepared">` once the type is available to ensure only prepared transactions are accepted
   // biome-ignore lint/suspicious/noExplicitAny: library function that accepts any prepared transaction type

package/src/transaction/actions/wait-for-tx-receipt.ts

@@ -7,7 +7,7 @@ import { watchBlockNumber } from "../../rpc/watchBlockNumber.js";
 import type { Prettify } from "../../utils/type-utils.js";
 import type { SendTransactionResult, TransactionReceipt } from "../types.js";
 
-export const DEFAULT_MAX_BLOCKS_WAIT_TIME = 100;
+const DEFAULT_MAX_BLOCKS_WAIT_TIME = 100;
 
 const map = new Map<string, Promise<TransactionReceipt>>();
 

package/src/transaction/actions/zksync/send-eip712-transaction.ts

@@ -16,7 +16,7 @@ import {
   getEip712Domain,
 } from "./getEip721Domain.js";
 
-export type SendEip712TransactionOptions = {
+type SendEip712TransactionOptions = {
   account: Account;
   // TODO: update this to `Transaction<"prepared">` once the type is available to ensure only prepared transactions are accepted
   // biome-ignore lint/suspicious/noExplicitAny: library function that accepts any prepared transaction type

package/src/transaction/extract-error.ts

@@ -46,7 +46,7 @@ export async function extractError<abi extends Abi>(args: {
   return error;
 }
 
-export const __DEV__ = process.env.NODE_ENV !== "production";
+const __DEV__ = process.env.NODE_ENV !== "production";
 
 class TransactionError<abi extends Abi> extends Error {
   public contractAddress: string | undefined;