thirdweb 5.34.4-nightly-b67519aecba8dba28dc87faea72e16d0ce6a4ab8-20240715000324 → 5.35.0-nightly-aadbd33e9d696bd7dd77561fa3f3a0a0fa7747f5-20240716082511

package/src/react/web/ui/ConnectWallet/locale/en.ts

@@ -98,6 +98,17 @@ const connectLocaleEn: ConnectLocale = {
       inProgress: "Awaiting Confirmation",
     },
   },
+  manageWallet: {
+    title: "Manage Wallet",
+    connectAnApp: "Connect an App",
+    exportPrivateKey: "Export Private Key",
+  },
+  viewFunds: {
+    title: "View Funds",
+    viewNFTs: "View NFTs",
+    viewTokens: "View Tokens",
+    viewAssets: "View Assets",
+  },
 };
 
 export default connectLocaleEn;

package/src/react/web/ui/ConnectWallet/locale/es.ts

@@ -100,6 +100,17 @@ const connectWalletLocalEs: ConnectLocale = {
       inProgress: "Esperando confirmación",
     },
   },
+  manageWallet: {
+    title: "Manage Wallet",
+    connectAnApp: "Connect an App",
+    exportPrivateKey: "Export Private Key",
+  },
+  viewFunds: {
+    title: "View Funds",
+    viewNFTs: "View NFTs",
+    viewTokens: "View Tokens",
+    viewAssets: "View Assets",
+  },
 };
 
 export default connectWalletLocalEs;

package/src/react/web/ui/ConnectWallet/locale/getConnectLocale.ts

@@ -12,6 +12,9 @@ export async function getConnectLocale(localeId: LocaleId) {
     case "tl_PH": {
       return (await import("./tl.js")).default;
     }
+    case "vi_VN": {
+      return (await import("./vi.js")).default;
+    }
     default: {
       return (await import("./en.js")).default;
     }

package/src/react/web/ui/ConnectWallet/locale/ja.ts

@@ -100,6 +100,17 @@ const connectWalletLocalJa: ConnectLocale = {
       inProgress: "確認待ち",
     },
   },
+  manageWallet: {
+    title: "Manage Wallet",
+    connectAnApp: "Connect an App",
+    exportPrivateKey: "Export Private Key",
+  },
+  viewFunds: {
+    title: "View Funds",
+    viewNFTs: "View NFTs",
+    viewTokens: "View Tokens",
+    viewAssets: "View Assets",
+  },
 };
 
 export default connectWalletLocalJa;

package/src/react/web/ui/ConnectWallet/locale/tl.ts

@@ -100,6 +100,17 @@ const connectWalletLocalTl: ConnectLocale = {
       inProgress: "Naghihintay ng Kumpirmasyon",
     },
   },
+  manageWallet: {
+    title: "Manage Wallet",
+    connectAnApp: "Connect an App",
+    exportPrivateKey: "Export Private Key",
+  },
+  viewFunds: {
+    title: "View Funds",
+    viewNFTs: "View NFTs",
+    viewTokens: "View Tokens",
+    viewAssets: "View Assets",
+  },
 };
 
 export default connectWalletLocalTl;

package/src/react/web/ui/ConnectWallet/locale/types.ts

@@ -90,4 +90,15 @@ export type ConnectLocale = {
   transactions: string;
   viewAllTransactions: string;
   welcomeScreen: { defaultSubtitle: string; defaultTitle: string };
+  manageWallet: {
+    title: string;
+    connectAnApp: string;
+    exportPrivateKey: string;
+  };
+  viewFunds: {
+    title: string;
+    viewTokens: string;
+    viewNFTs: string;
+    viewAssets: string;
+  };
 };

package/src/react/web/ui/ConnectWallet/locale/vi.ts

@@ -0,0 +1,114 @@
+import type { ConnectLocale } from "./types.js";
+
+const connectLocaleVi: ConnectLocale = {
+  id: "vi_VN",
+  signIn: "Đăng nhập",
+  defaultButtonTitle: "Kết nối ví",
+  connecting: "Đang kết nối",
+  switchNetwork: "Chuyển mạng",
+  switchingNetwork: "Đang chuyển mạng",
+  defaultModalTitle: "Đăng nhập",
+  recommended: "Khuyên dùng",
+  installed: "Đã cài đặt",
+  buy: "Mua",
+  continueAsGuest: "Continue as guest",
+  connectAWallet: "Kết nối ví",
+  newToWallets: "Tìm hiểu về ví điện tử",
+  getStarted: "Bắt đầu",
+  guest: "Guest",
+  send: "Gửi",
+  receive: "Nhận",
+  currentNetwork: "Mạng lưới hiện tại",
+  switchAccount: "Chuyển tài khoản",
+  requestTestnetFunds: "Nhận Testnet Funds",
+  transactions: "Giao dịch",
+  viewAllTransactions: "Tất cả giao dịch",
+  backupWallet: "Sao lưu ví",
+  guestWalletWarning:
+    "Đây là ví tạm thời cho phiên đăng nhập của bạn. Vui lòng sao lưu ví nếu bạn không muốn dánh mất thông tin",
+  switchTo: "Đổi qua ví", // Used in "Switch to <Wallet-Name>"
+  connectedToSmartWallet: "Ví Thông Minh",
+  confirmInWallet: "Xác nhận bằng ví",
+  disconnectWallet: "Ngắt kết nối ví",
+  copyAddress: "Sao chép địa chỉ",
+  personalWallet: "Ví cá nhân",
+  smartWallet: "Ví Thông Minh",
+  or: "hoặc",
+  goBackButton: "Quay lại",
+  welcomeScreen: {
+    defaultTitle: "Cánh cổng dẫn tới thế giới phi tập trung",
+    defaultSubtitle: "Kết nối ví để bắt đầu",
+  },
+  agreement: {
+    prefix: "Bằng việc kết nối, bạn đồng ý với",
+    termsOfService: "Điều khoản dịch vụ",
+    and: "và",
+    privacyPolicy: "Chính sách bảo mật",
+  },
+  networkSelector: {
+    title: "Chọn mạng lưới",
+    mainnets: "Mainnets",
+    testnets: "Testnets",
+    allNetworks: "Tất cả",
+    addCustomNetwork: "Thêm mạng lưới",
+    inputPlaceholder: "Tìm theo tên hoặc ID",
+    categoryLabel: {
+      recentlyUsed: "Gần đây",
+      popular: "Thông dụng",
+      others: "Tất cả mạng lưới",
+    },
+    loading: "Đang tải",
+    failedToSwitch: "Không thể đổi mạng lưới",
+  },
+  receiveFundsScreen: {
+    title: "Nhận tiền",
+    instruction: "Sử dụng địa chỉ ví này để nhận tiền",
+  },
+  sendFundsScreen: {
+    title: "Gửi tiền",
+    submitButton: "Gửi",
+    token: "Token",
+    sendTo: "Gửi tới",
+    amount: "Số lượng",
+    successMessage: "Giao dịch thành công",
+    invalidAddress: "Địa chỉ không hợp lệ",
+    noTokensFound: "Không tìm thấy token",
+    searchToken: "Tìm kiếm hoặc dán địa chỉ token",
+    transactionFailed: "Giao dịch thất baị",
+    transactionRejected: "Giao dịch bị huỷ",
+    insufficientFunds: "Không đủ vốn",
+    selectTokenTitle: "Chọn Token",
+    sending: "Đang gửi",
+  },
+  signatureScreen: {
+    instructionScreen: {
+      title: "Đăng nhập",
+      instruction: "Kí vào yêu cầu tin nhắn trong ví của bạn để tiếp tục",
+      signInButton: "Đăng nhập",
+      disconnectWallet: "Ngắt kết nối ví",
+    },
+    signingScreen: {
+      title: "Đang đăng nhập",
+      prompt: "Ký vào yêu cầu tin nhắn trong ví của bạn",
+      promptForSafe:
+        "Kí vào yêu cầu tin nhắn trong ví của bạn và chấp nhận giao dịch trong ứng dụng Safe",
+      approveTransactionInSafe: "Xác nhận giao dịch bằng ví Safe",
+      tryAgain: "Thử lại",
+      failedToSignIn: "Đăng nhập thất bại",
+      inProgress: "Đang đợi xác nhận",
+    },
+  },
+  manageWallet: {
+    title: "Quản lý ví",
+    connectAnApp: "Kết nối ứng dụng",
+    exportPrivateKey: "Sao lưu private key",
+  },
+  viewFunds: {
+    title: "Tài sản",
+    viewTokens: "Tokens",
+    viewNFTs: "NFTs",
+    viewAssets: "Tài sản",
+  },
+};
+
+export default connectLocaleVi;

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

@@ -76,8 +76,6 @@ import {
 import type { PayerInfo } from "./types.js";
 import { usePayerSetup } from "./usePayerSetup.js";
 
-// NOTE: Must not use useConnectUI here because this UI can be used outside connect ui
-
 export type BuyScreenProps = {
   onBack: (() => void) | undefined;
   supportedTokens: SupportedTokens | undefined;

package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.tsx

@@ -124,7 +124,7 @@ export function BuyTxHistoryList(props: {
               }}
             >
               <CrossCircledIcon width={iconSize.xl} height={iconSize.xl} />
-              <Text> No Transactions </Text>
+              <Text>No Transactions </Text>
             </Container>
           )}
 

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

@@ -34,7 +34,10 @@ export function ManageWalletScreen(props: {
       }}
     >
       <Container p="lg">
-        <ModalHeader title="Manage Wallet" onBack={props.onBack} />
+        <ModalHeader
+          title={props.locale.manageWallet.title}
+          onBack={props.onBack}
+        />
       </Container>
       <Line />
       <Container
@@ -62,7 +65,9 @@ export function ManageWalletScreen(props: {
             }}
           >
             <WalletConnectIcon size={iconSize.md} />
-            <Text color="primaryText">Connect an App</Text>
+            <Text color="primaryText">
+              {props.locale.manageWallet.connectAnApp}
+            </Text>
           </MenuButton>
 
           {/* Private Key Export (if enabled) */}
@@ -79,7 +84,9 @@ export function ManageWalletScreen(props: {
                 }}
               >
                 <KeyIcon size={iconSize.md} />
-                <Text color="primaryText">Export Private Key</Text>
+                <Text color="primaryText">
+                  {props.locale.manageWallet.exportPrivateKey}
+                </Text>
               </MenuButton>
             )}
         </Container>

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

@@ -37,7 +37,6 @@ import {
   isNativeToken,
 } from "./nativeToken.js";
 
-// NOTE: MUST NOT USE useConnectUI here because this UI can be used outside connect ui
 // Note: TokenSelector can be used when wallet may or may not be connected
 
 /**

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

@@ -10,6 +10,7 @@ import { Text } from "../../components/text.js";
 import { MenuButton } from "../MenuButton.js";
 import { CoinsIcon } from "../icons/CoinsIcon.js";
 import { ImageIcon } from "../icons/ImageIcon.js";
+import type { ConnectLocale } from "../locale/types.js";
 import type { WalletDetailsModalScreen } from "./types.js";
 
 /**
@@ -21,7 +22,9 @@ export function ViewFunds(props: {
   onBack: () => void;
   setScreen: (screen: WalletDetailsModalScreen) => void;
   client: ThirdwebClient;
+  connectLocale: ConnectLocale;
 }) {
+  const { connectLocale } = props;
   return (
     <Container
       style={{
@@ -29,7 +32,10 @@ export function ViewFunds(props: {
       }}
     >
       <Container p="lg">
-        <ModalHeader title="View Funds" onBack={props.onBack} />
+        <ModalHeader
+          title={connectLocale.viewFunds.title}
+          onBack={props.onBack}
+        />
       </Container>
       <Line />
       <Container
@@ -50,7 +56,7 @@ export function ViewFunds(props: {
           }}
         >
           <CoinsIcon size={iconSize.md} />
-          <Text color="primaryText">View Tokens</Text>
+          <Text color="primaryText">{connectLocale.viewFunds.viewTokens}</Text>
         </MenuButton>
         <MenuButton
           onClick={() => {
@@ -61,7 +67,7 @@ export function ViewFunds(props: {
           }}
         >
           <ImageIcon size={iconSize.md} />
-          <Text color="primaryText">View NFTs</Text>
+          <Text color="primaryText">{connectLocale.viewFunds.viewNFTs}</Text>
         </MenuButton>
         <Spacer y="lg" />
       </Container>

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

@@ -16,6 +16,7 @@ import { MediaRenderer } from "../../MediaRenderer/MediaRenderer.js";
 import { Skeleton } from "../../components/Skeleton.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";
+import type { ConnectLocale } from "../locale/types.js";
 
 const fetchNFTs = async (
   client: ThirdwebClient,
@@ -69,6 +70,7 @@ export function ViewNFTs(props: {
   theme: Theme | "light" | "dark";
   onBack: () => void;
   client: ThirdwebClient;
+  connectLocale: ConnectLocale;
 }) {
   const activeAccount = useActiveAccount();
   const activeChain = useActiveWalletChain();
@@ -77,6 +79,8 @@ export function ViewNFTs(props: {
     return null;
   }
 
+  const { connectLocale } = props;
+
   const nftList = useMemo(() => {
     const nfts = [];
     if (!props.supportedNFTs) return [];
@@ -108,7 +112,10 @@ export function ViewNFTs(props: {
       }}
     >
       <Container p="lg">
-        <ModalHeader title="View NFTs" onBack={props.onBack} />
+        <ModalHeader
+          title={connectLocale.viewFunds.viewNFTs}
+          onBack={props.onBack}
+        />
       </Container>
       <Line />
       <Container

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

@@ -13,6 +13,7 @@ import { Spacer } from "../../components/Spacer.js";
 import { TokenIcon } from "../../components/TokenIcon.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";
 import { Text } from "../../components/text.js";
+import type { ConnectLocale } from "../locale/types.js";
 import { formatTokenBalance } from "./formatTokenBalance.js";
 import {
   type ERC20OrNativeToken,
@@ -27,6 +28,7 @@ export function ViewTokens(props: {
   supportedTokens?: SupportedTokens;
   onBack: () => void;
   client: ThirdwebClient;
+  connectLocale: ConnectLocale;
 }) {
   const activeChain = useActiveWalletChain();
   const supportedTokens = props.supportedTokens || defaultTokens;
@@ -37,6 +39,7 @@ export function ViewTokens(props: {
 
   const tokenList =
     (activeChain?.id ? supportedTokens[activeChain.id] : undefined) || [];
+  const { connectLocale } = props;
 
   return (
     <Container
@@ -45,7 +48,10 @@ export function ViewTokens(props: {
       }}
     >
       <Container p="lg">
-        <ModalHeader title="View Funds" onBack={props.onBack} />
+        <ModalHeader
+          title={connectLocale.viewFunds.title}
+          onBack={props.onBack}
+        />
       </Container>
       <Line />
       <Container

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

@@ -3,7 +3,6 @@ import { resolveScheme } from "../../../../utils/ipfs.js";
 import { StyledDiv } from "../design-system/elements.js";
 import { Img } from "./Img.js";
 
-// Note: Must not use useConnectUI here
 export const fallbackChainIcon =
   "data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 8.04238e-07C5.1435 8.04238e-07 3.36301 0.737501 2.05025 2.05025C0.7375 3.36301 0 5.1435 0 7C0 7.225 -1.52737e-07 7.445 0.0349998 7.665C0.16385 9.0151 0.68213 10.2988 1.52686 11.3598C2.37158 12.4209 3.50637 13.2137 4.79326 13.642C6.0801 14.0702 7.4637 14.1153 8.7758 13.7719C10.0879 13.4285 11.2719 12.7113 12.184 11.7075C13.0961 10.7038 13.6969 9.4567 13.9135 8.1178C14.1301 6.7789 13.9531 5.406 13.4039 4.16587C12.8548 2.92574 11.9573 1.87184 10.8204 1.13228C9.6835 0.392721 8.3563 -0.000649196 7 8.04238e-07ZM7 1C8.581 1.00137 10.0975 1.62668 11.22 2.74V3.24C9.2438 2.55991 7.0956 2.56872 5.125 3.265C4.96758 3.1116 4.76997 3.00586 4.555 2.96H4.43C4.37 2.75 4.315 2.54 4.27 2.325C4.225 2.11 4.2 1.92 4.175 1.715C5.043 1.24658 6.0137 1.00091 7 1ZM5.5 3.935C7.3158 3.32693 9.2838 3.34984 11.085 4C10.8414 5.2703 10.3094 6.4677 9.53 7.5C9.312 7.4077 9.0707 7.3855 8.8395 7.4366C8.6083 7.4877 8.3988 7.6094 8.24 7.785C8.065 7.685 7.89 7.585 7.74 7.47C6.7307 6.7966 5.8877 5.9023 5.275 4.855C5.374 4.73221 5.4461 4.58996 5.4866 4.43749C5.5271 4.28502 5.5351 4.12575 5.51 3.97L5.5 3.935ZM3.5 2.135C3.5 2.24 3.53 2.35 3.55 2.455C3.595 2.675 3.655 2.89 3.715 3.105C3.52353 3.21838 3.36943 3.38531 3.2717 3.58522C3.17397 3.78513 3.13688 4.00927 3.165 4.23C2.37575 4.7454 1.67078 5.3795 1.075 6.11C1.19455 5.3189 1.47112 4.55966 1.88843 3.87701C2.30575 3.19437 2.85539 2.60208 3.505 2.135H3.5ZM3.5 9.99C3.30481 10.0555 3.13037 10.1714 2.9943 10.3259C2.85822 10.4804 2.76533 10.6681 2.725 10.87H2.405C1.59754 9.9069 1.1146 8.7136 1.025 7.46L1.08 7.365C1.70611 6.3942 2.52463 5.562 3.485 4.92C3.62899 5.0704 3.81094 5.179 4.01162 5.2345C4.2123 5.2899 4.42423 5.2901 4.625 5.235C5.2938 6.3652 6.208 7.3306 7.3 8.06C7.505 8.195 7.715 8.32 7.925 8.44C7.9082 8.6312 7.9391 8.8237 8.015 9C7.1 9.7266 6.0445 10.256 4.915 10.555C4.78401 10.3103 4.57028 10.1201 4.31199 10.0184C4.05369 9.9167 3.76766 9.9102 3.505 10L3.5 9.99ZM7 12.99C5.9831 12.9903 4.98307 12.7304 4.095 12.235L4.235 12.205C4.43397 12.1397 4.61176 12.0222 4.74984 11.8648C4.88792 11.7074 4.98122 11.5158 5.02 11.31C6.2985 10.984 7.4921 10.3872 8.52 9.56C8.7642 9.7027 9.0525 9.75 9.3295 9.6927C9.6064 9.6355 9.8524 9.4778 10.02 9.25C10.7254 9.4334 11.4511 9.5275 12.18 9.53H12.445C11.9626 10.5673 11.1938 11.4451 10.2291 12.0599C9.2643 12.6747 8.144 13.0009 7 13V12.99ZM10.255 8.54C10.2545 8.3304 10.1975 8.1249 10.09 7.945C10.9221 6.8581 11.5012 5.5991 11.785 4.26C12.035 4.37667 12.2817 4.50667 12.525 4.65C13.0749 5.9495 13.1493 7.4012 12.735 8.75C11.9049 8.8142 11.0698 8.7484 10.26 8.555L10.255 8.54Z' fill='%23646D7A'/%3e%3c/svg%3e";
 

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

@@ -4,8 +4,6 @@ import type { ThirdwebClient } from "../../../../client/client.js";
 import { resolveScheme } from "../../../../utils/ipfs.js";
 import { Skeleton } from "./Skeleton.js";
 
-// Note: Must not use useConnectUI here
-
 /**
  * @internal
  */

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

@@ -12,8 +12,6 @@ import {
 } from "../ConnectWallet/screens/nativeToken.js";
 import { Img } from "./Img.js";
 
-// Note: Must not use useConnectUI here
-
 /**
  * @internal
  */

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

@@ -21,8 +21,6 @@ import { useWalletImage } from "../../../core/utils/wallet.js";
 import { useActiveWallet } from "../../hooks/wallets/useActiveWallet.js";
 import { Img } from "./Img.js";
 
-// Note: Must not use useConnectUI here
-
 /**
  * @internal
  */

package/src/react/web/ui/types.ts

@@ -1,2 +1,2 @@
 // valid combinations of ISO language code and ISO country code
-export type LocaleId = "en_US" | "es_ES" | "ja_JP" | "tl_PH";
+export type LocaleId = "en_US" | "es_ES" | "ja_JP" | "tl_PH" | "vi_VN";

package/src/react/web/wallets/injected/locale/getInjectedWalletLocale.ts

@@ -14,6 +14,8 @@ export async function getInjectedWalletLocale(
       return (await import("./ja.js")).default;
     case "tl_PH":
       return (await import("./tl.js")).default;
+    case "vi_VN":
+      return (await import("./vi.js")).default;
     default:
       return (await import("./en.js")).default;
   }

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

@@ -0,0 +1,27 @@
+import type { InjectedWalletLocale } from "./types.js";
+
+/**
+ * @internal
+ */
+const injectedWalletLocaleVi = (wallet: string): InjectedWalletLocale => ({
+  connectionScreen: {
+    inProgress: "Đang đợi xác nhận",
+    failed: "Kết nối thất bại",
+    instruction: `Kết nối bằng ứng dụng ${wallet}`,
+    retry: "Thử lại",
+  },
+  getStartedScreen: {
+    instruction: `Quét mã QR để tải ứng dụng ${wallet}`,
+  },
+  scanScreen: {
+    instruction: `Quét mã QR bằng ứng dụng ${wallet} để kết nối`,
+  },
+  getStartedLink: `Tôi không có ứng dụng ${wallet}`,
+  download: {
+    chrome: "Tải cho trình duyệt Chrome",
+    android: "Tải trên Google Play",
+    iOS: "Tải trên App Store",
+  },
+});
+
+export default injectedWalletLocaleVi;

package/src/react/web/wallets/local/locale/getLocalWalletLocale.ts

@@ -14,6 +14,8 @@ export async function getLocalWalletLocale(
       return (await import("./ja.js")).default;
     case "tl_PH":
       return (await import("./tl.js")).default;
+    case "vi_VN":
+      return (await import("./vi.js")).default;
     default:
       return (await import("./en.js")).default;
   }

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

@@ -0,0 +1,48 @@
+import type { LocalWalletLocale } from "./types.js";
+
+const localWalletLocaleVi: LocalWalletLocale = {
+  passwordLabel: "Mật khẩu",
+  confirmPasswordLabel: "Xác nhận mật khẩu",
+  enterYourPassword: "Nhập mật khẩu của bạn",
+  warningScreen: {
+    title: "Cảnh báo",
+    warning:
+      "Ví hiện tại sẽ bị xoá nếu bạn tạo một ví mới. Hãy cân nhắc sao lưu ví về thiết bị",
+    backupWallet: "Sao lưu ví",
+    skip: "Bỏ qua",
+  },
+  reconnectScreen: {
+    title: "Kết nối bằng ví đã lưu",
+    savedWallet: "Ví đã lưu",
+    continue: "Tiếp tục",
+    createNewWallet: "Tạo ví mới",
+  },
+  createScreen: {
+    instruction:
+      "Chọn một mật khẩu cho ví của bạn. Bạn có thể dùng mật khẩu đã đặt để truy cập và sao lưu ví sau này",
+    importWallet: "Thêm ví",
+    createNewWallet: "Tạo ví mới",
+    connecting: "Đang kết nối",
+  },
+  exportScreen: {
+    downloadMessage: "Một tệp chứa private key sẽ được tải về thiết bị của bạn",
+    decryptMessage: "Nhập mật khẩu để giải mã private key",
+    walletAddress: "Địa chỉ ví",
+    download: "Tải về",
+    title: "Sao lưu ví",
+  },
+  importScreen: {
+    title: "Thêm ví mới",
+    description1:
+      "Ứng dụng này có thể tự do giao dịch mà không cần sự cho phép của bạn",
+    description2: "Bạn chỉ nên kết nối ví với những ứng dụng đáng tin cậy",
+    passwordDescription:
+      "Chọn một mật khẩu để mã hoá private key. Private key đã mã hoá sẽ được lưu trên trình duyệt",
+    import: "Thêm",
+    uploadJSON: "Tải lên tệp JSON",
+    uploadedSuccessfully: "Tải lên thành công",
+    invalidPrivateKey: "Private Key không hợp lệ",
+  },
+};
+
+export default localWalletLocaleVi;

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

@@ -14,6 +14,8 @@ export async function getInAppWalletLocale(
       return (await import("./ja.js")).default;
     case "tl_PH":
       return (await import("./tl.js")).default;
+    case "vi_VN":
+      return (await import("./vi.js")).default;
     default:
       return (await import("./en.js")).default;
   }

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

@@ -0,0 +1,56 @@
+import type { InAppWalletLocale } from "./types.js";
+
+export default {
+  signInWithGoogle: "Google",
+  signInWithFacebook: "Facebook",
+  signInWithApple: "Apple",
+  emailPlaceholder: "Địa chỉ email",
+  submitEmail: "Tiếp tục",
+  signIn: "Đăng nhập",
+  or: "Hoặc",
+  emailRequired: "Vui lòng nhập địa chỉ email",
+  invalidEmail: "Địa chỉ email không hợp lệ",
+  maxAccountsExceeded:
+    "Số tài khoản vượt quá mức quy định. Vui lòng liên hệ với lập trình viên của ứng dụng này",
+  socialLoginScreen: {
+    title: "Đăng nhập",
+    instruction: "Đăng nhập ở cửa sổ hiện lên",
+    failed: "Đăng nhập thất bại",
+    retry: "Thử lại",
+  },
+  emailLoginScreen: {
+    title: "Đăng nhập",
+    enterCodeSendTo: "Nhập mã xác nhận được gửi tới",
+    newDeviceDetected: "Bạn đang đăng nhập trên một thiết bị mới",
+    enterRecoveryCode:
+      "Nhập mã khôi phục mà bạn nhận được khi đăng nhập lần đầu",
+    invalidCode: "Mã xác nhận không hợp lệ",
+    invalidCodeOrRecoveryCode: "Mã xác nhận hoặc mã khôi phục bị sai",
+    verify: "Xác nhận",
+    failedToSendCode: "Gửi mã xác nhận thất bại",
+    sendingCode: "Đang gửi mã xác nhận",
+    resendCode: "Gửi lại mã xác nhận",
+  },
+  createPassword: {
+    title: "Tạo mật khẩu",
+    instruction:
+      "Đặt mật khẩu cho tài khoản của bạn. Bạn cần mật khẩu này mỗi khi đăng nhập trên một thiết bị mới",
+    saveInstruction: "Vui lòng sao lưu mật khẩu",
+    inputPlaceholder: "Nhập mật khẩu của bạn",
+    confirmation: "Tôi đã sao lưu mật khẩu",
+    submitButton: "Đặt mật khẩu",
+    failedToSetPassword: "Đặt mật khẩu thất bại",
+  },
+  enterPassword: {
+    title: "Nhập mật khẩu",
+    instruction: "Nhập mật khẩu cho tài khoản của bạn",
+    inputPlaceholder: "Nhập mật khẩu của bạn",
+    submitButton: "Xác nhân",
+    wrongPassword: "Sai mật khẩu",
+  },
+  signInWithEmail: "Đăng nhập bằng email",
+  invalidPhone: "Số điện thoại không hợp lệ",
+  phonePlaceholder: "Số điện thoại",
+  signInWithPhone: "Đăng nhập bằng số điện thoại",
+  phoneRequired: "Vui lòng nhập số điện thoại",
+} satisfies InAppWalletLocale;

package/src/react/web/wallets/smartWallet/locale/getSmartWalletLocale.ts

@@ -14,6 +14,8 @@ export async function getSmartWalletLocale(
       return (await import("./ja.js")).default;
     case "tl_PH":
       return (await import("./tl.js")).default;
+    case "vi_VN":
+      return (await import("./vi.js")).default;
     default:
       return (await import("./en.js")).default;
   }

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

@@ -0,0 +1,13 @@
+import type { SmartWalletLocale } from "./types.js";
+
+const smartWalletLocalVi: SmartWalletLocale = {
+  connecting: "Đang kết nối Tài Khoản Thông Minh",
+  failedToConnect: "Kết nối Tài Khoản Thông Minh thất bại",
+  wrongNetworkScreen: {
+    title: "Sai mạng lưới",
+    subtitle: "Vui lòng chuyển sang mạng lưới được yêu cầu",
+    failedToSwitch: "Chuyển mạng lưới thất bại",
+  },
+};
+
+export default smartWalletLocalVi;

package/src/react/web/wallets/walletConnect/locale.ts

@@ -25,4 +25,8 @@ export const walletConnectLocales: Record<LocaleId, WalletConnectLocale> = {
     scanInstruction: "Escanea esto con tu aplicación de cartera para conectar",
     openWCModal: "Abre el Modal Oficial de WalletConnect",
   },
+  vi_VN: {
+    scanInstruction: "Quét mã QR bằng ứng dụng ví để kết nối",
+    openWCModal: "Mở giao diện WalletConnect",
+  },
 };