@aptos-labs/wallet-adapter-ant-design 2.2.6 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.js +2 -22
  3. package/dist/index.mjs +2 -22
  4. package/package.json +2 -2
  5. package/src/WalletSelector.tsx +9 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @aptos-labs/wallet-adapter-ant-design
2
2
 
3
+ ## 2.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - ef53f38: AIP-62 standard compatible wallet registry list
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [ef53f38]
12
+ - @aptos-labs/wallet-adapter-react@2.4.0
13
+
3
14
  ## 2.2.6
4
15
 
5
16
  ### Patch Changes
package/dist/index.js CHANGED
@@ -100,8 +100,8 @@ function WalletSelector({
100
100
  }
101
101
  var walletView = (wallet, onWalletSelected) => {
102
102
  const isWalletReady = wallet.readyState === import_wallet_adapter_react.WalletReadyState.Installed || wallet.readyState === import_wallet_adapter_react.WalletReadyState.Loadable;
103
- const mobileSupport = wallet.deeplinkProvider;
104
103
  if (!isWalletReady && (0, import_wallet_adapter_react.isRedirectable)()) {
104
+ const mobileSupport = wallet.deeplinkProvider;
105
105
  if (mobileSupport) {
106
106
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Menu.Item, {
107
107
  onClick: () => onWalletSelected(wallet.name),
@@ -132,28 +132,8 @@ var walletView = (wallet, onWalletSelected) => {
132
132
  ]
133
133
  })
134
134
  }, wallet.name);
135
- } else {
136
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Menu.Item, {
137
- disabled: true,
138
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
139
- className: "wallet-menu-wrapper",
140
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
141
- className: "wallet-name-wrapper",
142
- children: [
143
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
144
- src: wallet.icon,
145
- width: 25,
146
- style: { marginRight: 10 }
147
- }),
148
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
149
- className: "wallet-selector-text",
150
- children: wallet.name
151
- })
152
- ]
153
- })
154
- })
155
- }, wallet.name);
156
135
  }
136
+ return null;
157
137
  } else {
158
138
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Menu.Item, {
159
139
  onClick: wallet.readyState === import_wallet_adapter_react.WalletReadyState.Installed || wallet.readyState === import_wallet_adapter_react.WalletReadyState.Loadable ? () => onWalletSelected(wallet.name) : () => window.open(wallet.url),
package/dist/index.mjs CHANGED
@@ -78,8 +78,8 @@ function WalletSelector({
78
78
  }
79
79
  var walletView = (wallet, onWalletSelected) => {
80
80
  const isWalletReady = wallet.readyState === WalletReadyState.Installed || wallet.readyState === WalletReadyState.Loadable;
81
- const mobileSupport = wallet.deeplinkProvider;
82
81
  if (!isWalletReady && isRedirectable()) {
82
+ const mobileSupport = wallet.deeplinkProvider;
83
83
  if (mobileSupport) {
84
84
  return /* @__PURE__ */ jsx(Menu.Item, {
85
85
  onClick: () => onWalletSelected(wallet.name),
@@ -110,28 +110,8 @@ var walletView = (wallet, onWalletSelected) => {
110
110
  ]
111
111
  })
112
112
  }, wallet.name);
113
- } else {
114
- return /* @__PURE__ */ jsx(Menu.Item, {
115
- disabled: true,
116
- children: /* @__PURE__ */ jsx("div", {
117
- className: "wallet-menu-wrapper",
118
- children: /* @__PURE__ */ jsxs("div", {
119
- className: "wallet-name-wrapper",
120
- children: [
121
- /* @__PURE__ */ jsx("img", {
122
- src: wallet.icon,
123
- width: 25,
124
- style: { marginRight: 10 }
125
- }),
126
- /* @__PURE__ */ jsx(Text, {
127
- className: "wallet-selector-text",
128
- children: wallet.name
129
- })
130
- ]
131
- })
132
- })
133
- }, wallet.name);
134
113
  }
114
+ return null;
135
115
  } else {
136
116
  return /* @__PURE__ */ jsx(Menu.Item, {
137
117
  onClick: wallet.readyState === WalletReadyState.Installed || wallet.readyState === WalletReadyState.Loadable ? () => onWalletSelected(wallet.name) : () => window.open(wallet.url),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aptos-labs/wallet-adapter-ant-design",
3
- "version": "2.2.6",
3
+ "version": "2.3.0",
4
4
  "description": "Aptos Wallet Adapter ant-design",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -44,7 +44,7 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "antd": "^5.1.2",
47
- "@aptos-labs/wallet-adapter-react": "2.3.7"
47
+ "@aptos-labs/wallet-adapter-react": "2.4.0"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "react": "^18",
package/src/WalletSelector.tsx CHANGED
@@ -6,6 +6,7 @@ import {
6
6
  Wallet,
7
7
  WalletReadyState,
8
8
  WalletName,
9
+ AptosStandardSupportedWallet,
9
10
  } from "@aptos-labs/wallet-adapter-react";
10
11
  import "./styles.css";
11
12
  import { truncateAddress } from "./utils";
@@ -70,7 +71,7 @@ export function WalletSelector({
70
71
  >
71
72
  {!connected && (
72
73
  <Menu>
73
- {wallets?.map((wallet: Wallet) => {
74
+ {wallets?.map((wallet: Wallet | AptosStandardSupportedWallet) => {
74
75
  return walletView(wallet, onWalletSelected);
75
76
  })}
76
77
  </Menu>
@@ -81,15 +82,17 @@ export function WalletSelector({
81
82
  }
82
83
 
83
84
  const walletView = (
84
- wallet: Wallet,
85
+ wallet: Wallet | AptosStandardSupportedWallet,
85
86
  onWalletSelected: (wallet: WalletName) => void
86
87
  ) => {
87
88
  const isWalletReady =
88
89
  wallet.readyState === WalletReadyState.Installed ||
89
90
  wallet.readyState === WalletReadyState.Loadable;
90
- const mobileSupport = wallet.deeplinkProvider;
91
91
 
92
+ // The user is on a mobile device
92
93
  if (!isWalletReady && isRedirectable()) {
94
+ const mobileSupport = (wallet as Wallet).deeplinkProvider;
95
+ // If the user has a deep linked app, show the wallet
93
96
  if (mobileSupport) {
94
97
  return (
95
98
  <Menu.Item
@@ -107,19 +110,11 @@ const walletView = (
107
110
  </div>
108
111
  </Menu.Item>
109
112
  );
110
- } else {
111
- return (
112
- <Menu.Item key={wallet.name} disabled={true}>
113
- <div className="wallet-menu-wrapper">
114
- <div className="wallet-name-wrapper">
115
- <img src={wallet.icon} width={25} style={{ marginRight: 10 }} />
116
- <Text className="wallet-selector-text">{wallet.name}</Text>
117
- </div>
118
- </div>
119
- </Menu.Item>
120
- );
121
113
  }
114
+ // Otherwise don't show anything
115
+ return null;
122
116
  } else {
117
+ // The user is on a desktop device
123
118
  return (
124
119
  <Menu.Item
125
120
  key={wallet.name}