@dynamic-labs/sdk-react-core 4.40.1 → 4.40.2

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 (24) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +12 -12
  5. package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts +2 -1
  6. package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/SetSelectedWalletConnectorKey.type.d.ts +5 -0
  7. package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.cjs +19 -5
  8. package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.d.ts +3 -3
  9. package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.js +19 -5
  10. package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts +2 -1
  11. package/src/lib/styles/index.shadow.cjs +1 -1
  12. package/src/lib/styles/index.shadow.js +1 -1
  13. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs +4 -1
  14. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js +4 -1
  15. package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs +4 -1
  16. package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.js +4 -1
  17. package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.cjs +7 -2
  18. package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.js +7 -2
  19. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +8 -2
  20. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +8 -2
  21. package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs +24 -6
  22. package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js +24 -6
  23. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs +4 -1
  24. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js +4 -1
package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs CHANGED
@@ -124,7 +124,10 @@ const useSignConnectOnlyUser = () => {
124
124
  // We need this because in connect-only we don't want to show wallet-list
125
125
  // We don't want to show the back button in the pending signature view
126
126
  // because we don't want to go back to the wallet-list
127
- setSelectedWalletConnectorKey(walletConnector.key);
127
+ setSelectedWalletConnectorKey({
128
+ chain: walletConnector.connectedChain,
129
+ key: walletConnector.key,
130
+ });
128
131
  pushView('pending-signature-without-back-button');
129
132
  setShowAuthFlow(true);
130
133
  // Wallet should be already connected at this point
package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js CHANGED
@@ -120,7 +120,10 @@ const useSignConnectOnlyUser = () => {
120
120
  // We need this because in connect-only we don't want to show wallet-list
121
121
  // We don't want to show the back button in the pending signature view
122
122
  // because we don't want to go back to the wallet-list
123
- setSelectedWalletConnectorKey(walletConnector.key);
123
+ setSelectedWalletConnectorKey({
124
+ chain: walletConnector.connectedChain,
125
+ key: walletConnector.key,
126
+ });
124
127
  pushView('pending-signature-without-back-button');
125
128
  setShowAuthFlow(true);
126
129
  // Wallet should be already connected at this point
package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs CHANGED
@@ -137,7 +137,10 @@ const useConnectedWalletsNetworkValidation = () => {
137
137
  // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
138
138
  if (connectedWalletWithInvalidNetwork.connector.key !==
139
139
  (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
140
- setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
140
+ setSelectedWalletConnectorKey({
141
+ chain: connectedWalletWithInvalidNetwork.connector.connectedChain,
142
+ key: connectedWalletWithInvalidNetwork.connector.key,
143
+ });
141
144
  }
142
145
  const networkNotSupportedView = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
143
146
  ? 'network-not-supported'
package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.js CHANGED
@@ -133,7 +133,10 @@ const useConnectedWalletsNetworkValidation = () => {
133
133
  // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
134
134
  if (connectedWalletWithInvalidNetwork.connector.key !==
135
135
  (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
136
- setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
136
+ setSelectedWalletConnectorKey({
137
+ chain: connectedWalletWithInvalidNetwork.connector.connectedChain,
138
+ key: connectedWalletWithInvalidNetwork.connector.key,
139
+ });
137
140
  }
138
141
  const networkNotSupportedView = isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
139
142
  ? 'network-not-supported'
package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.cjs CHANGED
@@ -17,7 +17,7 @@ var logger = require('../../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-book');
18
18
  require('@dynamic-labs/utils');
19
19
  require('../../constants/colors.cjs');
20
- require('../../constants/values.cjs');
20
+ var values = require('../../constants/values.cjs');
21
21
  var hasPendingMfaAction = require('../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.cjs');
22
22
  require('../../../shared/consts/index.cjs');
23
23
  require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -162,7 +162,12 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
162
162
  setShowAuthFlow(true);
163
163
  const lastVerifiedCredential = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((vc) => vc.id === (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.lastVerifiedCredentialId));
164
164
  if (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName) {
165
- setSelectedWalletConnectorKey(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName);
165
+ setSelectedWalletConnectorKey({
166
+ chain: (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.chain)
167
+ ? values.VerifiedCredentialNameToChainEnum[lastVerifiedCredential.chain]
168
+ : undefined,
169
+ key: lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName,
170
+ });
166
171
  }
167
172
  switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
168
173
  case sdkApiCore.JwtVerifiedCredentialFormatEnum.Email:
package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.js CHANGED
@@ -13,7 +13,7 @@ import { logger } from '../../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-book';
14
14
  import '@dynamic-labs/utils';
15
15
  import '../../constants/colors.js';
16
- import '../../constants/values.js';
16
+ import { VerifiedCredentialNameToChainEnum } from '../../constants/values.js';
17
17
  import { hasPendingMfaAction } from '../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.js';
18
18
  import '../../../shared/consts/index.js';
19
19
  import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -158,7 +158,12 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
158
158
  setShowAuthFlow(true);
159
159
  const lastVerifiedCredential = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((vc) => vc.id === (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.lastVerifiedCredentialId));
160
160
  if (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName) {
161
- setSelectedWalletConnectorKey(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName);
161
+ setSelectedWalletConnectorKey({
162
+ chain: (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.chain)
163
+ ? VerifiedCredentialNameToChainEnum[lastVerifiedCredential.chain]
164
+ : undefined,
165
+ key: lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName,
166
+ });
162
167
  }
163
168
  switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
164
169
  case JwtVerifiedCredentialFormatEnum.Email:
package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs CHANGED
@@ -45,7 +45,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
45
45
  if (!linkedSecondaryWallet) {
46
46
  setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
47
47
  if (isPrimaryWallet && primaryWallet) {
48
- setSelectedWalletConnectorKey(primaryWallet.connector.key);
48
+ setSelectedWalletConnectorKey({
49
+ chain: primaryWallet.connector.connectedChain,
50
+ key: primaryWallet.connector.key,
51
+ });
49
52
  }
50
53
  return;
51
54
  }
@@ -105,7 +108,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
105
108
  }
106
109
  if (user && detectNewWalletsForLinking) {
107
110
  setMultiWalletWidgetState('detected_new_wallet');
108
- setSelectedWalletConnectorKey(primaryWallet.connector.key);
111
+ setSelectedWalletConnectorKey({
112
+ chain: primaryWallet.connector.connectedChain,
113
+ key: primaryWallet.connector.key,
114
+ });
109
115
  }
110
116
  }, [
111
117
  detectNewWalletsForLinking,
package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js CHANGED
@@ -41,7 +41,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
41
41
  if (!linkedSecondaryWallet) {
42
42
  setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
43
43
  if (isPrimaryWallet && primaryWallet) {
44
- setSelectedWalletConnectorKey(primaryWallet.connector.key);
44
+ setSelectedWalletConnectorKey({
45
+ chain: primaryWallet.connector.connectedChain,
46
+ key: primaryWallet.connector.key,
47
+ });
45
48
  }
46
49
  return;
47
50
  }
@@ -101,7 +104,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
101
104
  }
102
105
  if (user && detectNewWalletsForLinking) {
103
106
  setMultiWalletWidgetState('detected_new_wallet');
104
- setSelectedWalletConnectorKey(primaryWallet.connector.key);
107
+ setSelectedWalletConnectorKey({
108
+ chain: primaryWallet.connector.connectedChain,
109
+ key: primaryWallet.connector.key,
110
+ });
105
111
  }
106
112
  }, [
107
113
  detectNewWalletsForLinking,
package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs CHANGED
@@ -116,7 +116,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
116
116
  logger.logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
117
117
  twoStepAuthentication,
118
118
  });
119
- setSelectedWalletConnectorKey(walletConnector.key);
119
+ setSelectedWalletConnectorKey({
120
+ chain: walletConnector.connectedChain,
121
+ key: walletConnector.key,
122
+ });
120
123
  return onCustodialWallet({
121
124
  requiresTwoStepAuthentication: twoStepAuthentication,
122
125
  walletConnector,
@@ -125,7 +128,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
125
128
  const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
126
129
  var _a;
127
130
  logger.logger.debug('handleMobileWalletClick', walletConnector);
128
- setSelectedWalletConnectorKey(walletConnector.key);
131
+ setSelectedWalletConnectorKey({
132
+ chain: walletConnector.connectedChain,
133
+ key: walletConnector.key,
134
+ });
129
135
  // We need to set to LS when about to verify phantom wallet on mobile
130
136
  // because the deeplink interrupts this code execution and then redirects back on a new tab.
131
137
  // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
@@ -153,12 +159,18 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
153
159
  });
154
160
  const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
155
161
  logger.logger.debug('handleInstalledExtensionClick', walletConnector);
156
- setSelectedWalletConnectorKey(walletConnector.key);
162
+ setSelectedWalletConnectorKey({
163
+ chain: walletConnector.connectedChain,
164
+ key: walletConnector.key,
165
+ });
157
166
  return onInstalledExtension({ walletConnector });
158
167
  });
159
168
  const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
160
169
  logger.logger.debug('handleUninstalledClick', walletConnector);
161
- setSelectedWalletConnectorKey(walletConnector.key);
170
+ setSelectedWalletConnectorKey({
171
+ chain: walletConnector.connectedChain,
172
+ key: walletConnector.key,
173
+ });
162
174
  if (!walletConnector.canConnectViaQrCode) {
163
175
  replaceView('no-qr-not-installed');
164
176
  }
@@ -191,7 +203,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
191
203
  linkedWallets,
192
204
  walletConnectorKey: walletConnector.key,
193
205
  });
194
- setSelectedWalletConnectorKey(walletConnector.key);
206
+ setSelectedWalletConnectorKey({
207
+ chain: walletConnector.connectedChain,
208
+ key: walletConnector.key,
209
+ });
195
210
  if (!activeAccountAlreadyLinked) {
196
211
  setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
197
212
  return;
@@ -246,7 +261,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
246
261
  // also this is only a feature in MM
247
262
  if (authMode$1 !== 'connect-only' && isMetamask) {
248
263
  try {
249
- setSelectedWalletConnectorKey(walletConnector.key);
264
+ setSelectedWalletConnectorKey({
265
+ chain: walletConnector.connectedChain,
266
+ key: walletConnector.key,
267
+ });
250
268
  pushView('pending-connect');
251
269
  yield walletConnector.chooseAccountsToConnect();
252
270
  }
package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js CHANGED
@@ -112,7 +112,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
112
112
  logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
113
113
  twoStepAuthentication,
114
114
  });
115
- setSelectedWalletConnectorKey(walletConnector.key);
115
+ setSelectedWalletConnectorKey({
116
+ chain: walletConnector.connectedChain,
117
+ key: walletConnector.key,
118
+ });
116
119
  return onCustodialWallet({
117
120
  requiresTwoStepAuthentication: twoStepAuthentication,
118
121
  walletConnector,
@@ -121,7 +124,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
121
124
  const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
122
125
  var _a;
123
126
  logger.debug('handleMobileWalletClick', walletConnector);
124
- setSelectedWalletConnectorKey(walletConnector.key);
127
+ setSelectedWalletConnectorKey({
128
+ chain: walletConnector.connectedChain,
129
+ key: walletConnector.key,
130
+ });
125
131
  // We need to set to LS when about to verify phantom wallet on mobile
126
132
  // because the deeplink interrupts this code execution and then redirects back on a new tab.
127
133
  // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
@@ -149,12 +155,18 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
149
155
  });
150
156
  const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
151
157
  logger.debug('handleInstalledExtensionClick', walletConnector);
152
- setSelectedWalletConnectorKey(walletConnector.key);
158
+ setSelectedWalletConnectorKey({
159
+ chain: walletConnector.connectedChain,
160
+ key: walletConnector.key,
161
+ });
153
162
  return onInstalledExtension({ walletConnector });
154
163
  });
155
164
  const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
156
165
  logger.debug('handleUninstalledClick', walletConnector);
157
- setSelectedWalletConnectorKey(walletConnector.key);
166
+ setSelectedWalletConnectorKey({
167
+ chain: walletConnector.connectedChain,
168
+ key: walletConnector.key,
169
+ });
158
170
  if (!walletConnector.canConnectViaQrCode) {
159
171
  replaceView('no-qr-not-installed');
160
172
  }
@@ -187,7 +199,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
187
199
  linkedWallets,
188
200
  walletConnectorKey: walletConnector.key,
189
201
  });
190
- setSelectedWalletConnectorKey(walletConnector.key);
202
+ setSelectedWalletConnectorKey({
203
+ chain: walletConnector.connectedChain,
204
+ key: walletConnector.key,
205
+ });
191
206
  if (!activeAccountAlreadyLinked) {
192
207
  setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
193
208
  return;
@@ -242,7 +257,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
242
257
  // also this is only a feature in MM
243
258
  if (authMode !== 'connect-only' && isMetamask) {
244
259
  try {
245
- setSelectedWalletConnectorKey(walletConnector.key);
260
+ setSelectedWalletConnectorKey({
261
+ chain: walletConnector.connectedChain,
262
+ key: walletConnector.key,
263
+ });
246
264
  pushView('pending-connect');
247
265
  yield walletConnector.chooseAccountsToConnect();
248
266
  }
package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs CHANGED
@@ -119,7 +119,10 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
119
119
  }
120
120
  setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
121
121
  setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
122
- setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
122
+ setSelectedWalletConnectorKey({
123
+ chain: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.connectedChain,
124
+ key: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key,
125
+ });
123
126
  }), [
124
127
  connectedWallet,
125
128
  setSelectedWalletWithAction,
package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js CHANGED
@@ -115,7 +115,10 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
115
115
  }
116
116
  setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
117
117
  setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
118
- setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
118
+ setSelectedWalletConnectorKey({
119
+ chain: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.connectedChain,
120
+ key: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key,
121
+ });
119
122
  }), [
120
123
  connectedWallet,
121
124
  setSelectedWalletWithAction,