Add TikTok as auth method for In-App and Ecosystem Wallets

.changeset/slick-cups-joke.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Adds TikTok as a new authentication method for In-App and Ecosystem Wallets.

apps/dashboard/src/@/api/team/ecosystems.ts

@@ -12,6 +12,7 @@ export type AuthOption =
   | "google"
   | "facebook"
   | "x"
+  | "tiktok"
   | "discord"
   | "farcaster"
   | "telegram"

apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/components/client/auth-options-form.client.tsx

@@ -48,6 +48,7 @@ const authOptions = [
   "google",
   "facebook",
   "x",
+  "tiktok",
   "discord",
   "farcaster",
   "telegram",

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/wallets/analytics/chart/InAppWalletUsersChartCard.stories.tsx

@@ -86,6 +86,7 @@ const authMethodsToPickFrom: InAppWalletAuth[] = [
   "discord",
   "line",
   "x",
+  "tiktok",
   "coinbase",
   "farcaster",
   "telegram",

apps/playground-web/src/app/wallets/sign-in/components/InAppWalletFormGroup.tsx

@@ -19,6 +19,7 @@ const allInAppWalletLoginMethods: InAppWalletAuth[] = [
   "phone",
   "line",
   "x",
+  "tiktok",
   "facebook",
   "apple",
   "coinbase",

apps/portal/src/app/dotnet/wallets/providers/ecosystem-wallet/page.mdx

@@ -15,7 +15,7 @@ Create an instance of `EcosystemWallet` using a user's email, phone number or OA
 Ecosystem Wallets support a variety of login methods:
 - Email (OTP Login)
 - Phone (OTP Login)
-- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam etc.)
+- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam, TikTok etc.)
 - Custom Auth (OIDC Compatible)
 - Custom Auth (Generic Auth Endpoint)
 - Guest (Onboard easily, link other accounts later)

apps/portal/src/app/dotnet/wallets/providers/in-app-wallet/page.mdx

@@ -15,7 +15,7 @@ Create an instance of `InAppWallet` using a user's email, phone number or OAuth.
 In-App Wallets support a variety of login methods:
 - Email (OTP Login)
 - Phone (OTP Login)
-- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam etc.)
+- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam, TikTok etc.)
 - Custom Auth (OIDC Compatible)
 - Custom Auth (Generic Auth Endpoint)
 - Guest (Onboard easily, link other accounts later)

apps/portal/src/app/unity/v5/wallets/ecosystem-wallet/page.mdx

@@ -20,7 +20,7 @@ Ecosystem Wallets have a very similar API to the [In-App Wallet](/unity/v5/walle
 Ecosystem Wallets support a variety of login methods:
 - Email (OTP Login)
 - Phone (OTP Login)
-- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam etc.)
+- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam, TikTok etc.)
 - Custom Auth (OIDC Compatible)
 - Custom Auth (Generic Auth Endpoint)
 - Guest (Onboard easily, link other accounts later)

apps/portal/src/app/unity/v5/wallets/in-app-wallet/page.mdx

@@ -18,7 +18,7 @@ It makes for a fantastic [SmartWallet](/unity/v5/wallets/account-abstraction) ad
 In-App Wallets support a variety of login methods:
 - Email (OTP Login)
 - Phone (OTP Login)
-- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam etc.)
+- Socials (Google, Apple, Facebook, Telegram, Farcaster, Line, Github, Twitch, Steam, TikTok etc.)
 - Custom Auth (OIDC Compatible)
 - Custom Auth (Generic Auth Endpoint)
 - Guest (Onboard easily, link other accounts later)

apps/portal/src/components/Document/AuthList.tsx

@@ -14,6 +14,7 @@ const authOptions: InAppWalletAuth[] = [
   "apple",
   "facebook",
   "x",
+  "tiktok",
   "discord",
   "telegram",
   "twitch",

packages/thirdweb/src/extensions/erc721/lazyMinting/write/createDelayedRevealBatch.ts

@@ -1,170 +0,0 @@
-import { encodePacked } from "viem/utils";
-import { upload } from "../../../../storage/upload.js";
-import type { BaseTransactionOptions } from "../../../../transaction/types.js";
-import { encodeAbiParameters } from "../../../../utils/abi/encodeAbiParameters.js";
-import { toHex } from "../../../../utils/encoding/hex.js";
-import { keccak256 } from "../../../../utils/hashing/keccak256.js";
-import { getBaseUriFromBatch } from "../../../../utils/ipfs.js";
-import type { NFTInput } from "../../../../utils/nft/parseNft.js";
-import {
-  getBaseURICount,
-  isGetBaseURICountSupported,
-} from "../../__generated__/IBatchMintMetadata/read/getBaseURICount.js";
-import {
-  encryptDecrypt,
-  isEncryptDecryptSupported,
-} from "../../__generated__/IDelayedReveal/read/encryptDecrypt.js";
-import { nextTokenIdToMint } from "../../__generated__/IERC721Enumerable/read/nextTokenIdToMint.js";
-import {
-  lazyMint as generatedLazyMint,
-  isLazyMintSupported,
-} from "../../__generated__/ILazyMint/write/lazyMint.js";
-import { hashDelayedRevealPassword } from "../helpers/hashDelayedRevealBatch.js";
-
-/**
- * @extension ERC721
- */
-export type CreateDelayedRevealBatchParams = {
-  placeholderMetadata: NFTInput;
-  metadata: NFTInput[];
-  password: string;
-};
-
-/**
- * Creates a batch of encrypted NFTs that can be revealed at a later time.
- * This method is only available on the `DropERC721` contract.
- *
- * @param options {CreateDelayedRevealBatchParams} - The delayed reveal options.
- * @param options.placeholderMetadata {@link NFTInput} - The placeholder metadata for the batch.
- * @param options.metadata {@link NFTInput} - An array of NFT metadata to be revealed at a later time.
- * @param options.password {string} - The password for the reveal.
- * @param options.contract {@link ThirdwebContract} - The NFT contract instance.
- *
- * @returns The prepared transaction to send.
- *
- * @extension ERC721
- * @example
- * ```ts
- * import { createDelayedRevealBatch } from "thirdweb/extensions/erc721";
- *
- * const placeholderNFT = {
- *   name: "Hidden NFT",
- *   description: "Will be revealed next week!"
- * };
- *
- * const realNFTs = [{
- *   name: "Common NFT #1",
- *   description: "Common NFT, one of many.",
- *   image: ipfs://...,
- * }, {
- *   name: "Super Rare NFT #2",
- *   description: "You got a Super Rare NFT!",
- *   image: ipfs://...,
- * }];
- *
- * const transaction = createDelayedRevealBatch({
- *  contract,
- *  placeholderMetadata: placeholderNFT,
- *  metadata: realNFTs,
- *  password: "password123",
- * });
- *
- * const { transactionHash } = await sendTransaction({ transaction, account });
- * ```
- */
-export function createDelayedRevealBatch(
-  options: BaseTransactionOptions<CreateDelayedRevealBatchParams>,
-) {
-  if (!options.password) {
-    throw new Error("Password is required");
-  }
-
-  return generatedLazyMint({
-    asyncParams: async () => {
-      const [placeholderUris, startFileNumber] = await Promise.all([
-        upload({
-          client: options.contract.client,
-          files: Array(options.metadata.length).fill(
-            options.placeholderMetadata,
-          ),
-        }),
-        nextTokenIdToMint({
-          contract: options.contract,
-        }),
-      ]);
-      const placeholderUri = getBaseUriFromBatch(placeholderUris);
-
-      const uris = await upload({
-        client: options.contract.client,
-        files: options.metadata,
-        // IMPORTANT: File number has to be calculated properly otherwise the whole batch will break
-        // e.g: If you are uploading a second batch, the file name should never start from `0`
-        rewriteFileNames: {
-          fileStartNumber: Number(startFileNumber),
-        },
-      });
-
-      const baseUri = getBaseUriFromBatch(uris);
-      const baseUriId = await getBaseURICount({
-        contract: options.contract,
-      });
-
-      const hashedPassword = await hashDelayedRevealPassword(
-        baseUriId,
-        options.password,
-        options.contract,
-      );
-      const encryptedBaseURI = await encryptDecrypt({
-        contract: options.contract,
-        data: toHex(baseUri),
-        key: hashedPassword,
-      });
-
-      const chainId = BigInt(options.contract.chain.id);
-      const provenanceHash = keccak256(
-        encodePacked(
-          ["bytes", "bytes", "uint256"],
-          [toHex(baseUri), hashedPassword, chainId],
-        ),
-      );
-      const data = encodeAbiParameters(
-        [
-          { name: "baseUri", type: "bytes" },
-          { name: "provenanceHash", type: "bytes32" },
-        ],
-        [encryptedBaseURI, provenanceHash],
-      );
-
-      return {
-        amount: BigInt(options.metadata.length),
-        baseURIForTokens:
-          placeholderUri.slice(-1) === "/"
-            ? placeholderUri
-            : `${placeholderUri}/`,
-        extraData: data,
-      } as const;
-    },
-    contract: options.contract,
-  });
-}
-
-/**
- * Checks if the `createDelayedRevealBatch` 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 `createDelayedRevealBatch` method is supported.
- * @extension ERC721
- * @example
- * ```ts
- * import { isCreateDelayedRevealBatchSupported } from "thirdweb/extensions/erc721";
- * const supported = isCreateDelayedRevealBatchSupported(["0x..."]);
- * ```
- */
-export function isCreateDelayedRevealBatchSupported(
-  availableSelectors: string[],
-) {
-  return [
-    isGetBaseURICountSupported(availableSelectors),
-    isEncryptDecryptSupported(availableSelectors),
-    isLazyMintSupported(availableSelectors),
-  ].every(Boolean);
-}

packages/thirdweb/src/extensions/erc721/lazyMinting/write/reveal.test.ts

@@ -1,29 +0,0 @@
-import { beforeAll, describe, expect, it } from "vitest";
-import { ANVIL_CHAIN } from "../../../../../test/src/chains.js";
-import { TEST_CLIENT } from "../../../../../test/src/test-clients.js";
-import {
-  getContract,
-  type ThirdwebContract,
-} from "../../../../contract/contract.js";
-import { reveal } from "./reveal.js";
-
-describe("reveal", () => {
-  let contract: ThirdwebContract;
-  beforeAll(() => {
-    contract = getContract({
-      address: "0x708781BAE850faA490cB5b5b16b4687Ec0A8D65D",
-      chain: ANVIL_CHAIN,
-      client: TEST_CLIENT,
-    });
-  });
-
-  it("should throw an error if password is missing", async () => {
-    const options = {
-      batchId: 1n,
-      contract,
-      password: "",
-    };
-
-    expect(() => reveal(options)).toThrowError("Password is required");
-  });
-});