thirdweb 5.53.0-nightly-9d84aff26615b6a553ac002e7f51a0ed5172eb5d-20240909000344 → 5.53.1-nightly-865c5e3b16af70c3660f30ba8cffc5d6e360a389-20240911000352

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

@@ -9,6 +9,7 @@ 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 type { FetchDeployMetadataResult } 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,21 +59,56 @@ export async function deployPublishedContract(
     version,
     implementationConstructorParams,
   } = options;
-  const { compilerMetadata, extendedMetadata } =
-    await fetchPublishedContractMetadata({
-      client,
-      contractId: isZkSyncChain(chain) ? `${contractId}_ZkSync` : contractId,
-      publisher,
-      version,
-    });
+  const deployMetadata = await fetchPublishedContractMetadata({
+    client,
+    contractId: isZkSyncChain(chain) ? `${contractId}_ZkSync` : contractId,
+    publisher,
+    version,
+  });
+
+  return deployContractfromDeployMetadata({
+    account,
+    chain,
+    deployMetadata,
+    client,
+    contractParams,
+    implementationConstructorParams,
+  });
+}
+
+/**
+ * @internal
+ */
+export type DeployContractfromDeployMetadataOptions = {
+  client: ThirdwebClient;
+  chain: Chain;
+  account: Account;
+  deployMetadata: FetchDeployMetadataResult;
+  contractParams: unknown[];
+  implementationConstructorParams?: unknown[];
+};
 
-  switch (extendedMetadata?.deployType) {
+/**
+ * @internal
+ */
+export async function deployContractfromDeployMetadata(
+  options: DeployContractfromDeployMetadataOptions,
+) {
+  const {
+    client,
+    account,
+    chain,
+    contractParams,
+    deployMetadata,
+    implementationConstructorParams,
+  } = options;
+  switch (deployMetadata?.deployType) {
     case "standard": {
       return directDeploy({
         account,
         client,
         chain,
-        compilerMetadata,
+        compilerMetadata: deployMetadata,
         contractParams,
       });
     }
@@ -89,19 +125,21 @@ export async function deployPublishedContract(
           chain,
           client,
           account,
-          contractId,
+          contractId: deployMetadata.name,
           constructorParams: implementationConstructorParams || [],
-          publisher,
+          publisher: deployMetadata.publisher,
         });
-      const initializeFunction = compilerMetadata.abi.find(
+      const initializeFunction = deployMetadata.abi.find(
         (i) =>
           i.type === "function" &&
           i.name ===
-            (extendedMetadata.factoryDeploymentData
+            (deployMetadata.factoryDeploymentData
               ?.implementationInitializerFunction || "initialize"),
       ) as AbiFunction;
       if (!initializeFunction) {
-        throw new Error(`Could not find initialize function for ${contractId}`);
+        throw new Error(
+          `Could not find initialize function for ${deployMetadata.name}`,
+        );
       }
       const initializeTransaction = prepareContractCall({
         contract: getContract({
@@ -109,7 +147,10 @@ export async function deployPublishedContract(
           chain,
           address: implementationContract.address,
         }),
-        method: initializeFunction,
+        method: resolveMethod(
+          deployMetadata.factoryDeploymentData
+            ?.implementationInitializerFunction || "initialize",
+        ),
         params: contractParams,
       });
 
@@ -122,14 +163,14 @@ export async function deployPublishedContract(
       });
     }
     case "customFactory": {
-      if (!extendedMetadata?.factoryDeploymentData?.customFactoryInput) {
+      if (!deployMetadata?.factoryDeploymentData?.customFactoryInput) {
         throw new Error("No custom factory info found");
       }
       const factoryAddress =
-        extendedMetadata?.factoryDeploymentData?.customFactoryInput
+        deployMetadata?.factoryDeploymentData?.customFactoryInput
           ?.customFactoryAddresses?.[chain.id];
       const factoryFunction =
-        extendedMetadata.factoryDeploymentData?.customFactoryInput
+        deployMetadata.factoryDeploymentData?.customFactoryInput
           ?.factoryFunction;
       if (!factoryAddress || !factoryFunction) {
         throw new Error(`No factory address found on chain ${chain.id}`);
@@ -161,15 +202,13 @@ export async function deployPublishedContract(
         account,
         client,
         chain,
-        compilerMetadata,
+        compilerMetadata: deployMetadata,
         contractParams,
       });
     }
     default:
       // If a deployType was specified but we don't support it, throw an error
-      throw new Error(
-        `Unsupported deploy type: ${extendedMetadata?.deployType}`,
-      );
+      throw new Error(`Unsupported deploy type: ${deployMetadata?.deployType}`);
   }
 }
 

package/src/react/core/hooks/others/useProfiles.ts

@@ -13,7 +13,7 @@ import { useActiveWallet } from "../wallets/useActiveWallet.js";
  *
  * @example
  * ```jsx
- * import { use } from "thirdweb/react";
+ * import { useProfiles } from "thirdweb/react";
  *
  * const { data: profiles } = useProfiles();
  *

package/src/react/core/hooks/transaction/useSendTransaction.ts

@@ -10,6 +10,7 @@ import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait
 import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
 import { resolvePromisedValue } from "../../../../utils/promise/resolve-promised-value.js";
 import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
+import { getTokenBalance } from "../../../../wallets/utils/getTokenBalance.js";
 import { getWalletBalance } from "../../../../wallets/utils/getWalletBalance.js";
 import type { LocaleId } from "../../../web/ui/types.js";
 import type { Theme } from "../../design-system/index.js";
@@ -175,10 +176,11 @@ export function useSendTransactionCore(args: {
                 chain: tx.chain,
               }),
               _erc20Value?.tokenAddress
-                ? getWalletBalance({
+                ? getTokenBalance({
                     client: tx.client,
-                    address: account.address,
+                    account,
                     chain: tx.chain,
+                    tokenAddress: _erc20Value.tokenAddress,
                   })
                 : undefined,
               getTotalTxCostForBuy(tx, account.address),

package/src/react/core/utils/walletIcon.ts

@@ -19,6 +19,8 @@ export const twitchIconUri =
   "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDExMS43ODY2NyAxMjcuMzg2NjciCiAgIGhlaWdodD0iMTI3LjM4NjY3IgogICB3aWR0aD0iMTExLjc4NjY3IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczMzU1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJUd2l0Y2hfbG9nby5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMS4xICgzYmY1YWUwZDI1LCAyMDIxLTA5LTIwKSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICBpZD0iZGVmczI5Ij4KICAgIAogICAgCiAgPC9kZWZzPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgaWQ9Im5hbWVkdmlldzI3IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iNC4xOTkyMjg0IgogICBpbmtzY2FwZTpjeD0iLTUwLjYwNDUzNSIKICAgaW5rc2NhcGU6Y3k9IjE0MC4zODI5MyIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzg3IgogICBpbmtzY2FwZTp3aW5kb3cteD0iMTkxMiIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczMzU1IiAvPgogIDxnCiAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywxMDEuMzkzMzMsNjcuNTg5MzMyKSIKICAgaWQ9ImczMzY1Ij4KICAgICAgPHBhdGgKICAgaWQ9InBhdGgzMzY3IgogICBzdHlsZT0iZmlsbDojNjQ0MWE1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIgogICBkPSJtIDAsMCAtMTMuNjUyLC0xMy42NTEgaCAtMjEuNDQ1IGwgLTExLjY5OSwtMTEuNjk3IHYgMTEuNjk3IEggLTY0LjM0NCBWIDQyLjg5MyBIIDAgWiBtIC03Mi4xNDYsNTAuNjkyIC0zLjg5OSwtMTUuNTk5IHYgLTcwLjE5IGggMTcuNTUgdiAtOS43NTEgaCA5Ljc0NiBsIDkuNzUyLDkuNzUxIGggMTUuNTk2IEwgNy43OTUsLTMuOTA1IHYgNTQuNTk3IHoiIC8+CiAgICA8L2c+PHBhdGgKICAgaWQ9InBhdGgzMzY5IgogICBzdHlsZT0iZmlsbDojNjQ0MWE1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjMzMzMzIgogICBkPSJtIDQ0LjE5NzMzMSw2Mi4zOTQyNjYgaCAxMC4zOTg2NyBWIDMxLjE5MjkzMyBoIC0xMC4zOTg2NyB6IG0gMjguNTk0NjcsMCBoIDEwLjM5ODY2IFYgMzEuMTkyOTMzIGggLTEwLjM5ODY2IHoiIC8+Cjwvc3ZnPgo=";
 export const discordIconUri =
   "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBpZD0iZGlzY29yZCI+PHBhdGggZmlsbD0iIzY2NjVkMiIgZD0iTTg1LjIyLDI0Ljk1OGMtMTEuNDU5LTguNTc1LTIyLjQzOC04LjMzNC0yMi40MzgtOC4zMzRsLTEuMTIyLDEuMjgyCgkJCQljMTMuNjIzLDQuMDg3LDE5Ljk1NCwxMC4wOTcsMTkuOTU0LDEwLjA5N2MtMTkuNDkxLTEwLjczMS00NC4zMTctMTAuNjU0LTY0LjU5LDBjMCwwLDYuNTcxLTYuMzMxLDIwLjk5Ni0xMC40MThsLTAuODAxLTAuOTYyCgkJCQljMCwwLTEwLjg5OS0wLjI0LTIyLjQzOCw4LjMzNGMwLDAtMTEuNTQsMjAuNzU1LTExLjU0LDQ2LjMxOWMwLDAsNi43MzIsMTEuNTQsMjQuNDQyLDEyLjEwMWMwLDAsMi45NjUtMy41MjYsNS4zNjktNi41NzEKCQkJCWMtMTAuMTc3LTMuMDQ1LTE0LjAyNC05LjM3Ni0xNC4wMjQtOS4zNzZjNi4zOTQsNC4wMDEsMTIuODU5LDYuNTA1LDIwLjkxNiw4LjA5NGMxMy4xMDgsMi42OTgsMjkuNDEzLTAuMDc2LDQxLjU5MS04LjA5NAoJCQkJYzAsMC00LjAwNyw2LjQ5MS0xNC41MDUsOS40NTZjMi40MDQsMi45NjUsNS4yODksNi40MTEsNS4yODksNi40MTFjMTcuNzEtMC41NjEsMjQuNDQxLTEyLjEwMSwyNC40NDEtMTIuMDIKCQkJCUM5Ni43NTksNDUuNzEzLDg1LjIyLDI0Ljk1OCw4NS4yMiwyNC45NTh6IE0zNS4wNTUsNjMuODI0Yy00LjQ4OCwwLTguMTc0LTMuOTI3LTguMTc0LTguODE1CgkJCQljMC4zMjgtMTEuNzA3LDE2LjEwMi0xMS42NzEsMTYuMzQ4LDBDNDMuMjI5LDU5Ljg5NywzOS42MjIsNjMuODI0LDM1LjA1NSw2My44MjR6IE02NC4zMDQsNjMuODI0CgkJCQljLTQuNDg4LDAtOC4xNzQtMy45MjctOC4xNzQtOC44MTVjMC4zNi0xMS42ODQsMTUuOTM3LTExLjY4OSwxNi4zNDgsMEM3Mi40NzgsNTkuODk3LDY4Ljg3Miw2My44MjQsNjQuMzA0LDYzLjgyNHoiPjwvcGF0aD48L3N2Zz4=";
+export const lineIconUri =
+  "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgMzIwIDMyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNmM3NTU7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMSU5FX0xPR08iIGRhdGEtbmFtZT0iTElORSBMT0dPIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIiByeD0iNzIuMTQiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNjYuNjYsMTQ0LjkyYzAtNDcuNzQtNDcuODYtODYuNTgtMTA2LjY5LTg2LjU4UzUzLjI4LDk3LjE4LDUzLjI4LDE0NC45MmMwLDQyLjgsMzgsNzguNjUsODkuMjIsODUuNDIsMy40OC43NSw4LjIxLDIuMjksOS40LDUuMjYsMS4wOCwyLjcuNzEsNi45My4zNSw5LjY1LDAsMC0xLjI1LDcuNTMtMS41Miw5LjEzLS40NywyLjctMi4xNSwxMC41NSw5LjI0LDUuNzZzNjEuNDQtMzYuMTgsODMuODItNjEuOTVoMEMyNTkuMjUsMTgxLjI0LDI2Ni42NiwxNjQsMjY2LjY2LDE0NC45MloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMzEuMTYsMTcyLjQ5aC0zMGEyLDIsMCwwLDEtMi0ydjBoMFYxMjMuOTRoMHYwYTIsMiwwLDAsMSwyLTJoMzBhMiwyLDAsMCwxLDIsMnY3LjU3YTIsMiwwLDAsMS0yLDJIMjEwLjc5djcuODVoMjAuMzdhMiwyLDAsMCwxLDIsMlYxNTFhMiwyLDAsMCwxLTIsMkgyMTAuNzl2Ny44NmgyMC4zN2EyLDIsMCwwLDEsMiwydjcuNTZBMiwyLDAsMCwxLDIzMS4xNiwxNzIuNDlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIwLjI5LDE3Mi40OWEyLDIsMCwwLDAsMi0ydi03LjU2YTIsMiwwLDAsMC0yLTJIOTkuOTJ2LTM3YTIsMiwwLDAsMC0yLTJIOTAuMzJhMiwyLDAsMCwwLTIsMnY0Ni41M2gwdjBhMiwyLDAsMCwwLDIsMmgzMFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjEyOC43MyIgeT0iMTIxLjg1IiB3aWR0aD0iMTEuNjQiIGhlaWdodD0iNTAuNjQiIHJ4PSIyLjA0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTg5Ljg0LDEyMS44NWgtNy41NmEyLDIsMCwwLDAtMiwydjI3LjY2bC0yMS4zLTI4Ljc3YTEuMiwxLjIsMCwwLDAtLjE3LS4yMXYwbC0uMTItLjEyLDAsMC0uMTEtLjA5LS4wNiwwLS4xMS0uMDgtLjA2LDAtLjExLS4wNi0uMDcsMC0uMTEsMC0uMDcsMC0uMTIsMC0uMDgsMC0uMTIsMGgtLjA4bC0uMTEsMGgtNy43MWEyLDIsMCwwLDAtMiwydjQ2LjU2YTIsMiwwLDAsMCwyLDJoNy41N2EyLDIsMCwwLDAsMi0yVjE0Mi44MWwyMS4zMywyOC44YTIsMiwwLDAsMCwuNTIuNTJoMGwuMTIuMDguMDYsMCwuMS4wNS4xLDAsLjA3LDAsLjE0LDBoMGEyLjQyLDIuNDIsMCwwLDAsLjU0LjA3aDcuNTJhMiwyLDAsMCwwLDItMlYxMjMuODlBMiwyLDAsMCwwLDE4OS44NCwxMjEuODVaIi8+PC9nPjwvZz48L3N2Zz4=";
 export const farcasterIconUri =
   "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiByeD0iMjAwIiBmaWxsPSIjODU1RENEIi8+CjxwYXRoIGQ9Ik0yNTcuNzc4IDE1NS41NTZINzQyLjIyMlY4NDQuNDQ0SDY3MS4xMTFWNTI4Ljg4OUg2NzAuNDE0QzY2Mi41NTQgNDQxLjY3NyA1ODkuMjU4IDM3My4zMzMgNTAwIDM3My4zMzNDNDEwLjc0MiAzNzMuMzMzIDMzNy40NDYgNDQxLjY3NyAzMjkuNTg2IDUyOC44ODlIMzI4Ljg4OVY4NDQuNDQ0SDI1Ny43NzhWMTU1LjU1NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMjguODg5IDI1My4zMzNMMTU3Ljc3OCAzNTEuMTExSDE4Mi4yMjJWNzQ2LjY2N0MxNjkuOTQ5IDc0Ni42NjcgMTYwIDc1Ni42MTYgMTYwIDc2OC44ODlWNzk1LjU1NkgxNTUuNTU2QzE0My4yODMgNzk1LjU1NiAxMzMuMzMzIDgwNS41MDUgMTMzLjMzMyA4MTcuNzc4Vjg0NC40NDRIMzgyLjIyMlY4MTcuNzc4QzM4Mi4yMjIgODA1LjUwNSAzNzIuMjczIDc5NS41NTYgMzYwIDc5NS41NTZIMzU1LjU1NlY3NjguODg5QzM1NS41NTYgNzU2LjYxNiAzNDUuNjA2IDc0Ni42NjcgMzMzLjMzMyA3NDYuNjY3SDMwNi42NjdWMjUzLjMzM0gxMjguODg5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY3NS41NTYgNzQ2LjY2N0M2NjMuMjgzIDc0Ni42NjcgNjUzLjMzMyA3NTYuNjE2IDY1My4zMzMgNzY4Ljg4OVY3OTUuNTU2SDY0OC44ODlDNjM2LjYxNiA3OTUuNTU2IDYyNi42NjcgODA1LjUwNSA2MjYuNjY3IDgxNy43NzhWODQ0LjQ0NEg4NzUuNTU2VjgxNy43NzhDODc1LjU1NiA4MDUuNTA1IDg2NS42MDYgNzk1LjU1NiA4NTMuMzMzIDc5NS41NTZIODQ4Ljg4OVY3NjguODg5Qzg0OC44ODkgNzU2LjYxNiA4MzguOTQgNzQ2LjY2NyA4MjYuNjY3IDc0Ni42NjdWMzUxLjExMUg4NTEuMTExTDg4MCAyNTMuMzMzSDcwMi4yMjJWNzQ2LjY2N0g2NzUuNTU2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 export const telegramIconUri =
@@ -46,6 +48,7 @@ export const socialIcons = {
   apple: appleIconUri,
   facebook: facebookIconUri,
   discord: discordIconUri,
+  line: lineIconUri,
   farcaster: farcasterIconUri,
   telegram: telegramIconUri,
 };
@@ -67,6 +70,8 @@ export function getWalletIcon(provider: string) {
       return passkeyIcon;
     case "discord":
       return discordIconUri;
+    case "line":
+      return lineIconUri;
     case "farcaster":
       return farcasterIconUri;
     case "telegram":

package/src/react/native/ui/components/WalletImage.tsx

@@ -12,6 +12,7 @@ import {
   FACEBOOK_ICON,
   FARCASTER_ICON,
   GOOGLE_ICON,
+  LINE_ICON,
   PASSKEY_ICON,
   PHONE_ICON,
   TELEGRAM_ICON,
@@ -81,6 +82,8 @@ export function getAuthProviderImage(authProvider: string | null): string {
       return FACEBOOK_ICON;
     case "discord":
       return DISCORD_ICON;
+    case "line":
+      return LINE_ICON;
     case "farcaster":
       return FARCASTER_ICON;
     case "telegram":

package/src/react/native/ui/connect/InAppWalletUI.tsx

@@ -34,6 +34,7 @@ import {
   FACEBOOK_ICON,
   FARCASTER_ICON,
   GOOGLE_ICON,
+  LINE_ICON,
   TELEGRAM_ICON,
 } from "../icons/svgs.js";
 import type { ModalState } from "./ConnectModal.js";
@@ -53,6 +54,7 @@ const socialIcons = {
   facebook: FACEBOOK_ICON,
   apple: APPLE_ICON,
   discord: DISCORD_ICON,
+  line: LINE_ICON,
   farcaster: FARCASTER_ICON,
   telegram: TELEGRAM_ICON,
 };

package/src/react/native/ui/icons/svgs.ts

@@ -37,6 +37,8 @@ export const DISCORD_ICON = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink
 </g>
 </svg>`;
 
+export const LINE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320"><defs><style>.cls-1{fill:#06c755;}.cls-2{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="LINE_LOGO" data-name="LINE LOGO"><rect class="cls-1" width="320" height="320" rx="72.14"/><path class="cls-2" d="M266.66,144.92c0-47.74-47.86-86.58-106.69-86.58S53.28,97.18,53.28,144.92c0,42.8,38,78.65,89.22,85.42,3.48.75,8.21,2.29,9.4,5.26,1.08,2.7.71,6.93.35,9.65,0,0-1.25,7.53-1.52,9.13-.47,2.7-2.15,10.55,9.24,5.76s61.44-36.18,83.82-61.95h0C259.25,181.24,266.66,164,266.66,144.92Z"/><path class="cls-1" d="M231.16,172.49h-30a2,2,0,0,1-2-2v0h0V123.94h0v0a2,2,0,0,1,2-2h30a2,2,0,0,1,2,2v7.57a2,2,0,0,1-2,2H210.79v7.85h20.37a2,2,0,0,1,2,2V151a2,2,0,0,1-2,2H210.79v7.86h20.37a2,2,0,0,1,2,2v7.56A2,2,0,0,1,231.16,172.49Z"/><path class="cls-1" d="M120.29,172.49a2,2,0,0,0,2-2v-7.56a2,2,0,0,0-2-2H99.92v-37a2,2,0,0,0-2-2H90.32a2,2,0,0,0-2,2v46.53h0v0a2,2,0,0,0,2,2h30Z"/><rect class="cls-1" x="128.73" y="121.85" width="11.64" height="50.64" rx="2.04"/><path class="cls-1" d="M189.84,121.85h-7.56a2,2,0,0,0-2,2v27.66l-21.3-28.77a1.2,1.2,0,0,0-.17-.21v0l-.12-.12,0,0-.11-.09-.06,0-.11-.08-.06,0-.11-.06-.07,0-.11,0-.07,0-.12,0-.08,0-.12,0h-.08l-.11,0h-7.71a2,2,0,0,0-2,2v46.56a2,2,0,0,0,2,2h7.57a2,2,0,0,0,2-2V142.81l21.33,28.8a2,2,0,0,0,.52.52h0l.12.08.06,0,.1.05.1,0,.07,0,.14,0h0a2.42,2.42,0,0,0,.54.07h7.52a2,2,0,0,0,2-2V123.89A2,2,0,0,0,189.84,121.85Z"/></g></g></svg>`;
+
 export const FARCASTER_ICON = `<svg width={width} height={height} viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="1000" height="1000" rx="200" fill="#855DCD"/>
 <path d="M257.778 155.556H742.222V844.444H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.444H257.778V155.556Z" fill="white"/>

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

@@ -106,6 +106,7 @@ export const ConnectWalletSocialOptions = (
     facebook: locale.signInWithFacebook,
     apple: locale.signInWithApple,
     discord: locale.signInWithDiscord,
+    line: "LINE",
     farcaster: "Farcaster",
     telegram: "Telegram",
   };

package/src/react/web/wallets/shared/oauthSignIn.ts

@@ -35,6 +35,7 @@ function getOauthLoginPath(
     case "google":
     case "farcaster":
     case "telegram":
+    case "line":
     case "discord":
       return getLoginUrl({ authOption, client, ecosystem });
     default:

package/src/social/profiles.ts

@@ -1,7 +1,7 @@
 import type { ThirdwebClient } from "../client/client.js";
 import { getThirdwebBaseUrl } from "../utils/domains.js";
 import { getClientFetch } from "../utils/fetch.js";
-import type { SocialProfiles } from "./types.js";
+import type { SocialProfile } from "./types.js";
 
 /**
  * Fetches the wallet's available social profiles.
@@ -23,7 +23,7 @@ import type { SocialProfiles } from "./types.js";
 export async function getSocialProfiles(args: {
   address: string;
   client: ThirdwebClient;
-}): Promise<SocialProfiles> {
+}): Promise<SocialProfile[]> {
   const { address, client } = args;
 
   const clientFetch = getClientFetch(client);
@@ -42,5 +42,5 @@ export async function getSocialProfiles(args: {
     }
   }
 
-  return (await response.json()).data as SocialProfiles;
+  return (await response.json()).data as SocialProfile[];
 }

package/src/social/types.ts

@@ -34,10 +34,10 @@ export type EnsProfile = {
   telegram?: string;
 };
 
-export type SocialProfiles = {
+export type SocialProfile = {
   type: "farcaster" | "lens" | "ens";
   name?: string;
   avatar?: string;
   bio?: string;
   metadata?: FarcasterProfile | LensProfile | EnsProfile;
-}[];
+};

package/src/utils/any-evm/compute-published-contract-address.ts

@@ -20,10 +20,6 @@ import type { FetchDeployMetadataResult } from "./deploy-metadata.js";
  * ```ts
  * import { computePublishedContractAddress } from "thirdweb/deploys";
  *
- * const contractMetadata = await fetchPublishedContractMetadata({
- *  client,
- *  chain,
- * });
  * const address = await computePublishedContractAddress({
  *   client,
  *   chain,

package/src/utils/any-evm/compute-published-contract-deploy-info.ts

@@ -46,14 +46,13 @@ export async function computeDeploymentInfoFromMetadata(args: {
   salt?: string;
 }) {
   const { client, chain, contractMetadata, constructorParams, salt } = args;
-  const { compilerMetadata } = contractMetadata;
   const create2FactoryAddress = await computeCreate2FactoryAddress({
     client,
     chain,
   });
-  const bytecode = compilerMetadata.bytecode;
+  const bytecode = contractMetadata.bytecode;
   const constructorAbi =
-    (compilerMetadata.abi.find(
+    (contractMetadata.abi.find(
       (abi) => abi.type === "constructor",
     ) as AbiConstructor) || [];
   const encodedArgs = encodeAbiParameters(

package/src/utils/any-evm/deploy-metadata.ts

@@ -10,10 +10,8 @@ export type FetchDeployMetadataOptions = {
   client: ThirdwebClient;
 };
 
-export type FetchDeployMetadataResult = {
-  compilerMetadata: CompilerMetadata;
-  extendedMetadata: ExtendedMetadata | undefined;
-};
+export type FetchDeployMetadataResult = Partial<ExtendedMetadata> &
+  CompilerMetadata;
 
 /**
  * Fetches the deployment metadata.
@@ -24,31 +22,6 @@ export type FetchDeployMetadataResult = {
 export async function fetchDeployMetadata(
   options: FetchDeployMetadataOptions,
 ): Promise<FetchDeployMetadataResult> {
-  const [compilerMetadata, extendedMetadata] = await Promise.all([
-    fetchCompilerMetadata(options),
-    fetchExtendedMetadata(options).catch(() => undefined),
-  ]);
-  return { compilerMetadata, extendedMetadata };
-}
-
-// helpers
-/**
- * Fetches the published metadata.
- * @param options - The options for fetching the published metadata.
- * @internal
- */
-async function fetchExtendedMetadata(
-  options: FetchDeployMetadataOptions,
-): Promise<ExtendedMetadata> {
-  return download({
-    uri: options.uri,
-    client: options.client,
-  }).then((r) => r.json());
-}
-
-async function fetchCompilerMetadata(
-  options: FetchDeployMetadataOptions,
-): Promise<CompilerMetadata> {
   const rawMeta: RawCompilerMetadata = await download({
     uri: options.uri,
     client: options.client,
@@ -144,11 +117,13 @@ export type ExtendedMetadata = {
         publisherAddress: string;
       }[]
     | undefined;
-  defaultModules?: {
-    moduleName: string;
-    moduleVersion: string;
-    publisherAddress: string;
-  }[];
+  defaultModules?:
+    | Array<{
+        moduleName: string;
+        moduleVersion: string;
+        publisherAddress: string;
+      }>
+    | undefined;
   publisher?: string | undefined;
   audit?: string | undefined;
   logo?: string | undefined;

package/src/utils/bytecode/resolveImplementation.test.ts

@@ -8,6 +8,8 @@ import {
 import { ANVIL_CHAIN } from "../../../test/src/chains.js";
 import { TEST_CLIENT } from "../../../test/src/test-clients.js";
 import {
+  BASE_USDC_IMPLEMENTATION,
+  BASE_USDC_PROXY_CONTRACT,
   NFT_DROP_CONTRACT,
   NFT_DROP_IMPLEMENTATION,
   POLYGON_USDT_IMPLEMENTATION,
@@ -31,6 +33,13 @@ describe("Resolve implementation", async () => {
     );
   });
 
+  it("should extract implementation address for base USDC proxy contract", async () => {
+    const resolved = resolveImplementation(BASE_USDC_PROXY_CONTRACT);
+    expect((await resolved).address).to.equal(
+      BASE_USDC_IMPLEMENTATION.toLowerCase(),
+    );
+  });
+
   it("should extract implementation address for ERC1967 proxy contract", async () => {
     const implementationAddress = await deployContract({
       client: TEST_CLIENT,

package/src/utils/bytecode/resolveImplementation.ts

@@ -120,24 +120,32 @@ async function getImplementationFromStorageSlot(
   });
 
   try {
-    let proxyStorage = "";
-
-    proxyStorage = await eth_getStorageAt(rpcRequest, {
-      address: contract.address,
-      position:
-        "0x360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc",
-    });
-
-    if (proxyStorage === ZERO_BYTES32 && contract.chain.id === 137) {
-      proxyStorage = await eth_getStorageAt(rpcRequest, {
+    const proxyStoragePromises = [
+      eth_getStorageAt(rpcRequest, {
+        address: contract.address,
+        position:
+          "0x360894a13ba1a3210667c828492db98dca3e2076cc3735a920a3ca505d382bbc",
+      }),
+      eth_getStorageAt(rpcRequest, {
         address: contract.address,
         position:
           // keccak256("matic.network.proxy.implementation") - used in polygon USDT proxy: https://polygonscan.com/address/0xc2132d05d31c914a87c6611c10748aeb04b58e8f#code
           "0xbaab7dbf64751104133af04abc7d9979f0fda3b059a322a8333f533d3f32bf7f",
-      });
-    }
+      }),
+      eth_getStorageAt(rpcRequest, {
+        address: contract.address,
+        position:
+          // keccak256("org.zeppelinos.proxy.implementation") - e.g. base USDC proxy: https://basescan.org/address/0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913#code
+          "0x7050c9e0f4ca769c69bd3a8ef740bc37934f8e2c036e5a723fd8ee048ed3f8c3",
+      }),
+    ];
 
-    return `0x${proxyStorage.slice(-40)}`;
+    const proxyStorages = await Promise.all(proxyStoragePromises);
+    const proxyStorage = proxyStorages.find(
+      (storage) => storage !== ZERO_BYTES32,
+    );
+
+    return proxyStorage ? `0x${proxyStorage.slice(-40)}` : AddressZero;
   } catch {
     return undefined;
   }

package/src/utils/domains.ts

@@ -32,8 +32,8 @@ type DomainOverrides = {
 };
 
 export const DEFAULT_RPC_URL = "rpc.thirdweb.com";
-const DEFAULT_IN_APP_WALLET_URL = "embedded-wallet.thirdweb.com";
 const DEFAULT_SOCIAL_URL = "social.thirdweb.com";
+const DEFAULT_IN_APP_WALLET_URL = "embedded-wallet.thirdweb.com";
 const DEFAULT_PAY_URL = "pay.thirdweb.com";
 const DEFAULT_STORAGE_URL = "storage.thirdweb.com";
 const DEFAULT_BUNDLER_URL = "bundler.thirdweb.com";

package/src/utils/ipfs.ts

@@ -107,7 +107,9 @@ export async function uploadOrExtractURIs<
  * @throws If the batch contains URIs with different base URIs or if no base URI is found.
  * @internal
  */
-export function getBaseUriFromBatch(uris: string[]): string {
+export function getBaseUriFromBatch(uris: string | string[]): string {
+  // biome-ignore lint/style/noParameterAssign: lemme do my stuff
+  uris = Array.isArray(uris) ? uris : [uris];
   const [base, ...rest] = uris.map((uri) => {
     // remove query parameters
     // biome-ignore lint/style/noParameterAssign: lemme do my stuff

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.53.0-nightly-9d84aff26615b6a553ac002e7f51a0ed5172eb5d-20240909000344";
+export const version = "5.53.1-nightly-865c5e3b16af70c3660f30ba8cffc5d6e360a389-20240911000352";

package/src/wallets/coinbase/coinbaseMobileSDK.ts

@@ -1,9 +1,5 @@
-import { configure, handleResponse } from "@coinbase/wallet-mobile-sdk";
 import type { ProviderInterface } from "@coinbase/wallet-sdk";
-import { Linking } from "react-native";
-import type { Chain } from "../../chains/types.js";
-import type { COINBASE } from "../constants.js";
-import type { CreateWalletArgs } from "../wallet-types.js";
+import type { CoinbaseWalletCreationOptions } from "./coinbaseWebSDK.js";
 
 let _provider: ProviderInterface | undefined;
 
@@ -11,44 +7,78 @@ let _provider: ProviderInterface | undefined;
  * @internal
  */
 export async function getCoinbaseMobileProvider(
-  options?: CreateWalletArgs<typeof COINBASE>[1],
+  options?: CoinbaseWalletCreationOptions,
 ): Promise<ProviderInterface> {
   if (!_provider) {
-    const callbackURL = new URL(
-      options?.mobileConfig?.callbackURL || "https://thirdweb.com/wsegue",
-    );
-    const mobileProvider: ProviderInterface = (await initMobileProvider({
-      chain: options?.chains ? options.chains[0] : undefined,
-      ...options?.mobileConfig,
-    })) as unknown as ProviderInterface;
-    _provider = mobileProvider;
-    Linking.addEventListener("url", ({ url }) => {
-      const incomingUrl = new URL(url);
-      if (
-        callbackURL &&
-        incomingUrl.host === callbackURL.host &&
-        incomingUrl.protocol === callbackURL.protocol &&
-        incomingUrl.hostname === callbackURL.hostname
-      ) {
+    // if explicitly set to smart wallet only, use the smart wallet provider
+    const useSmartWallet = options?.walletConfig?.options === "smartWalletOnly";
+    let mobileProvider: ProviderInterface;
+    if (useSmartWallet) {
+      mobileProvider = (await initSmartWalletProvider(
+        options,
+      )) as unknown as ProviderInterface;
+      const ExpoLinking = await import("expo-linking");
+      const { handleResponse } = await import("@mobile-wallet-protocol/client");
+      ExpoLinking.addEventListener("url", ({ url }) => {
+        handleResponse(url);
+      });
+    } else {
+      // otherwise, use the coinbase app provider
+      // TODO: remove this path once the new @mobile-wallet-protocol/client supports it
+      mobileProvider = (await initCoinbaseAppProvider(
+        options,
+      )) as unknown as ProviderInterface;
+      const ExpoLinking = await import("expo-linking");
+      const { handleResponse } = await import("@coinbase/wallet-mobile-sdk");
+      ExpoLinking.addEventListener("url", ({ url }) => {
         // @ts-expect-error - Passing a URL object to handleResponse crashes the function
         handleResponse(url);
-      }
-    });
+      });
+    }
+    _provider = mobileProvider;
     return mobileProvider;
   }
   return _provider;
 }
 
-async function initMobileProvider(args: {
-  chain?: Chain;
-  callbackURL?: string;
-  hostURL?: string;
-  hostPackageName?: string;
-}) {
+async function initSmartWalletProvider(
+  options?: CoinbaseWalletCreationOptions,
+) {
+  const { EIP1193Provider, Wallets } = await import(
+    "@mobile-wallet-protocol/client"
+  );
+  const appDeeplinkUrl = options?.mobileConfig?.callbackURL;
+  if (!appDeeplinkUrl) {
+    throw new Error(
+      "callbackURL is required. Set it when creating the coinbase wallet. Ex: createWallet('com.coinbase.wallet', { mobileConfig: { callbackUrl: 'https://example.com' }}",
+    );
+  }
+  const sdk = new EIP1193Provider({
+    metadata: {
+      appName: options?.appMetadata?.name || "thirdweb powered app",
+      appChainIds: options?.chains?.map((c) => c.id),
+      appDeeplinkUrl,
+      appLogoUrl: options?.appMetadata?.logoUrl,
+    },
+    wallet: Wallets.CoinbaseSmartWallet, // TODO support both smart and EOA once the SDK supports it
+  });
+  return sdk;
+}
+
+async function initCoinbaseAppProvider(
+  options?: CoinbaseWalletCreationOptions,
+) {
+  const appDeeplinkUrl = options?.mobileConfig?.callbackURL;
+  if (!appDeeplinkUrl) {
+    throw new Error(
+      "callbackURL is required. Set it when creating the coinbase wallet. Ex: createWallet('com.coinbase.wallet', { mobileConfig: { callbackUrl: 'https://example.com' }}",
+    );
+  }
+  const { configure } = await import("@coinbase/wallet-mobile-sdk");
   configure({
-    callbackURL: new URL(args.callbackURL || "https://thirdweb.com/wsegue"),
-    hostURL: new URL(args.hostURL || "https://wallet.coinbase.com/wsegue"),
-    hostPackageName: args.hostPackageName || "org.toshi",
+    callbackURL: new URL(appDeeplinkUrl),
+    hostURL: new URL("https://wallet.coinbase.com/wsegue"),
+    hostPackageName: "org.toshi",
   });
   let CoinbaseWalletMobileSDK = (
     await import(
@@ -67,8 +97,9 @@ async function initMobileProvider(args: {
       }
     ).default;
   }
+  const chain = options.chains?.[0];
   return new CoinbaseWalletMobileSDK({
-    jsonRpcUrl: args.chain?.rpc,
-    chainId: args.chain?.id,
+    jsonRpcUrl: chain?.rpc,
+    chainId: chain?.id,
   });
 }

package/src/wallets/coinbase/coinbaseWebSDK.ts

@@ -295,7 +295,6 @@ function createAccount(provider: ProviderInterface, _address: string) {
           },
         ],
       })) as Hex;
-
       return {
         transactionHash,
       };