@aptos-labs/wallet-adapter-mui-design 3.1.0 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @aptos-labs/wallet-adapter-mui-design
 
+## 4.0.1
+
+### Patch Changes
+
+- @aptos-labs/wallet-adapter-react@4.0.1
+
+## 4.0.0
+
+### Major Changes
+
+- ce53a2b: Major upgrade to only support AIP-62 standard compatible wallets
+
+### Patch Changes
+
+- Updated dependencies [ce53a2b]
+  - @aptos-labs/wallet-adapter-react@4.0.0
+
 ## 3.1.0
 
 ### Minor Changes

package/dist/index.js

@@ -56,7 +56,8 @@ function WalletMenu({
   };
   const [tooltipOpen, setTooltipOpen] = (0, import_react.useState)(false);
   const copyAddress = async () => {
-    await navigator.clipboard.writeText(account == null ? void 0 : account.address);
+    var _a;
+    await navigator.clipboard.writeText((_a = account == null ? void 0 : account.address) == null ? void 0 : _a.toString());
     setTooltipOpen(true);
     setTimeout(() => {
       setTooltipOpen(false);
@@ -119,6 +120,7 @@ function WalletButton({
   handleModalOpen,
   handleNavigate
 }) {
+  var _a;
   const { connected, account, wallet } = (0, import_wallet_adapter_react2.useWallet)();
   const [popoverAnchor, setPopoverAnchor] = (0, import_react2.useState)(
     null
@@ -151,7 +153,7 @@ function WalletButton({
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Typography, {
               noWrap: true,
               ml: 2,
-              children: (account == null ? void 0 : account.ansName) || (0, import_wallet_adapter_react2.truncateAddress)(account == null ? void 0 : account.address) || "Unknown"
+              children: (account == null ? void 0 : account.ansName) || (0, import_wallet_adapter_react2.truncateAddress)((_a = account == null ? void 0 : account.address) == null ? void 0 : _a.toString()) || "Unknown"
             })
           ]
         }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -207,8 +209,11 @@ function WalletsModal({
 }) {
   const theme = (0, import_material3.useTheme)();
   const [expanded, setExpanded] = (0, import_react3.useState)(false);
-  const { wallets = [] } = (0, import_wallet_adapter_react3.useWallet)();
-  const { aptosConnectWallets, availableWallets, installableWallets } = (0, import_wallet_adapter_react3.groupAndSortWallets)(wallets, walletSortingOptions);
+  const { wallets = [], notDetectedWallets = [] } = (0, import_wallet_adapter_react3.useWallet)();
+  const { aptosConnectWallets, availableWallets, installableWallets } = (0, import_wallet_adapter_react3.groupAndSortWallets)(
+    [...wallets, ...notDetectedWallets],
+    walletSortingOptions
+  );
   const hasAptosConnectWallets = !!aptosConnectWallets.length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material3.Dialog, {
     open: modalOpen,

package/dist/index.mjs

@@ -37,7 +37,8 @@ function WalletMenu({
   };
   const [tooltipOpen, setTooltipOpen] = useState(false);
   const copyAddress = async () => {
-    await navigator.clipboard.writeText(account == null ? void 0 : account.address);
+    var _a;
+    await navigator.clipboard.writeText((_a = account == null ? void 0 : account.address) == null ? void 0 : _a.toString());
     setTooltipOpen(true);
     setTimeout(() => {
       setTooltipOpen(false);
@@ -100,6 +101,7 @@ function WalletButton({
   handleModalOpen,
   handleNavigate
 }) {
+  var _a;
   const { connected, account, wallet } = useWallet2();
   const [popoverAnchor, setPopoverAnchor] = useState2(
     null
@@ -132,7 +134,7 @@ function WalletButton({
             /* @__PURE__ */ jsx2(Typography, {
               noWrap: true,
               ml: 2,
-              children: (account == null ? void 0 : account.ansName) || truncateAddress(account == null ? void 0 : account.address) || "Unknown"
+              children: (account == null ? void 0 : account.ansName) || truncateAddress((_a = account == null ? void 0 : account.address) == null ? void 0 : _a.toString()) || "Unknown"
             })
           ]
         }) : /* @__PURE__ */ jsxs2(Fragment, {
@@ -213,8 +215,11 @@ function WalletsModal({
 }) {
   const theme = useTheme();
   const [expanded, setExpanded] = useState3(false);
-  const { wallets = [] } = useWallet3();
-  const { aptosConnectWallets, availableWallets, installableWallets } = groupAndSortWallets(wallets, walletSortingOptions);
+  const { wallets = [], notDetectedWallets = [] } = useWallet3();
+  const { aptosConnectWallets, availableWallets, installableWallets } = groupAndSortWallets(
+    [...wallets, ...notDetectedWallets],
+    walletSortingOptions
+  );
   const hasAptosConnectWallets = !!aptosConnectWallets.length;
   return /* @__PURE__ */ jsx3(Dialog, {
     open: modalOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-mui-design",
-  "version": "3.1.0",
+  "version": "4.0.1",
   "description": "Aptos Wallet Adapter mui design",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -41,7 +41,7 @@
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.11.0",
     "@mui/material": "^5.11.6",
-    "@aptos-labs/wallet-adapter-react": "3.8.0"
+    "@aptos-labs/wallet-adapter-react": "4.0.1"
   },
   "peerDependencies": {
     "react": "^18",

package/src/WalletButton.tsx

@@ -16,7 +16,7 @@ export default function WalletButton({
   const { connected, account, wallet } = useWallet();
 
   const [popoverAnchor, setPopoverAnchor] = useState<HTMLButtonElement | null>(
-    null,
+    null
   );
   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     setPopoverAnchor(event.currentTarget);
@@ -49,7 +49,7 @@ export default function WalletButton({
             />
             <Typography noWrap ml={2}>
               {account?.ansName ||
-                truncateAddress(account?.address) ||
+                truncateAddress(account?.address?.toString()) ||
                 "Unknown"}
             </Typography>
           </>

package/src/WalletMenu.tsx

@@ -37,7 +37,7 @@ export default function WalletMenu({
   const [tooltipOpen, setTooltipOpen] = useState<boolean>(false);
 
   const copyAddress = async () => {
-    await navigator.clipboard.writeText(account?.address!);
+    await navigator.clipboard.writeText(account?.address?.toString()!);
 
     setTooltipOpen(true);
 

package/src/WalletModel.tsx

@@ -1,7 +1,8 @@
 import {
   AboutAptosConnect,
   AboutAptosConnectEducationScreen,
-  AnyAptosWallet,
+  AdapterNotDetectedWallet,
+  AdapterWallet,
   AptosPrivacyPolicy,
   WalletItem,
   WalletSortingOptions,
@@ -51,10 +52,13 @@ export default function WalletsModal({
   const theme = useTheme();
   const [expanded, setExpanded] = useState(false);
 
-  const { wallets = [] } = useWallet();
+  const { wallets = [], notDetectedWallets = [] } = useWallet();
 
   const { aptosConnectWallets, availableWallets, installableWallets } =
-    groupAndSortWallets(wallets, walletSortingOptions);
+    groupAndSortWallets(
+      [...wallets, ...notDetectedWallets],
+      walletSortingOptions
+    );
 
   const hasAptosConnectWallets = !!aptosConnectWallets.length;
 
@@ -250,7 +254,7 @@ export default function WalletsModal({
 }
 
 interface WalletRowProps {
-  wallet: AnyAptosWallet;
+  wallet: AdapterWallet | AdapterNotDetectedWallet;
   onConnect?: () => void;
 }