thirdweb 5.53.0 → 5.54.0-nightly-c3800d6c0765a9a0b69ac0a4a390d20cec932419-20240912000413

package/src/extensions/prebuilts/get-required-transactions.test.ts

@@ -0,0 +1,61 @@
+import { describe, expect, it } from "vitest";
+import { CLEAN_ANVIL_CHAIN } from "../../../test/src/chains.js";
+import { TEST_CLIENT } from "../../../test/src/test-clients.js";
+import { fetchPublishedContractMetadata } from "../../contract/deployment/publisher.js";
+import { getRequiredTransactionCount } from "./get-required-transactions.js";
+
+describe.runIf(process.env.TW_SECRET_KEY)(
+  "getRequiredTransactions",
+  {
+    timeout: 120000,
+  },
+  () => {
+    it("should count transactions for a published direct deploy contract", async () => {
+      const metadata = await fetchPublishedContractMetadata({
+        client: TEST_CLIENT,
+        contractId: "AccountFactory",
+      });
+      const results = await getRequiredTransactionCount({
+        client: TEST_CLIENT,
+        chain: CLEAN_ANVIL_CHAIN,
+        metadata,
+      });
+      expect(results.length).toBe(1);
+    });
+
+    it("should count transactions for a published autofactory contract", async () => {
+      const metadata = await fetchPublishedContractMetadata({
+        client: TEST_CLIENT,
+        contractId: "Airdrop",
+      });
+      const results = await getRequiredTransactionCount({
+        client: TEST_CLIENT,
+        chain: CLEAN_ANVIL_CHAIN,
+        metadata,
+      });
+      expect(results.length).toBe(4);
+    });
+
+    it("should count transactions for a modular contract with modules", async () => {
+      const metadata = await fetchPublishedContractMetadata({
+        client: TEST_CLIENT,
+        contractId: "ERC721CoreInitializable",
+      });
+      const results = await getRequiredTransactionCount({
+        client: TEST_CLIENT,
+        chain: CLEAN_ANVIL_CHAIN,
+        metadata,
+        modules: await Promise.all(
+          ["ClaimableERC721", "BatchMetadataERC721", "RoyaltyERC721"].map(
+            (contractId) =>
+              fetchPublishedContractMetadata({
+                client: TEST_CLIENT,
+                contractId,
+              }),
+          ),
+        ),
+      });
+      expect(results.length).toBe(7);
+    });
+  },
+);

package/src/extensions/prebuilts/get-required-transactions.ts

@@ -0,0 +1,110 @@
+import type { Chain } from "../../chains/types.js";
+import type { ThirdwebClient } from "../../client/client.js";
+import { getDeployedCreate2Factory } from "../../contract/deployment/utils/create-2-factory.js";
+import { getDeployedInfraContract } from "../../contract/deployment/utils/infra.js";
+import { getDeployedInfraContractFromMetadata } from "../../contract/deployment/utils/infra.js";
+import { computePublishedContractAddress } from "../../utils/any-evm/compute-published-contract-address.js";
+import type { FetchDeployMetadataResult } from "../../utils/any-evm/deploy-metadata.js";
+
+/**
+ * @internal
+ */
+export type DeployTransactionType =
+  | "infra"
+  | "implementation"
+  | "module"
+  | "proxy";
+
+/**
+ * @internal
+ */
+export type DeployTransactionResult = {
+  type: DeployTransactionType;
+  contractId: string;
+};
+
+/**
+ * @internal
+ */
+export async function getRequiredTransactionCount(options: {
+  chain: Chain;
+  client: ThirdwebClient;
+  metadata: FetchDeployMetadataResult;
+  constructorParams?: Record<string, unknown>;
+  implementationConstructorParams?: Record<string, unknown>;
+  modules?: FetchDeployMetadataResult[];
+}): Promise<DeployTransactionResult[]> {
+  const {
+    chain,
+    client,
+    metadata,
+    implementationConstructorParams,
+    modules = [],
+  } = options;
+
+  if (metadata?.deployType === "autoFactory") {
+    const results: (DeployTransactionResult | null)[] = await Promise.all([
+      getDeployedCreate2Factory({
+        chain,
+        client,
+      }).then((c) =>
+        c ? null : ({ type: "infra", contractId: "Create2Factory" } as const),
+      ),
+      getDeployedInfraContract({
+        chain,
+        client,
+        contractId: "Forwarder",
+      }).then((c) =>
+        c ? null : ({ type: "infra", contractId: "Forwarder" } as const),
+      ),
+      getDeployedInfraContract({
+        chain,
+        client,
+        contractId: "TWCloneFactory",
+        constructorParams: {
+          _trustedForwarder: await computePublishedContractAddress({
+            chain,
+            client,
+            contractId: "Forwarder",
+          }),
+        },
+      }).then((c) =>
+        c ? null : ({ type: "infra", contractId: "TWCloneFactory" } as const),
+      ),
+      // TODO (deploy): add WETH contract check for implementations that need it (check implementation constructor params)
+      getDeployedInfraContract({
+        chain,
+        client,
+        contractId: metadata.name,
+        constructorParams: implementationConstructorParams,
+        publisher: metadata.publisher,
+        version: metadata.version,
+      }).then((c) =>
+        c
+          ? null
+          : ({
+              type: "implementation",
+              contractId: metadata.name,
+            } as const),
+      ),
+      ...modules.map((m) =>
+        getDeployedInfraContractFromMetadata({
+          chain,
+          client,
+          contractMetadata: m,
+        }).then((c) =>
+          c
+            ? null
+            : ({
+                type: "module",
+                contractId: m.name,
+              } as const),
+        ),
+      ),
+    ]);
+    results.push({ type: "proxy", contractId: metadata.name });
+    return results.filter((r) => r !== null);
+  }
+
+  return [{ type: "implementation", contractId: metadata.name }];
+}

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/social/useSocialProfiles.ts

@@ -17,6 +17,8 @@ import { getSocialProfiles } from "../../../social/profiles.js";
  *   address: "0x...",
  * });
  * ```
+ *
+ * @social
  * @beta
  */
 export function useSocialProfiles(options: {

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/Address.tsx

@@ -1,6 +1,5 @@
-import Clipboard from "@react-native-clipboard/clipboard";
 import { useState } from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
+import { Clipboard, StyleSheet, TouchableOpacity } from "react-native";
 import type { Account } from "../../../../wallets/interfaces/wallet.js";
 import type { Theme } from "../../../core/design-system/index.js";
 import { spacing } from "../../design-system/index.js";
@@ -20,7 +19,6 @@ export const Address = ({ account, theme, addressOrENS }: AddressProps) => {
     <TouchableOpacity
       style={styles.addressContainer}
       onPress={() => {
-        // @ts-ignore - missing native types
         Clipboard.setString(account.address);
         setCopySuccess(true);
         setTimeout(() => {

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/ui/ConnectWallet/Details.tsx

@@ -10,6 +10,7 @@ import {
 } from "@radix-ui/react-icons";
 import { useQuery } from "@tanstack/react-query";
 import { useContext, useEffect, useState } from "react";
+import { trackPayEvent } from "../../../../analytics/track.js";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getContract } from "../../../../contract/contract.js";
@@ -568,6 +569,12 @@ function DetailsModal(props: {
                     flex: 1,
                   }}
                   onClick={() => {
+                    trackPayEvent({
+                      event: "details_modal_buy_click",
+                      client: client,
+                      walletAddress: activeAccount?.address,
+                      walletType: activeWallet?.id,
+                    });
                     setScreen("buy");
                   }}
                 >

package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx

@@ -1,5 +1,6 @@
 import { IdCardIcon } from "@radix-ui/react-icons";
 import { useCallback, useMemo, useState } from "react";
+import { trackPayEvent } from "../../../../../../analytics/track.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";
@@ -528,7 +529,13 @@ function BuyScreenContent(props: BuyScreenContentProps) {
               }}
             >
               {screen.id === "select-payment-method" && (
-                <PaymentMethodSelection setScreen={(id) => setScreen({ id })} />
+                <PaymentMethodSelection
+                  mode={payOptions.mode}
+                  client={client}
+                  walletAddress={payer.account.address}
+                  walletType={payer.wallet.id}
+                  setScreen={(id) => setScreen({ id })}
+                />
               )}
 
               {screen.id === "select-wallet" && (
@@ -891,7 +898,11 @@ function TokenSelectedLayout(props: {
 }
 
 function PaymentMethodSelection(props: {
+  client: ThirdwebClient;
+  walletAddress: string;
+  walletType: string;
   setScreen: (screenId: "select-wallet" | "buy-with-fiat") => void;
+  mode?: "transaction" | "direct_payment" | "fund_wallet";
 }) {
   return (
     <Container animate="fadein">
@@ -900,7 +911,15 @@ function PaymentMethodSelection(props: {
         <Button
           variant="outline"
           bg="tertiaryBg"
-          onClick={() => props.setScreen("buy-with-fiat")}
+          onClick={() => {
+            trackPayEvent({
+              event: `pay_with_credit_card_${props.mode || "unknown"}_mode`,
+              client: props.client,
+              walletAddress: props.walletAddress,
+              walletType: props.walletType,
+            });
+            props.setScreen("buy-with-fiat");
+          }}
           gap="sm"
           style={{
             justifyContent: "flex-start",
@@ -928,7 +947,16 @@ function PaymentMethodSelection(props: {
         <Button
           variant="outline"
           bg="tertiaryBg"
-          onClick={() => props.setScreen("select-wallet")}
+          onClick={() => {
+            trackPayEvent({
+              event: `pay_with_crypto_${props.mode || "unknown"}_mode`,
+              client: props.client,
+              walletAddress: props.walletAddress,
+              walletType: props.walletType,
+            });
+
+            props.setScreen("select-wallet");
+          }}
           style={{
             justifyContent: "flex-start",
           }}

package/src/react/web/ui/ConnectWallet/screens/Buy/DirectPaymentModeScreen.tsx

@@ -1,4 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
+import { trackPayEvent } from "../../../../../../analytics/track.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";
@@ -242,6 +243,12 @@ export function DirectPaymentModeScreen(props: {
           variant="accent"
           fullWidth
           onClick={() => {
+            trackPayEvent({
+              event: "choose_payment_method_direct_payment_mode",
+              client,
+              walletAddress: payerAccount.address,
+              walletType: activeWallet?.id,
+            });
             onContinue(totalCost, paymentInfo.chain, token);
           }}
         >

package/src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx

@@ -1,3 +1,4 @@
+import { trackPayEvent } from "../../../../../../analytics/track.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";
@@ -225,6 +226,12 @@ export function TransactionModeScreen(props: {
             ) {
               totalCostWei += transactionCostAndData.gasCostWei;
             }
+            trackPayEvent({
+              event: "choose_payment_method_transaction_mode",
+              client,
+              walletAddress: payerAccount.address,
+              walletType: activeWallet?.id,
+            });
             onContinue(
               toTokens(totalCostWei, transactionCostAndData.decimals),
               payUiOptions.transaction.chain,

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatFlow.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+import { trackPayEvent } from "../../../../../../../analytics/track.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
 import {
@@ -88,6 +89,12 @@ export function FiatFlow(props: {
         step={1}
         onContinue={() => {
           const popup = openOnrampPopup(props.quote.onRampLink, props.theme);
+          trackPayEvent({
+            event: "open_onramp_popup",
+            client: props.client,
+            walletAddress: props.payer.account.address,
+            walletType: props.payer.wallet.id,
+          });
           addPendingTx({
             type: "fiat",
             intentId: props.quote.intentId,

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

@@ -1,5 +1,6 @@
 import { CrossCircledIcon } from "@radix-ui/react-icons";
 import { useState } from "react";
+import { trackPayEvent } from "../../../../../../../analytics/track.js";
 import type { Chain } from "../../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import type { BuyWithCryptoQuote } from "../../../../../../../pay/buyWithCrypto/getQuote.js";
@@ -190,6 +191,19 @@ export function SwapConfirmationScreen(props: {
               try {
                 setStatus("pending");
 
+                trackPayEvent({
+                  event: "prompt_swap_approval",
+                  client: props.client,
+                  walletAddress: props.payer.account.address,
+                  walletType: props.payer.wallet.id,
+                  fromToken: props.quote.swapDetails.fromToken.tokenAddress,
+                  fromAmount: props.quote.swapDetails.fromAmountWei,
+                  toToken: props.quote.swapDetails.toToken.tokenAddress,
+                  toAmount: props.quote.swapDetails.toAmountWei,
+                  chainId: props.quote.swapDetails.fromToken.chainId,
+                  dstChainId: props.quote.swapDetails.toToken.chainId,
+                });
+
                 const tx = await sendTransaction({
                   account: props.payer.account,
                   transaction: props.quote.approval,
@@ -198,6 +212,19 @@ export function SwapConfirmationScreen(props: {
                 await waitForReceipt({ ...tx, maxBlocksWaitTime: 50 });
                 // props.onQuoteFinalized(props.quote);
 
+                trackPayEvent({
+                  event: "swap_approval_success",
+                  client: props.client,
+                  walletAddress: props.payer.account.address,
+                  walletType: props.payer.wallet.id,
+                  fromToken: props.quote.swapDetails.fromToken.tokenAddress,
+                  fromAmount: props.quote.swapDetails.fromAmountWei,
+                  toToken: props.quote.swapDetails.toToken.tokenAddress,
+                  toAmount: props.quote.swapDetails.toAmountWei,
+                  chainId: props.quote.swapDetails.fromToken.chainId,
+                  dstChainId: props.quote.swapDetails.toToken.chainId,
+                });
+
                 setStep("swap");
                 setStatus("idle");
               } catch (e) {
@@ -223,6 +250,19 @@ export function SwapConfirmationScreen(props: {
                   };
                 }
 
+                trackPayEvent({
+                  event: "prompt_swap_execution",
+                  client: props.client,
+                  walletAddress: props.payer.account.address,
+                  walletType: props.payer.wallet.id,
+                  fromToken: props.quote.swapDetails.fromToken.tokenAddress,
+                  fromAmount: props.quote.swapDetails.fromAmountWei,
+                  toToken: props.quote.swapDetails.toToken.tokenAddress,
+                  toAmount: props.quote.swapDetails.toAmountWei,
+                  chainId: props.quote.swapDetails.fromToken.chainId,
+                  dstChainId: props.quote.swapDetails.toToken.chainId,
+                });
+
                 const _swapTx = await sendTransaction({
                   account: props.payer.account,
                   transaction: tx,
@@ -230,6 +270,19 @@ export function SwapConfirmationScreen(props: {
 
                 await waitForReceipt({ ..._swapTx, maxBlocksWaitTime: 50 });
 
+                trackPayEvent({
+                  event: "swap_execution_success",
+                  client: props.client,
+                  walletAddress: props.payer.account.address,
+                  walletType: props.payer.wallet.id,
+                  fromToken: props.quote.swapDetails.fromToken.tokenAddress,
+                  fromAmount: props.quote.swapDetails.fromAmountWei,
+                  toToken: props.quote.swapDetails.toToken.tokenAddress,
+                  toAmount: props.quote.swapDetails.toAmountWei,
+                  chainId: props.quote.swapDetails.toToken.chainId,
+                  dstChainId: props.quote.swapDetails.toToken.chainId,
+                });
+
                 // do not add pending tx if the swap is part of fiat flow
                 if (!props.isFiatFlow) {
                   addPendingTx({

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

@@ -1,10 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
 import { useState } from "react";
+import { trackPayEvent } from "../../../../analytics/track.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import type { WaitForReceiptOptions } from "../../../../transaction/actions/wait-for-tx-receipt.js";
 import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
 import { CustomThemeProvider } from "../../../core/design-system/CustomThemeProvider.js";
 import type { Theme } from "../../../core/design-system/index.js";
 import type { PayUIOptions } from "../../../core/hooks/connection/ConnectButtonProps.js";
+import { useActiveAccount } from "../../../core/hooks/wallets/useActiveAccount.js";
+import { useActiveWallet } from "../../../core/hooks/wallets/useActiveWallet.js";
 import type { SupportedTokens } from "../../../core/utils/defaultTokens.js";
 import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
 import { useConnectLocale } from "../ConnectWallet/locale/getConnectLocale.js";
@@ -27,6 +31,23 @@ export type ModalProps = {
 };
 
 export function TransactionModal(props: ModalProps) {
+  const account = useActiveAccount();
+  const wallet = useActiveWallet();
+
+  useQuery({
+    queryKey: ["transaction-modal-event"],
+    queryFn: () => {
+      if (!account || !wallet) return;
+      trackPayEvent({
+        client: props.client,
+        walletAddress: account.address,
+        walletType: wallet.id,
+        event: "open_pay_transaction_modal",
+      });
+    },
+    enabled: !!wallet,
+  });
+
   return (
     <CustomThemeProvider theme={props.theme}>
       <Modal

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

@@ -8,7 +8,7 @@ import type { SocialProfile } from "./types.js";
  * @param args - The arguments to use when fetching the social profiles.
  * @param args.address - The wallet address to fetch the social profiles for.
  * @param args.client - The Thirdweb client.
- * @returns A promise resolving to the retrieved social profiles for different protocols. If a profile is not available for a protocol, the value will be `null`.
+ * @returns A promise resolving to the array of social profiles for the given address.
  *
  * @example
  * ```ts
@@ -18,6 +18,7 @@ import type { SocialProfile } from "./types.js";
  *   client,
  * });
  * ```
+ * @social
  * @beta
  */
 export async function getSocialProfiles(args: {

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

@@ -35,19 +35,19 @@ describe("sendEip712Transaction", () => {
       client: TEST_CLIENT,
       chain: zkSyncSepolia, // TODO make zksync fork chain work
       account: TEST_ACCOUNT_A,
-      contractId: "DropERC1155",
-      contractParams: [
-        TEST_ACCOUNT_A.address, // defaultAdmin
-        "test", // name
-        "", // symbol
-        "", // contractURI
-        [], // trustedForwarders
-        TEST_ACCOUNT_A.address, // saleRecipient
-        TEST_ACCOUNT_A.address, // royaltyRecipient
-        0n, // royaltyBps
-        0n, // platformFeeBps
-        TEST_ACCOUNT_A.address, // platformFeeRecipient
-      ],
+      contractId: "DropERC721",
+      contractParams: {
+        defaultAdmin: TEST_ACCOUNT_A.address, // defaultAdmin
+        name: "test", // name
+        symbol: "test", // symbol
+        contractURI: "", // contractURI
+        trustedForwarders: [], // trustedForwarders
+        saleRecipient: TEST_ACCOUNT_A.address, // saleRecipient
+        royaltyRecipient: TEST_ACCOUNT_A.address, // royaltyRecipient
+        royaltyBps: 0n, // royaltyBps
+        platformFeeBps: 0n, // platformFeeBps
+        platformFeeRecipient: TEST_ACCOUNT_A.address, // platformFeeRecipient
+      },
     });
     console.log("deployed address", address);
     expect(address).toBeDefined();