thirdweb 5.64.0-nightly-cdb907f175f7472d1fb3dea6547d946514564085-20241023000322 → 5.64.0

package/src/extensions/erc721/drops/write/claimToBatch.ts

@@ -0,0 +1,144 @@
+import type { Address } from "abitype";
+import { multicall } from "../../../../extensions/common/__generated__/IMulticall/write/multicall.js";
+import type {
+  BaseTransactionOptions,
+  WithOverrides,
+} from "../../../../transaction/types.js";
+import { getClaimParams } from "../../../../utils/extensions/drops/get-claim-params.js";
+import { encodeClaim } from "../../__generated__/IDrop/write/claim.js";
+
+/**
+ * @extension ERC721
+ */
+export type ClaimToBatchParams = WithOverrides<{
+  content: Array<{
+    to: Address;
+    quantity: bigint;
+  }>;
+  from?: Address;
+}>;
+
+/**
+ * This extension batches multiple `claimTo` extensions into one single multicall.
+ * Keep in mind that there is a limit of how many NFTs you can claim per transaction.
+ * This limit varies depends on the network that you are transacting on.
+ *
+ * You are recommended to experiment with the number to figure out the best number for your chain of choice.
+ * @extension ERC721
+ * @param options the transaction options
+ * @returns A promise that resolves to the transaction result.
+ *
+ * @example
+ * ```ts
+ * import { claimToBatch } from "thirdweb/extensions/erc721";
+ *
+ * const transaction = claimToBatch({
+ *   contract: nftDropContract,
+ *   from: claimer.address, // address of the one calling this transaction
+ *   content: [
+ *     { to: "0x...1", quantity: 1n },
+ *     { to: "0x...2", quantity: 12n },
+ *     { to: "0x...3", quantity: 2n },
+ *   ],
+ * });
+ * ```
+ */
+export function claimToBatch(
+  options: BaseTransactionOptions<ClaimToBatchParams>,
+) {
+  return multicall({
+    contract: options.contract,
+    asyncParams: () => getClaimToBatchParams(options),
+    overrides: options.overrides,
+  });
+}
+
+/**
+ * @internal
+ */
+async function getClaimToBatchParams(
+  options: BaseTransactionOptions<ClaimToBatchParams>,
+) {
+  const errorIndexTo = options.content.findIndex((o) => !o.to);
+  if (errorIndexTo !== -1) {
+    throw new Error(
+      `Error: Item at index ${errorIndexTo} is missing recipient address ("to")`,
+    );
+  }
+  const errorIndexQuantity = options.content.findIndex((o) => !o.quantity);
+  if (errorIndexQuantity !== -1) {
+    throw new Error(
+      `Error: Item at index ${errorIndexQuantity} is missing claim quantity`,
+    );
+  }
+  const content = optimizeClaimContent(options.content);
+  const data = await Promise.all(
+    content.map(async (item) => {
+      const claimParams = await getClaimParams({
+        type: "erc721",
+        contract: options.contract,
+        to: item.to,
+        from: options.from,
+        quantity: item.quantity,
+      });
+
+      return encodeClaim({
+        receiver: claimParams.receiver,
+        quantity: claimParams.quantity,
+        currency: claimParams.currency,
+        pricePerToken: claimParams.pricePerToken,
+        allowlistProof: claimParams.allowlistProof,
+        data: claimParams.data,
+      });
+    }),
+  );
+
+  return { data };
+}
+
+/**
+ * Optimization
+ * For identical addresses that stays next to each other in the array,
+ * we can combine them into one transaction _without altering the claiming order_
+ *
+ * For exampple, this structure:
+ * [
+ *   {
+ *     to: "0xabc",
+ *     quantity: 1n,
+ *   },
+ *   {
+ *     to: "0xabc",
+ *     quantity: 13n,
+ *   },
+ * ];
+ *
+ * ...can be combined in one tx (without altering the claiming order)
+ * {
+ *   to: "0xabc",
+ *   quantity: 14n,
+ * }
+ *
+ * @internal
+ */
+export function optimizeClaimContent(
+  content: Array<{ to: Address; quantity: bigint }>,
+): Array<{ to: Address; quantity: bigint }> {
+  const results: Array<{ to: Address; quantity: bigint }> = [];
+  content.forEach((item, index) => {
+    const previousItem = results.at(-1);
+    if (
+      index > 0 &&
+      previousItem &&
+      item.to.toLowerCase() === previousItem.to.toLowerCase()
+    ) {
+      results[results.length - 1] = {
+        to: item.to,
+        quantity: item.quantity + previousItem.quantity,
+      };
+    } else {
+      results.push(item);
+    }
+  });
+  return results;
+}

package/src/extensions/prebuilts/deploy-erc1155.test.ts

@@ -1,19 +1,19 @@
 import { describe, expect, it } from "vitest";
 import { ANVIL_CHAIN } from "../../../test/src/chains.js";
 import { TEST_CLIENT } from "../../../test/src/test-clients.js";
-import { TEST_ACCOUNT_A } from "../../../test/src/test-wallets.js";
+import { TEST_ACCOUNT_B } from "../../../test/src/test-wallets.js";
 import { getContract } from "../../contract/contract.js";
 import { name } from "../common/read/name.js";
 import { deployERC1155Contract } from "./deploy-erc1155.js";
 
-// skip this test suite if there is no secret key available to test with
-// TODO: remove reliance on secret key during unit tests entirely
+const account = TEST_ACCOUNT_B;
+
 describe.runIf(process.env.TW_SECRET_KEY)("deployERC1155", () => {
   it("should deploy ERC1155 drop", async () => {
     const address = await deployERC1155Contract({
       client: TEST_CLIENT,
       chain: ANVIL_CHAIN,
-      account: TEST_ACCOUNT_A,
+      account,
       type: "DropERC1155",
       params: {
         name: "EditionDrop",
@@ -35,7 +35,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("deployERC1155", () => {
     const address = await deployERC1155Contract({
       client: TEST_CLIENT,
       chain: ANVIL_CHAIN,
-      account: TEST_ACCOUNT_A,
+      account,
       type: "TokenERC1155",
       params: {
         name: "Edition",

package/src/extensions/prebuilts/deploy-pack.test.ts

@@ -1,14 +1,16 @@
 import { describe, expect, it } from "vitest";
 import { ANVIL_CHAIN } from "~test/chains.js";
 import { TEST_CLIENT } from "~test/test-clients.js";
-import { TEST_ACCOUNT_A } from "~test/test-wallets.js";
+import { TEST_ACCOUNT_C } from "~test/test-wallets.js";
 import { isAddress } from "../../utils/address.js";
 import { deployPackContract } from "./deploy-pack.js";
 
+const account = TEST_ACCOUNT_C;
+
 describe.runIf(process.env.TW_SECRET_KEY)("deploy-pack contract", () => {
   it("should deploy Pack contract", async () => {
     const address = await deployPackContract({
-      account: TEST_ACCOUNT_A,
+      account,
       client: TEST_CLIENT,
       chain: ANVIL_CHAIN,
       params: {

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

@@ -1,3 +1,5 @@
+import type { AuthOption } from "../../../wallets/types.js";
+
 // TODO make the social icons usable in RN too
 const googleIconUri =
   "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MDUuNiIgaGVpZ2h0PSI3MjAiIHZpZXdCb3g9IjAgMCAxODYuNjkgMTkwLjUiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE4NC41ODMgNzY1LjE3MSkiPjxwYXRoIGNsaXAtcGF0aD0ibm9uZSIgbWFzaz0ibm9uZSIgZD0iTS0xMDg5LjMzMy02ODcuMjM5djM2Ljg4OGg1MS4yNjJjLTIuMjUxIDExLjg2My05LjAwNiAyMS45MDgtMTkuMTM3IDI4LjY2MmwzMC45MTMgMjMuOTg2YzE4LjAxMS0xNi42MjUgMjguNDAyLTQxLjA0NCAyOC40MDItNzAuMDUyIDAtNi43NTQtLjYwNi0xMy4yNDktMS43MzItMTkuNDgzeiIgZmlsbD0iIzQyODVmNCIvPjxwYXRoIGNsaXAtcGF0aD0ibm9uZSIgbWFzaz0ibm9uZSIgZD0iTS0xMTQyLjcxNC02NTEuNzkxbC02Ljk3MiA1LjMzNy0yNC42NzkgMTkuMjIzaDBjMTUuNjczIDMxLjA4NiA0Ny43OTYgNTIuNTYxIDg1LjAzIDUyLjU2MSAyNS43MTcgMCA0Ny4yNzgtOC40ODYgNjMuMDM4LTIzLjAzM2wtMzAuOTEzLTIzLjk4NmMtOC40ODYgNS43MTUtMTkuMzEgOS4xNzktMzIuMTI1IDkuMTc5LTI0Ljc2NSAwLTQ1LjgwNi0xNi43MTItNTMuMzQtMzkuMjI2eiIgZmlsbD0iIzM0YTg1MyIvPjxwYXRoIGNsaXAtcGF0aD0ibm9uZSIgbWFzaz0ibm9uZSIgZD0iTS0xMTc0LjM2NS03MTIuNjFjLTYuNDk0IDEyLjgxNS0xMC4yMTcgMjcuMjc2LTEwLjIxNyA0Mi42ODlzMy43MjMgMjkuODc0IDEwLjIxNyA0Mi42ODljMCAuMDg2IDMxLjY5My0yNC41OTIgMzEuNjkzLTI0LjU5Mi0xLjkwNS01LjcxNS0zLjAzMS0xMS43NzYtMy4wMzEtMTguMDk4czEuMTI2LTEyLjM4MyAzLjAzMS0xOC4wOTh6IiBmaWxsPSIjZmJiYzA1Ii8+PHBhdGggZD0iTS0xMDg5LjMzMy03MjcuMjQ0YzE0LjAyOCAwIDI2LjQ5NyA0Ljg0OSAzNi40NTUgMTQuMjAxbDI3LjI3Ni0yNy4yNzZjLTE2LjUzOS0xNS40MTMtMzguMDEzLTI0Ljg1Mi02My43MzEtMjQuODUyLTM3LjIzNCAwLTY5LjM1OSAyMS4zODgtODUuMDMyIDUyLjU2MWwzMS42OTIgMjQuNTkyYzcuNTMzLTIyLjUxNCAyOC41NzUtMzkuMjI2IDUzLjM0LTM5LjIyNnoiIGZpbGw9IiNlYTQzMzUiIGNsaXAtcGF0aD0ibm9uZSIgbWFzaz0ibm9uZSIvPjwvZz48L3N2Zz4=";
@@ -49,7 +51,7 @@ export const socialIcons = {
 };
 
 // TODO: this should return actual <svg> elements so they can be themed
-export function getWalletIcon(provider: string) {
+export function getSocialIcon(provider: AuthOption | ({} & string)) {
   switch (provider) {
     case "google":
       return googleIconUri;

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

@@ -60,7 +60,9 @@ export const WalletImage = (props: {
       try {
         const externalWalletImage = await getWalletInfo(activeEOAId, true);
         if (externalWalletImage) {
-          return resolveScheme({ client, uri: externalWalletImage });
+          return externalWalletImage.startsWith("ipfs://")
+            ? resolveScheme({ client, uri: externalWalletImage })
+            : externalWalletImage;
         }
       } catch {}
 

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

@@ -36,10 +36,9 @@ import { TransactionModal } from "../../ui/TransactionButton/TransactionModal.js
  *
  * const onClick = () => {
  *   const transaction = prepareContractCall({
- *       contract,
- *       method: "function transfer(address to, uint256 value)",
- *       params: [to, value],
- *     }),
+ *     contract,
+ *     method: "function transfer(address to, uint256 value)",
+ *     params: [to, value],
  *   });
  *   sendTx(transaction);
  * };

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

@@ -10,7 +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 { trackPayEvent } from "../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getContract } from "../../../../contract/contract.js";
@@ -200,9 +200,7 @@ export const ConnectedWalletDetails: React.FC<{
 
   const avatarSrc = props.detailsButton?.connectedAccountAvatarUrl || pfp;
 
-  const combinedClassName = `${TW_CONNECTED_WALLET} ${
-    props.detailsButton?.className || ""
-  }`;
+  const combinedClassName = `${TW_CONNECTED_WALLET} ${props.detailsButton?.className || ""}`;
 
   return (
     <WalletInfoButton

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

@@ -1,7 +1,7 @@
 import { IdCardIcon } from "@radix-ui/react-icons";
 import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useMemo, useState } from "react";
-import { trackPayEvent } from "../../../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";

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

@@ -1,5 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
-import { trackPayEvent } from "../../../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";

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

@@ -1,4 +1,4 @@
-import { trackPayEvent } from "../../../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";

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

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-import { trackPayEvent } from "../../../../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../../../../analytics/track/pay.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
 import {

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

@@ -1,6 +1,6 @@
 import { CrossCircledIcon } from "@radix-ui/react-icons";
 import { useState } from "react";
-import { trackPayEvent } from "../../../../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import type { BuyWithCryptoQuote } from "../../../../../../../pay/buyWithCrypto/getQuote.js";

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

@@ -4,7 +4,7 @@ import { shortenAddress } from "../../../../../utils/address.js";
 import type { Profile } from "../../../../../wallets/in-app/core/authentication/types.js";
 import { fontSize, iconSize } from "../../../../core/design-system/index.js";
 import { useSocialProfiles } from "../../../../core/social/useSocialProfiles.js";
-import { getWalletIcon } from "../../../../core/utils/walletIcon.js";
+import { getSocialIcon } from "../../../../core/utils/walletIcon.js";
 import { useProfiles } from "../../../hooks/wallets/useProfiles.js";
 import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
 import { Img } from "../../components/Img.js";
@@ -149,7 +149,7 @@ function LinkedProfile({
         </Container>
       ) : (
         <Img
-          src={getWalletIcon(profile.type)}
+          src={getSocialIcon(profile.type)}
           width={iconSize.lg}
           height={iconSize.lg}
           loading="eager"

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

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { useState } from "react";
-import { trackPayEvent } from "../../../../analytics/track.js";
+import { trackPayEvent } from "../../../../analytics/track/pay.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";

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

@@ -11,7 +11,7 @@ import { getLastAuthProvider } from "../../../core/utils/storage.js";
 import { useWalletImage } from "../../../core/utils/wallet.js";
 import {
   genericWalletIcon,
-  getWalletIcon,
+  getSocialIcon,
 } from "../../../core/utils/walletIcon.js";
 import { Img } from "./Img.js";
 
@@ -43,7 +43,7 @@ export function WalletImage(props: {
         // when showing an active wallet icon - check last auth provider and override the IAW icon
         const lastAuthProvider = await getLastAuthProvider(storage);
         image = lastAuthProvider
-          ? getWalletIcon(lastAuthProvider)
+          ? getSocialIcon(lastAuthProvider)
           : genericWalletIcon;
       } else {
         const mipdImage = getInstalledWalletProviders().find(

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

@@ -129,6 +129,7 @@ function EcosystemWalletConnectUI(props: {
         done={done}
         onBack={goBackToMain || (() => setSelectionData({}))}
         locale={props.connectLocale}
+        isLinking={state.walletLogin.linking}
       />
     );
   }

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

@@ -116,6 +116,7 @@ function InAppWalletConnectUI(props: {
         done={done}
         onBack={goBackToMain || (() => setSelectionData({}))}
         locale={props.connectLocale}
+        isLinking={state.walletLogin.linking}
       />
     );
   }

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

@@ -28,6 +28,7 @@ export function WalletAuth(props: {
   inAppLocale: InAppWalletLocale;
   onBack: () => void;
   walletConnect: { projectId?: string } | undefined;
+  isLinking: boolean;
   meta?: {
     title?: string;
     titleIconUrl?: string;
@@ -61,16 +62,25 @@ export function WalletAuth(props: {
     setStatus("loading");
     walletToConnect.current = walletToLink;
     try {
-      await linkProfile({
-        client: props.client,
-        strategy: "wallet",
-        wallet: walletToLink,
-        chain: wallet.getChain() || defineChain(1),
-        ecosystem,
-      }).catch((e) => {
-        setError(e.message);
-        throw e;
-      });
+      if (props.isLinking) {
+        await linkProfile({
+          client: props.client,
+          strategy: "wallet",
+          wallet: walletToLink,
+          chain: wallet.getChain() || defineChain(1),
+          ecosystem,
+        }).catch((e) => {
+          setError(e.message);
+          throw e;
+        });
+      } else {
+        await wallet.connect({
+          client: props.client,
+          strategy: "wallet",
+          wallet: walletToLink,
+          chain: walletToLink.getChain() || defineChain(1),
+        });
+      }
       addConnectedWallet(walletToLink);
       done();
     } catch {

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

@@ -26,7 +26,7 @@ import {
 import { setLastAuthProvider } from "../../../core/utils/storage.js";
 import {
   emailIcon,
-  getWalletIcon,
+  getSocialIcon,
   passkeyIcon,
   phoneIcon,
   socialIcons,
@@ -57,7 +57,9 @@ export type ConnectWalletSelectUIState =
         connectionPromise: Promise<Account | Profile[]>;
       };
       passkeyLogin?: boolean;
-      walletLogin?: boolean;
+      walletLogin?: {
+        linking: boolean;
+      };
     };
 
 const defaultAuthOptions: AuthOption[] = [
@@ -186,6 +188,7 @@ export const ConnectWalletSocialOptions = (
 
   const passKeyEnabled = authOptions.includes("passkey");
   const guestEnabled = authOptions.includes("guest");
+  const siweEnabled = authOptions.includes("wallet");
 
   const placeholder =
     inputMode === "email" ? locale.emailPlaceholder : locale.phonePlaceholder;
@@ -306,7 +309,9 @@ export const ConnectWalletSocialOptions = (
 
   function handleWalletLogin() {
     setData({
-      walletLogin: true,
+      walletLogin: {
+        linking: props.isLinking || false,
+      },
     });
     props.select();
   }
@@ -467,11 +472,23 @@ export const ConnectWalletSocialOptions = (
         />
       )}
 
+      {/* SIWE login */}
+      {siweEnabled && (
+        <WalletTypeRowButton
+          client={props.client}
+          icon={getSocialIcon("")}
+          onClick={() => {
+            handleWalletLogin();
+          }}
+          title={locale.signInWithWallet}
+        />
+      )}
+
       {/* Guest login */}
       {guestEnabled && (
         <WalletTypeRowButton
           client={props.client}
-          icon={getWalletIcon("guest")}
+          icon={getSocialIcon("guest")}
           onClick={() => {
             handleGuestLogin();
           }}
@@ -483,7 +500,7 @@ export const ConnectWalletSocialOptions = (
       {props.isLinking && (
         <WalletTypeRowButton
           client={props.client}
-          icon={getWalletIcon("")}
+          icon={getSocialIcon("")}
           onClick={() => {
             handleWalletLogin();
           }}

package/src/react/web/wallets/shared/locale/de.ts

@@ -58,4 +58,5 @@ export default {
   passkey: "Passkey",
   linkWallet: "Verknüpfen Sie eine Brieftasche",
   loginAsGuest: "Melden Sie sich als Gast an",
+  signInWithWallet: "Mit Wallet anmelden",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/en.ts

@@ -55,6 +55,7 @@ export default {
   signInWithPhone: "Sign in with phone number",
   phoneRequired: "Phone number is required",
   passkey: "Passkey",
+  signInWithWallet: "Sign in with Wallet",
   linkWallet: "Link a Wallet",
   loginAsGuest: "Continue as guest",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/es.ts

@@ -57,4 +57,5 @@ export default {
   passkey: "Clave de acceso",
   linkWallet: "Vincular una billetera",
   loginAsGuest: "Inicia sesión como invitado",
+  signInWithWallet: "Iniciar sesión con billetera",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/fr.ts

@@ -58,4 +58,5 @@ export default {
   passkey: "Passkey",
   linkWallet: "Lier un portefeuille",
   loginAsGuest: "Connectez-vous en tant qu'invité",
+  signInWithWallet: "Se connecter avec portefeuille",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/ja.ts

@@ -56,4 +56,5 @@ export default {
   passkey: "パスキー",
   linkWallet: "ウォレットをリンクする",
   loginAsGuest: "ゲストとしてログイン",
+  signInWithWallet: "ウォレットでログイン",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/kr.ts

@@ -54,4 +54,5 @@ export default {
   passkey: "비밀번호",
   linkWallet: "지갑 연결",
   loginAsGuest: "게스트로 로그인",
+  signInWithWallet: "지갑으로 로그인",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/tl.ts

@@ -57,4 +57,5 @@ export default {
   passkey: "Passkey",
   linkWallet: "Mag-link ng Wallet",
   loginAsGuest: "Mag-login bilang bisita",
+  signInWithWallet: "Mag-login gamit ang Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/types.ts

@@ -41,6 +41,7 @@ export type InAppWalletLocale = {
   signInWithApple: string;
   signInWithFacebook: string;
   signInWithGoogle: string;
+  signInWithWallet: string;
   socialLoginScreen: {
     failed: string;
     instruction: string;

package/src/react/web/wallets/shared/locale/vi.ts

@@ -57,4 +57,5 @@ export default {
   passkey: "Passkey",
   linkWallet: "Link a Wallet",
   loginAsGuest: "Đăng nhập với tư cách khách",
+  signInWithWallet: "Đăng nhập bằng Wallet",
 } satisfies InAppWalletLocale;

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.64.0-nightly-cdb907f175f7472d1fb3dea6547d946514564085-20241023000322";
+export const version = "5.64.0";