thirdweb 5.50.1-nightly-b407bc9fd8379bf304ffb963f8cb8e64493914b5-20240904000351 → 5.50.1

package/src/exports/extensions/permissions.ts

@@ -6,24 +6,29 @@
 export {
   hasRole,
   type HasRoleParams,
+  isHasRoleSupported,
 } from "../../extensions/permissions/read/hasRole.js";
 export {
   getRoleAdmin,
   type GetRoleAdminParams,
+  isGetRoleAdminSupported,
 } from "../../extensions/permissions/read/getRoleAdmin.js";
 
 // WRITE
 export {
   grantRole,
   type GrantRoleParams,
-} from "../../extensions/permissions/write/grant.js";
+  isGrantRoleSupported,
+} from "../../extensions/permissions/write/grantRole.js";
 export {
   revokeRole,
   type RevokeRoleParams,
+  isRevokeRoleSupported,
 } from "../../extensions/permissions/write/revokeRole.js";
 export {
   renounceRole,
   type RenounceRoleParams,
+  isRenounceRoleSupported,
 } from "../../extensions/permissions/write/renounceRole.js";
 
 // EVENTS
@@ -48,14 +53,17 @@ export {
 export {
   getRoleMember,
   type GetRoleMemberParams,
+  isGetRoleMemberSupported,
 } from "../../extensions/permissions/read/getRoleMember.js";
 export {
   getRoleMemberCount,
   type GetRoleMemberCountParams,
+  isGetRoleMemberCountSupported,
 } from "../../extensions/permissions/read/getRoleMemberCount.js";
 export {
   getAllRoleMembers,
   type GetAllRoleMembersParams,
+  isGetAllRoleMembersSupported,
 } from "../../extensions/permissions/read/getAllMembers.js";
 
 // --------------------------------------------------------

package/src/exports/extensions/thirdweb.ts

@@ -1,3 +1,13 @@
+// --------------------------------------------------------
+// Generic
+// --------------------------------------------------------
+
+// Read
+export {
+  contractType,
+  isContractTypeSupported,
+} from "../../extensions/thirdweb/read/contractType.js";
+
 // --------------------------------------------------------
 // Publisher contract
 // --------------------------------------------------------

package/src/extensions/erc4337/account/addAdmin.ts

@@ -1,6 +1,9 @@
 import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import type { Account } from "../../../wallets/interfaces/wallet.js";
-import { setPermissionsForSigner } from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
+import {
+  isSetPermissionsForSignerSupported,
+  setPermissionsForSigner,
+} from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
 import { defaultPermissionsForAdmin, signPermissionRequest } from "./common.js";
 
 /**
@@ -53,3 +56,19 @@ export function addAdmin(options: BaseTransactionOptions<AddAdminOptions>) {
     },
   });
 }
+
+/**
+ * Checks if the `isAddAdminSupported` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `isAddAdminSupported` method is supported.
+ * @extension ERC4337
+ * @example
+ * ```ts
+ * import { isAddAdminSupported } from "thirdweb/extensions/erc4337";
+ *
+ * const supported = isAddAdminSupported(["0x..."]);
+ * ```
+ */
+export function isAddAdminSupported(availableSelectors: string[]) {
+  return isSetPermissionsForSignerSupported(availableSelectors);
+}

package/src/extensions/erc4337/account/addSessionKey.ts

@@ -1,6 +1,9 @@
 import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import type { Account } from "../../../wallets/interfaces/wallet.js";
-import { setPermissionsForSigner } from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
+import {
+  isSetPermissionsForSignerSupported,
+  setPermissionsForSigner,
+} from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
 import { signPermissionRequest, toContractPermissions } from "./common.js";
 import type { AccountPermissions } from "./types.js";
 
@@ -67,3 +70,19 @@ export function addSessionKey(
     },
   });
 }
+
+/**
+ * Checks if the `isAddSessionKeySupported` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `isAddSessionKeySupported` method is supported.
+ * @extension ERC4337
+ * @example
+ * ```ts
+ * import { isAddSessionKeySupported } from "thirdweb/extensions/erc4337";
+ *
+ * const supported = isAddSessionKeySupported(["0x..."]);
+ * ```
+ */
+export function isAddSessionKeySupported(availableSelectors: string[]) {
+  return isSetPermissionsForSignerSupported(availableSelectors);
+}

package/src/extensions/erc4337/account/removeAdmin.ts

@@ -1,6 +1,9 @@
 import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import type { Account } from "../../../wallets/interfaces/wallet.js";
-import { setPermissionsForSigner } from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
+import {
+  isSetPermissionsForSignerSupported,
+  setPermissionsForSigner,
+} from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
 import { defaultPermissionsForAdmin, signPermissionRequest } from "./common.js";
 
 /**
@@ -58,3 +61,19 @@ export function removeAdmin(
     },
   });
 }
+
+/**
+ * Checks if the `isRemoveAdminSupported` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `isRemoveAdminSupported` method is supported.
+ * @extension ERC4337
+ * @example
+ * ```ts
+ * import { isRemoveAdminSupported } from "thirdweb/extensions/erc4337";
+ *
+ * const supported = isRemoveAdminSupported(["0x..."]);
+ * ```
+ */
+export function isRemoveAdminSupported(availableSelectors: string[]) {
+  return isSetPermissionsForSignerSupported(availableSelectors);
+}

package/src/extensions/erc4337/account/removeSessionKey.ts

@@ -1,6 +1,9 @@
 import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import type { Account } from "../../../wallets/interfaces/wallet.js";
-import { setPermissionsForSigner } from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
+import {
+  isSetPermissionsForSignerSupported,
+  setPermissionsForSigner,
+} from "../__generated__/IAccountPermissions/write/setPermissionsForSigner.js";
 import { signPermissionRequest, toContractPermissions } from "./common.js";
 
 /**
@@ -60,3 +63,19 @@ export function removeSessionKey(
     },
   });
 }
+
+/**
+ * Checks if the `isRemoveSessionKeySupported` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `isRemoveSessionKeySupported` method is supported.
+ * @extension ERC4337
+ * @example
+ * ```ts
+ * import { isRemoveSessionKeySupported } from "thirdweb/extensions/erc4337";
+ *
+ * const supported = isRemoveSessionKeySupported(["0x..."]);
+ * ```
+ */
+export function isRemoveSessionKeySupported(availableSelectors: string[]) {
+  return isSetPermissionsForSignerSupported(availableSelectors);
+}

package/src/extensions/permissions/permissions.test.ts

@@ -10,7 +10,7 @@ import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-co
 import { deployERC20Contract } from "../prebuilts/deploy-erc20.js";
 import { getAllRoleMembers } from "./read/getAllMembers.js";
 import { hasRole } from "./read/hasRole.js";
-import { grantRole } from "./write/grant.js";
+import { grantRole } from "./write/grantRole.js";
 import { revokeRole } from "./write/revokeRole.js";
 
 describe.runIf(process.env.TW_SECRET_KEY)("Permissions", () => {

package/src/extensions/permissions/read/getAllMembers.ts

@@ -1,6 +1,12 @@
 import type { BaseTransactionOptions } from "../../../transaction/types.js";
-import { getRoleMember } from "../__generated__/IPermissionsEnumerable/read/getRoleMember.js";
-import { getRoleMemberCount } from "../__generated__/IPermissionsEnumerable/read/getRoleMemberCount.js";
+import {
+  getRoleMember,
+  isGetRoleMemberSupported,
+} from "../__generated__/IPermissionsEnumerable/read/getRoleMember.js";
+import {
+  getRoleMemberCount,
+  isGetRoleMemberCountSupported,
+} from "../__generated__/IPermissionsEnumerable/read/getRoleMemberCount.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
 /**
@@ -47,3 +53,25 @@ export async function getAllRoleMembers(
 
   return Promise.all(promises);
 }
+
+/**
+ * Checks if the `getAllRoleMembers` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `getAllRoleMembers` method is supported.
+ * @extension PERMISSIONS
+ * @example
+ * ```ts
+ * import { isGetAllRoleMembersSupported } from "thirdweb/extensions/permissions";
+ *
+ * const supported = isGetAllRoleMembersSupported(["0x..."]);
+ * ```
+ */
+export function isGetAllRoleMembersSupported(
+  availableSelectors: string[],
+): boolean {
+  // both need to be supported to get all members
+  return (
+    isGetRoleMemberSupported(availableSelectors) &&
+    isGetRoleMemberCountSupported(availableSelectors)
+  );
+}

package/src/extensions/permissions/read/getRoleAdmin.ts

@@ -2,6 +2,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { getRoleAdmin as generatedGetRoleAdmin } from "../__generated__/IPermissions/read/getRoleAdmin.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isGetRoleAdminSupported } from "../__generated__/IPermissions/read/getRoleAdmin.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/read/getRoleMember.ts

@@ -2,6 +2,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { getRoleMember as generatedGetRoleMember } from "../__generated__/IPermissionsEnumerable/read/getRoleMember.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isGetRoleMemberSupported } from "../__generated__/IPermissionsEnumerable/read/getRoleMember.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/read/getRoleMemberCount.ts

@@ -2,6 +2,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { getRoleMemberCount as generatedGetRoleMemberCount } from "../__generated__/IPermissionsEnumerable/read/getRoleMemberCount.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isGetRoleMemberCountSupported } from "../__generated__/IPermissionsEnumerable/read/getRoleMemberCount.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/read/hasRole.ts

@@ -2,6 +2,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { hasRole as hasRoleGenerated } from "../__generated__/IPermissions/read/hasRole.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isHasRoleSupported } from "../__generated__/IPermissions/read/hasRole.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/write/{grant.ts → grantRole.ts}

@@ -3,6 +3,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { grantRole as generatedGrantRole } from "../__generated__/IPermissions/write/grantRole.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isGrantRoleSupported } from "../__generated__/IPermissions/write/grantRole.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/write/renounceRole.ts

@@ -3,6 +3,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { renounceRole as generatedRenounceRole } from "../__generated__/IPermissions/write/renounceRole.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isRenounceRoleSupported } from "../__generated__/IPermissions/write/renounceRole.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/permissions/write/revokeRole.ts

@@ -3,6 +3,8 @@ import type { BaseTransactionOptions } from "../../../transaction/types.js";
 import { revokeRole as generatedRevokeRole } from "../__generated__/IPermissions/write/revokeRole.js";
 import { type RoleInput, getRoleHash } from "../utils.js";
 
+export { isRevokeRoleSupported } from "../__generated__/IPermissions/write/revokeRole.js";
+
 /**
  * @extension PERMISSIONS
  */

package/src/extensions/prebuilts/deploy-published.ts

@@ -1,12 +1,15 @@
-import type { AbiConstructor } from "abitype";
+import type { AbiConstructor, AbiFunction } from "abitype";
 import type { Chain } from "../../chains/types.js";
 import type { ThirdwebClient } from "../../client/client.js";
 import { getContract } from "../../contract/contract.js";
 import { fetchPublishedContractMetadata } from "../../contract/deployment/publisher.js";
+import { zkDeployContract } from "../../contract/deployment/zksync/zkDeployContract.js";
 import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
 import { simulateTransaction } from "../../transaction/actions/simulate.js";
 import { prepareContractCall } from "../../transaction/prepare-contract-call.js";
 import { resolveMethod } from "../../transaction/resolve-method.js";
+import type { CompilerMetadata } from "../../utils/any-evm/deploy-metadata.js";
+import { isZkSyncChain } from "../../utils/any-evm/zksync/isZkSyncChain.js";
 import type { Account } from "../../wallets/interfaces/wallet.js";
 
 /**
@@ -58,26 +61,19 @@ export async function deployPublishedContract(
   const { compilerMetadata, extendedMetadata } =
     await fetchPublishedContractMetadata({
       client,
-      contractId,
+      contractId: isZkSyncChain(chain) ? `${contractId}_ZkSync` : contractId,
       publisher,
       version,
     });
 
   switch (extendedMetadata?.deployType) {
     case "standard": {
-      const { deployContract } = await import(
-        "../../contract/deployment/deploy-with-abi.js"
-      );
-      return deployContract({
+      return directDeploy({
         account,
         client,
         chain,
-        bytecode: compilerMetadata.bytecode,
-        constructorAbi:
-          (compilerMetadata.abi.find(
-            (i) => i.type === "constructor",
-          ) as AbiConstructor) || [],
-        constructorParams: contractParams,
+        compilerMetadata,
+        contractParams,
       });
     }
     case "autoFactory": {
@@ -97,16 +93,23 @@ export async function deployPublishedContract(
           constructorParams: implementationConstructorParams || [],
           publisher,
         });
+      const initializeFunction = compilerMetadata.abi.find(
+        (i) =>
+          i.type === "function" &&
+          i.name ===
+            (extendedMetadata.factoryDeploymentData
+              ?.implementationInitializerFunction || "initialize"),
+      ) as AbiFunction;
+      if (!initializeFunction) {
+        throw new Error(`Could not find initialize function for ${contractId}`);
+      }
       const initializeTransaction = prepareContractCall({
         contract: getContract({
           client,
           chain,
           address: implementationContract.address,
         }),
-        method: resolveMethod(
-          extendedMetadata.factoryDeploymentData
-            ?.implementationInitializerFunction || "initialize",
-        ),
+        method: initializeFunction,
         params: contractParams,
       });
 
@@ -154,19 +157,12 @@ export async function deployPublishedContract(
     }
     case undefined: {
       // Default to standard deployment if none was specified
-      const { deployContract } = await import(
-        "../../contract/deployment/deploy-with-abi.js"
-      );
-      return deployContract({
+      return directDeploy({
         account,
         client,
         chain,
-        bytecode: compilerMetadata.bytecode,
-        constructorAbi:
-          (compilerMetadata.abi.find(
-            (i) => i.type === "constructor",
-          ) as AbiConstructor) || [],
-        constructorParams: contractParams,
+        compilerMetadata,
+        contractParams,
       });
     }
     default:
@@ -176,3 +172,39 @@ export async function deployPublishedContract(
       );
   }
 }
+
+async function directDeploy(options: {
+  account: Account;
+  client: ThirdwebClient;
+  chain: Chain;
+  compilerMetadata: CompilerMetadata;
+  contractParams: unknown[];
+}) {
+  const { account, client, chain, compilerMetadata, contractParams } = options;
+
+  if (isZkSyncChain(chain)) {
+    return zkDeployContract({
+      account,
+      client,
+      chain,
+      bytecode: compilerMetadata.bytecode,
+      abi: compilerMetadata.abi,
+      params: contractParams,
+    });
+  }
+
+  const { deployContract } = await import(
+    "../../contract/deployment/deploy-with-abi.js"
+  );
+  return deployContract({
+    account,
+    client,
+    chain,
+    bytecode: compilerMetadata.bytecode,
+    constructorAbi:
+      (compilerMetadata.abi.find(
+        (i) => i.type === "constructor",
+      ) as AbiConstructor) || [],
+    constructorParams: contractParams,
+  });
+}

package/src/extensions/thirdweb/read/contractType.ts

@@ -0,0 +1,46 @@
+import type { BaseTransactionOptions } from "../../../transaction/types.js";
+import { hexToString } from "../../../utils/encoding/hex.js";
+import * as ContractTypeGenerated from "../__generated__/IThirdwebContract/read/contractType.js";
+
+/**
+ * Checks if the `contractType` method is supported by the given contract.
+ * @param availableSelectors An array of 4byte function selectors of the contract. You can get this in various ways, such as using "whatsabi" or if you have the ABI of the contract available you can use it to generate the selectors.
+ * @returns A boolean indicating if the `contractType` method is supported.
+ * @extension THIRDWEB
+ * @example
+ * ```ts
+ * import { isContractTypeSupported } from "thirdweb/extensions/thirdweb";
+ *
+ * const supported = isContractTypeSupported(["0x..."]);
+ * ```
+ */
+export function isContractTypeSupported(availableSelectors: string[]) {
+  return ContractTypeGenerated.isContractTypeSupported(availableSelectors);
+}
+
+/**
+ * Calls the "contractType" function on the contract.
+ * @param options - The options for the contractType function.
+ * @returns The parsed result of the function call.
+ * @extension THIRDWEB
+ * @example
+ * ```ts
+ * import { contractType } from "thirdweb/extensions/thirdweb";
+ *
+ * const result = await contractType({
+ *  contract,
+ * });
+ *
+ * ```
+ */
+export async function contractType(options: BaseTransactionOptions) {
+  try {
+    const rawContractType = await ContractTypeGenerated.contractType(options);
+    const utf8 = hexToString(rawContractType);
+    // biome-ignore lint/suspicious/noControlCharactersInRegex: required here
+    return utf8.replace(/\x00/g, "") || "custom";
+  } catch {
+    // backwards compat, if this fails for any reason we assume it's a custom contract
+    return "custom";
+  }
+}

package/src/extensions/zksync/__generated__/ContractDeployer/events/ContractDeployed.ts

@@ -0,0 +1,55 @@
+import { prepareEvent } from "../../../../../event/prepare-event.js";
+import type { AbiParameterToPrimitiveType } from "abitype";
+
+/**
+ * Represents the filters for the "ContractDeployed" event.
+ */
+export type ContractDeployedEventFilters = Partial<{
+  deployerAddress: AbiParameterToPrimitiveType<{
+    type: "address";
+    name: "deployerAddress";
+    indexed: true;
+  }>;
+  bytecodeHash: AbiParameterToPrimitiveType<{
+    type: "bytes32";
+    name: "bytecodeHash";
+    indexed: true;
+  }>;
+  contractAddress: AbiParameterToPrimitiveType<{
+    type: "address";
+    name: "contractAddress";
+    indexed: true;
+  }>;
+}>;
+
+/**
+ * Creates an event object for the ContractDeployed event.
+ * @param filters - Optional filters to apply to the event.
+ * @returns The prepared event object.
+ * @extension ZKSYNC
+ * @example
+ * ```ts
+ * import { getContractEvents } from "thirdweb";
+ * import { contractDeployedEvent } from "thirdweb/extensions/zksync";
+ *
+ * const events = await getContractEvents({
+ * contract,
+ * events: [
+ *  contractDeployedEvent({
+ *  deployerAddress: ...,
+ *  bytecodeHash: ...,
+ *  contractAddress: ...,
+ * })
+ * ],
+ * });
+ * ```
+ */
+export function contractDeployedEvent(
+  filters: ContractDeployedEventFilters = {},
+) {
+  return prepareEvent({
+    signature:
+      "event ContractDeployed(address indexed deployerAddress, bytes32 indexed bytecodeHash, address indexed contractAddress)",
+    filters,
+  });
+}

package/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -288,6 +288,27 @@ export type ConnectButton_detailsModalOptions = {
    * Use custom avatar URL for the connected wallet image in the `ConnectButton` Details Modal, overriding ENS avatar or Blobbie icon.
    */
   connectedAccountAvatarUrl?: string;
+
+  /**
+   * Hide the "Send Funds" button in the `ConnectButton` Details Modal.
+   *
+   * By default the "Send Funds" button is shown.
+   */
+  hideSendFunds?: boolean;
+
+  /**
+   * Hide the "Receive Funds" button in the `ConnectButton` Details Modal.
+   *
+   * By default the "Receive Funds" button is shown.
+   */
+  hideReceiveFunds?: boolean;
+
+  /**
+   * Hide the "Buy Funds" button in the `ConnectButton` Details Modal.
+   *
+   * By default the "Buy Funds" button is shown.
+   */
+  hideBuyFunds?: boolean;
 };
 
 /**

package/src/react/web/hooks/transaction/useSendTransaction.tsx

@@ -19,7 +19,7 @@ import { TransactionModal } from "../../ui/TransactionButton/TransactionModal.js
  * Refer to [`SendTransactionConfig`](https://portal.thirdweb.com/references/typescript/v5/SendTransactionConfig) for more details.
  * @example
  *
- * ### Using a prepared contract call
+ * ### Sending a prepared contract call
  *
  * ```tsx
  * import { useSendTransaction } from "thirdweb/react";
@@ -83,11 +83,12 @@ import { TransactionModal } from "../../ui/TransactionButton/TransactionModal.js
  * const { mutate: sendTx, data: transactionResult } = useSendTransaction();
  *
  * const onClick = () => {
+ *   // Send 0.1 SepoliaETH to an address
  *   const transaction = prepareTransaction({
- *       contract,
- *       to: "0x...",
- *       value: toWei("0.1"),
- *     }),
+ *     to: "0x...",
+ *     value: toWei("0.1"),
+ *     chain: sepolia,
+ *     client: thirdwebClient,
  *   });
  *   sendTx(transaction);
  * };

package/src/react/web/ui/ConnectWallet/ConnectButton.tsx

@@ -544,6 +544,9 @@ function ConnectButtonInner(
         showAllWallets: props.showAllWallets,
         walletConnect: props.walletConnect,
         wallets: props.wallets,
+        hideReceiveFunds: props.detailsModal?.hideReceiveFunds,
+        hideSendFunds: props.detailsModal?.hideSendFunds,
+        hideBuyFunds: props.detailsModal?.hideBuyFunds,
       }}
     />
   );