@dynamic-labs/sdk-react-core 4.68.0 → 4.69.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 (87) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.cjs +2 -2
  3. package/package.js +2 -2
  4. package/package.json +13 -13
  5. package/src/lib/Main.cjs +0 -1
  6. package/src/lib/Main.d.ts +0 -1
  7. package/src/lib/Main.js +0 -1
  8. package/src/lib/client/extension/functions/generateChainingSignature/generateChainingSignature.cjs +15 -0
  9. package/src/lib/client/extension/functions/generateChainingSignature/generateChainingSignature.d.ts +1 -0
  10. package/src/lib/client/extension/functions/generateChainingSignature/generateChainingSignature.js +11 -0
  11. package/src/lib/client/extension/functions/generateSessionKeys/generateSessionKeys.cjs +11 -0
  12. package/src/lib/client/extension/functions/generateSessionKeys/generateSessionKeys.d.ts +1 -0
  13. package/src/lib/client/extension/functions/generateSessionKeys/generateSessionKeys.js +7 -0
  14. package/src/lib/client/extension/functions/getClientSessionNonceHeaders/getClientSessionNonceHeaders.cjs +33 -0
  15. package/src/lib/client/extension/functions/getClientSessionNonceHeaders/getClientSessionNonceHeaders.d.ts +16 -0
  16. package/src/lib/client/extension/functions/getClientSessionNonceHeaders/getClientSessionNonceHeaders.js +29 -0
  17. package/src/lib/client/extension/functions/getSessionKeys/getSessionKeys.d.ts +1 -0
  18. package/src/lib/client/extension/functions/migrateClientSessionKey/migrateClientSessionKey.cjs +51 -0
  19. package/src/lib/client/extension/functions/migrateClientSessionKey/migrateClientSessionKey.d.ts +1 -0
  20. package/src/lib/client/extension/functions/migrateClientSessionKey/migrateClientSessionKey.js +47 -0
  21. package/src/lib/client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.cjs +5 -6
  22. package/src/lib/client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.js +5 -6
  23. package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.cjs +2 -0
  24. package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.js +2 -0
  25. package/src/lib/client/extension/index.d.ts +4 -0
  26. package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs +34 -5
  27. package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js +34 -5
  28. package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs +2 -2
  29. package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js +2 -2
  30. package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs +2 -2
  31. package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js +2 -2
  32. package/src/lib/context/DynamicContext/DynamicContext.cjs +2 -4
  33. package/src/lib/context/DynamicContext/DynamicContext.js +2 -4
  34. package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs +0 -2
  35. package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js +0 -2
  36. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +0 -2
  37. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +0 -2
  38. package/src/lib/data/api/api.cjs +1 -1
  39. package/src/lib/data/api/api.js +1 -1
  40. package/src/lib/data/api/embeddedWallets/embeddedWallets.cjs +2 -4
  41. package/src/lib/data/api/embeddedWallets/embeddedWallets.js +2 -4
  42. package/src/lib/data/api/oauth/oauth.cjs +19 -4
  43. package/src/lib/data/api/oauth/oauth.js +19 -4
  44. package/src/lib/data/api/user/user.cjs +11 -3
  45. package/src/lib/data/api/user/user.js +11 -3
  46. package/src/lib/main.global.cjs +0 -3
  47. package/src/lib/main.global.js +0 -3
  48. package/src/lib/utils/functions/clientSessionKeys/getClientSessionKeys.cjs +0 -88
  49. package/src/lib/utils/functions/clientSessionKeys/getClientSessionKeys.d.ts +0 -25
  50. package/src/lib/utils/functions/clientSessionKeys/getClientSessionKeys.js +2 -83
  51. package/src/lib/utils/functions/index.d.ts +0 -1
  52. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs +0 -2
  53. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js +0 -2
  54. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs +0 -2
  55. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js +0 -2
  56. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs +0 -2
  57. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js +0 -2
  58. package/src/lib/utils/hooks/index.d.ts +0 -1
  59. package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.cjs +4 -12
  60. package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.js +4 -12
  61. package/src/lib/utils/hooks/useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.cjs +1 -1
  62. package/src/lib/utils/hooks/useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js +1 -1
  63. package/src/lib/utils/hooks/useExternalAuth/useExternalAuth.cjs +2 -2
  64. package/src/lib/utils/hooks/useExternalAuth/useExternalAuth.js +2 -2
  65. package/src/lib/utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.cjs +2 -3
  66. package/src/lib/utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js +2 -3
  67. package/src/lib/utils/hooks/useSignInWithPasskey/useSignInWithPasskey.cjs +14 -14
  68. package/src/lib/utils/hooks/useSignInWithPasskey/useSignInWithPasskey.js +14 -14
  69. package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs +3 -3
  70. package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js +3 -3
  71. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +0 -2
  72. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +0 -2
  73. package/src/lib/views/EmailVerification/EmailVerification.cjs +2 -2
  74. package/src/lib/views/EmailVerification/EmailVerification.js +2 -2
  75. package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs +2 -2
  76. package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js +2 -2
  77. package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/TrustedDevicesSection.cjs +6 -0
  78. package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/TrustedDevicesSection.d.ts +1 -1
  79. package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/TrustedDevicesSection.js +6 -0
  80. package/_virtual/style-inject.cjs +0 -31
  81. package/_virtual/style-inject.js +0 -29
  82. package/src/lib/utils/functions/clientSessionKeys/constants.cjs +0 -8
  83. package/src/lib/utils/functions/clientSessionKeys/constants.js +0 -4
  84. package/src/lib/utils/hooks/useClientSessionKeys/index.d.ts +0 -1
  85. package/src/lib/utils/hooks/useClientSessionKeys/useClientSessionKeys.cjs +0 -101
  86. package/src/lib/utils/hooks/useClientSessionKeys/useClientSessionKeys.d.ts +0 -4
  87. package/src/lib/utils/hooks/useClientSessionKeys/useClientSessionKeys.js +0 -97
@@ -32,6 +32,7 @@ import { useUser } from '../../../client/extension/user/useUser/useUser.js';
32
32
  import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
33
33
  import { isCookieEnabled } from '../../../client/extension/functions/isCookieEnabled/isCookieEnabled.js';
34
34
  import { getMinAuthToken } from '../../../client/extension/functions/getMinAuthToken/getMinAuthToken.js';
35
+ import { generateChainingSignature } from '../../../client/extension/functions/generateChainingSignature/generateChainingSignature.js';
35
36
  import '../../../context/DynamicContext/DynamicContext.js';
36
37
  import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
37
38
  import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -85,7 +86,6 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
85
86
  import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
86
87
  import { normalizeWaasChainName } from './normalizeWaasChainName.js';
87
88
  import { DEFAULT_WAAS_API_URL } from '../../constants/waas/apiUrl.js';
88
- import { useClientSessionKeys } from '../useClientSessionKeys/useClientSessionKeys.js';
89
89
  import { useGetMfaToken } from '../useGetMfaToken/useGetMfaToken.js';
90
90
  import { useGetWalletPassword } from '../useGetWalletPassword/useGetWalletPassword.js';
91
91
  import { useRefreshAuth } from '../useRefreshAuth/useRefreshAuth.js';
@@ -177,7 +177,6 @@ const useDynamicWaas = () => {
177
177
  const svmGasSponsorshipEnabledRef = useRef(svmGasSponsorshipEnabled);
178
178
  svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
179
179
  const authToken = getMinAuthToken();
180
- const { getSignedSessionId } = useClientSessionKeys();
181
180
  const getMfaToken = useGetMfaToken();
182
181
  const getWalletPassword = useGetWalletPassword();
183
182
  const getElevatedAccessToken = useGetElevatedAccessToken();
@@ -204,7 +203,7 @@ const useDynamicWaas = () => {
204
203
  environmentId,
205
204
  getElevatedAccessToken,
206
205
  getMfaToken,
207
- getSignedSessionId,
206
+ getSignedSessionId: generateChainingSignature,
208
207
  getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
209
208
  getWalletPassword,
210
209
  relayUrl: relayUrl !== null && relayUrl !== void 0 ? relayUrl : '',
@@ -220,7 +219,6 @@ const useDynamicWaas = () => {
220
219
  getElevatedAccessToken,
221
220
  getMfaToken,
222
221
  getWalletPassword,
223
- getSignedSessionId,
224
222
  relayUrl,
225
223
  baseClientKeysharesRelayApiUrl,
226
224
  ]);
@@ -297,7 +295,7 @@ const useDynamicWaas = () => {
297
295
  walletAddress: wallet.address,
298
296
  });
299
297
  const keyshareRestorationStart = new Date().getTime();
300
- const signedSessionId = yield getSignedSessionId();
298
+ const signedSessionId = yield generateChainingSignature();
301
299
  yield client.getWallet({
302
300
  accountAddress: wallet.address,
303
301
  authToken: getMinAuthToken(),
@@ -355,13 +353,7 @@ const useDynamicWaas = () => {
355
353
  userId: user.id,
356
354
  });
357
355
  }
358
- }), [
359
- enabledChainNames,
360
- getSignedSessionId,
361
- getWaasWalletConnector,
362
- shouldInitializeWaas,
363
- user,
364
- ]);
356
+ }), [enabledChainNames, getWaasWalletConnector, shouldInitializeWaas, user]);
365
357
  // If no chain names are provided, filter out chains that already have a wallet
366
358
  // and make a wallet for each enabled chain
367
359
  const createWalletAccount = useCallback((requirementsOrChainNames, password, bitcoinConfig, options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -29,10 +29,10 @@ require('@dynamic-labs/locale');
29
29
  require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
30
30
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
31
31
  require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
32
- var keyService = require('../../functions/keyService/keyService.cjs');
33
32
  require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
34
33
  var dynamicEvents = require('../../../events/dynamicEvents.cjs');
35
34
  var useOnboardingCompleteUser = require('../../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.cjs');
35
+ var keyService = require('../../functions/keyService/keyService.cjs');
36
36
  var getTurnkeyWalletId = require('../../functions/getTurnkeyWalletId/getTurnkeyWalletId.cjs');
37
37
  var embeddedWalletSessionKeysUtils = require('../../functions/embeddedWalletSessionKeysUtils/embeddedWalletSessionKeysUtils.cjs');
38
38
 
@@ -25,10 +25,10 @@ import '@dynamic-labs/locale';
25
25
  import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
26
26
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
27
27
  import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
28
- import { toEncodedFormat, p256Sign } from '../../functions/keyService/keyService.js';
29
28
  import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
30
29
  import { dynamicEvents } from '../../../events/dynamicEvents.js';
31
30
  import { useOnboardingCompleteUserProfile } from '../../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.js';
31
+ import { toEncodedFormat, p256Sign } from '../../functions/keyService/keyService.js';
32
32
  import { getTurnkeyWalletId } from '../../functions/getTurnkeyWalletId/getTurnkeyWalletId.js';
33
33
  import { generateAndSaveSessionKey, generateSessionKey } from '../../functions/embeddedWalletSessionKeysUtils/embeddedWalletSessionKeysUtils.js';
34
34
 
@@ -6,7 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var _tslib = require('../../../../../_virtual/_tslib.cjs');
7
7
  var React = require('react');
8
8
  var client = require('@dynamic-labs-sdk/client');
9
- var getClientSessionKeys = require('../../functions/clientSessionKeys/getClientSessionKeys.cjs');
10
9
  require('@dynamic-labs/utils');
11
10
  require('@dynamic-labs/sdk-api-core');
12
11
  require('@dynamic-labs-sdk/client/core');
@@ -31,6 +30,7 @@ require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
31
30
  require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
32
31
  var dynamicEvents = require('../../../events/dynamicEvents.cjs');
33
32
  var convertSdkUserToUserProfile = require('../../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.cjs');
33
+ var generateSessionKeys = require('../../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
34
34
  var externalAuth = require('../../../data/api/externalAuth/externalAuth.cjs');
35
35
  require('@dynamic-labs/locale');
36
36
  require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -133,7 +133,7 @@ const useExternalAuth = () => {
133
133
  const sessionPublicKey = shouldRegisterSessionKeysOnSignin()
134
134
  ? (yield generateSessionKey()).publicKey
135
135
  : undefined;
136
- yield getClientSessionKeys.generateClientSessionKeys();
136
+ yield generateSessionKeys.generateSessionKeys();
137
137
  const response = yield client.signInWithExternalJwt({
138
138
  externalJwt,
139
139
  sessionPublicKey,
@@ -2,7 +2,6 @@
2
2
  import { __awaiter } from '../../../../../_virtual/_tslib.js';
3
3
  import { useCallback, useMemo } from 'react';
4
4
  import { signInWithExternalJwt } from '@dynamic-labs-sdk/client';
5
- import { generateClientSessionKeys } from '../../functions/clientSessionKeys/getClientSessionKeys.js';
6
5
  import '@dynamic-labs/utils';
7
6
  import '@dynamic-labs/sdk-api-core';
8
7
  import '@dynamic-labs-sdk/client/core';
@@ -27,6 +26,7 @@ import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
27
26
  import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
28
27
  import { dynamicEvents } from '../../../events/dynamicEvents.js';
29
28
  import { convertSdkUserToUserProfile } from '../../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.js';
29
+ import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
30
30
  import { externalAuthVerify } from '../../../data/api/externalAuth/externalAuth.js';
31
31
  import '@dynamic-labs/locale';
32
32
  import '../../../context/DynamicContext/DynamicContext.js';
@@ -129,7 +129,7 @@ const useExternalAuth = () => {
129
129
  const sessionPublicKey = shouldRegisterSessionKeysOnSignin()
130
130
  ? (yield generateSessionKey()).publicKey
131
131
  : undefined;
132
- yield generateClientSessionKeys();
132
+ yield generateSessionKeys();
133
133
  const response = yield signInWithExternalJwt({
134
134
  externalJwt,
135
135
  sessionPublicKey,
@@ -30,6 +30,7 @@ require('../../../client/client.cjs');
30
30
  require('@dynamic-labs-sdk/client');
31
31
  require('../../../config/ApiEndpoint.cjs');
32
32
  var isCookieEnabled = require('../../../client/extension/functions/isCookieEnabled/isCookieEnabled.cjs');
33
+ var generateChainingSignature = require('../../../client/extension/functions/generateChainingSignature/generateChainingSignature.cjs');
33
34
  require('@dynamic-labs/locale');
34
35
  var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
35
36
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -109,13 +110,11 @@ var useGetMfaToken = require('../useGetMfaToken/useGetMfaToken.cjs');
109
110
  require('../../../store/state/tokenBalances.cjs');
110
111
  require('../../../store/state/multichainBalances.cjs');
111
112
  require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
112
- var useClientSessionKeys = require('../useClientSessionKeys/useClientSessionKeys.cjs');
113
113
 
114
114
  const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
115
115
  var _a, _b, _c;
116
116
  const apiBaseUrl = dynamicContextProps.useApiBaseUrl();
117
117
  const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
118
- const { getSignedSessionId } = useClientSessionKeys.useClientSessionKeys();
119
118
  const getMfaToken = useGetMfaToken.useGetMfaToken();
120
119
  const isCookieAuthEnabled = projectSettings && isCookieEnabled.isCookieEnabled();
121
120
  const svmGasSponsorshipEnabled = (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
@@ -135,7 +134,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
135
134
  authMode: isCookieAuthEnabled ? 'cookie' : 'header',
136
135
  environmentId,
137
136
  getMfaToken,
138
- getSignedSessionId,
137
+ getSignedSessionId: generateChainingSignature.generateChainingSignature,
139
138
  getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
140
139
  relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
141
140
  walletConnector: walletOption.walletConnector,
@@ -26,6 +26,7 @@ import '../../../client/client.js';
26
26
  import '@dynamic-labs-sdk/client';
27
27
  import '../../../config/ApiEndpoint.js';
28
28
  import { isCookieEnabled } from '../../../client/extension/functions/isCookieEnabled/isCookieEnabled.js';
29
+ import { generateChainingSignature } from '../../../client/extension/functions/generateChainingSignature/generateChainingSignature.js';
29
30
  import '@dynamic-labs/locale';
30
31
  import { useApiBaseUrl } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
31
32
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -105,13 +106,11 @@ import { useGetMfaToken } from '../useGetMfaToken/useGetMfaToken.js';
105
106
  import '../../../store/state/tokenBalances.js';
106
107
  import '../../../store/state/multichainBalances.js';
107
108
  import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
108
- import { useClientSessionKeys } from '../useClientSessionKeys/useClientSessionKeys.js';
109
109
 
110
110
  const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
111
111
  var _a, _b, _c;
112
112
  const apiBaseUrl = useApiBaseUrl();
113
113
  const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
114
- const { getSignedSessionId } = useClientSessionKeys();
115
114
  const getMfaToken = useGetMfaToken();
116
115
  const isCookieAuthEnabled = projectSettings && isCookieEnabled();
117
116
  const svmGasSponsorshipEnabled = (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
@@ -131,7 +130,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
131
130
  authMode: isCookieAuthEnabled ? 'cookie' : 'header',
132
131
  environmentId,
133
132
  getMfaToken,
134
- getSignedSessionId,
133
+ getSignedSessionId: generateChainingSignature,
135
134
  getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
136
135
  relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
137
136
  walletConnector: walletOption.walletConnector,
@@ -6,34 +6,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var _tslib = require('../../../../../_virtual/_tslib.cjs');
7
7
  var React = require('react');
8
8
  var client = require('@dynamic-labs-sdk/client');
9
- require('@dynamic-labs/sdk-api-core');
10
- require('../../constants/values.cjs');
11
- require('@dynamic-labs/utils');
12
- require('@dynamic-labs/multi-wallet');
13
- require('../../../shared/logger.cjs');
14
- require('react-international-phone');
15
- require('../../constants/colors.cjs');
9
+ require('../../../context/DynamicContext/DynamicContext.cjs');
10
+ require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
16
11
  require('@dynamic-labs/iconic');
17
12
  require('@dynamic-labs/wallet-connector-core');
18
13
  require('react/jsx-runtime');
19
14
  require('../../../context/ViewContext/ViewContext.cjs');
15
+ require('../../../shared/logger.cjs');
20
16
  require('@dynamic-labs/wallet-book');
17
+ require('@dynamic-labs/utils');
18
+ require('../../constants/colors.cjs');
19
+ require('../../constants/values.cjs');
20
+ require('@dynamic-labs/sdk-api-core');
21
21
  require('../../../shared/consts/index.cjs');
22
+ require('../../../events/dynamicEvents.cjs');
23
+ require('../../../context/CaptchaContext/CaptchaContext.cjs');
24
+ require('../../../context/ErrorContext/ErrorContext.cjs');
25
+ require('@dynamic-labs/multi-wallet');
26
+ require('react-international-phone');
22
27
  require('../../../store/state/nonce/nonce.cjs');
23
28
  require('@dynamic-labs-sdk/client/core');
24
29
  require('../../../client/client.cjs');
25
30
  require('../../../config/ApiEndpoint.cjs');
26
- require('../../../events/dynamicEvents.cjs');
31
+ var generateSessionKeys = require('../../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
27
32
  require('@dynamic-labs/locale');
28
33
  require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
29
34
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
30
35
  require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
31
- var getClientSessionKeys = require('../../functions/clientSessionKeys/getClientSessionKeys.cjs');
32
36
  require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
33
- require('../../../context/DynamicContext/DynamicContext.cjs');
34
- require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
35
- require('../../../context/CaptchaContext/CaptchaContext.cjs');
36
- require('../../../context/ErrorContext/ErrorContext.cjs');
37
37
  require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
38
38
  require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
39
39
  require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -130,7 +130,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
130
130
  const useSignInWithPasskey = ({ relatedOriginRpId, } = {}) => {
131
131
  const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
132
132
  return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
133
- yield getClientSessionKeys.generateClientSessionKeys();
133
+ yield generateSessionKeys.generateSessionKeys();
134
134
  const response = yield client.signInWithPasskey({ relatedOriginRpId });
135
135
  setCallback('authSuccess');
136
136
  return response;
@@ -2,34 +2,34 @@
2
2
  import { __awaiter } from '../../../../../_virtual/_tslib.js';
3
3
  import { useCallback } from 'react';
4
4
  import { signInWithPasskey } from '@dynamic-labs-sdk/client';
5
- import '@dynamic-labs/sdk-api-core';
6
- import '../../constants/values.js';
7
- import '@dynamic-labs/utils';
8
- import '@dynamic-labs/multi-wallet';
9
- import '../../../shared/logger.js';
10
- import 'react-international-phone';
11
- import '../../constants/colors.js';
5
+ import '../../../context/DynamicContext/DynamicContext.js';
6
+ import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
12
7
  import '@dynamic-labs/iconic';
13
8
  import '@dynamic-labs/wallet-connector-core';
14
9
  import 'react/jsx-runtime';
15
10
  import '../../../context/ViewContext/ViewContext.js';
11
+ import '../../../shared/logger.js';
16
12
  import '@dynamic-labs/wallet-book';
13
+ import '@dynamic-labs/utils';
14
+ import '../../constants/colors.js';
15
+ import '../../constants/values.js';
16
+ import '@dynamic-labs/sdk-api-core';
17
17
  import '../../../shared/consts/index.js';
18
+ import '../../../events/dynamicEvents.js';
19
+ import '../../../context/CaptchaContext/CaptchaContext.js';
20
+ import '../../../context/ErrorContext/ErrorContext.js';
21
+ import '@dynamic-labs/multi-wallet';
22
+ import 'react-international-phone';
18
23
  import '../../../store/state/nonce/nonce.js';
19
24
  import '@dynamic-labs-sdk/client/core';
20
25
  import '../../../client/client.js';
21
26
  import '../../../config/ApiEndpoint.js';
22
- import '../../../events/dynamicEvents.js';
27
+ import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
23
28
  import '@dynamic-labs/locale';
24
29
  import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
25
30
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
26
31
  import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
27
- import { generateClientSessionKeys } from '../../functions/clientSessionKeys/getClientSessionKeys.js';
28
32
  import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
29
- import '../../../context/DynamicContext/DynamicContext.js';
30
- import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
31
- import '../../../context/CaptchaContext/CaptchaContext.js';
32
- import '../../../context/ErrorContext/ErrorContext.js';
33
33
  import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
34
34
  import '../../../context/AccountExistsContext/AccountExistsContext.js';
35
35
  import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -126,7 +126,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
126
126
  const useSignInWithPasskey = ({ relatedOriginRpId, } = {}) => {
127
127
  const { setCallback } = useInternalDynamicContext();
128
128
  return useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
129
- yield generateClientSessionKeys();
129
+ yield generateSessionKeys();
130
130
  const response = yield signInWithPasskey({ relatedOriginRpId });
131
131
  setCallback('authSuccess');
132
132
  return response;
@@ -35,12 +35,12 @@ var randomString = require('../../functions/randomString/randomString.cjs');
35
35
  require('@dynamic-labs-sdk/client/core');
36
36
  require('@dynamic-labs-sdk/client');
37
37
  require('../../../config/ApiEndpoint.cjs');
38
+ var generateSessionKeys = require('../../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
38
39
  var oauth = require('../../../data/api/oauth/oauth.cjs');
39
40
  require('@dynamic-labs/locale');
40
41
  require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
41
42
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
42
43
  require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
43
- var getClientSessionKeys = require('../../functions/clientSessionKeys/getClientSessionKeys.cjs');
44
44
  require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
45
45
  require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
46
46
  require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -229,8 +229,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
229
229
  sessionPublicKey,
230
230
  }));
231
231
  }
232
+ yield generateSessionKeys.generateSessionKeys();
232
233
  if (authMode === 'signin') {
233
- yield getClientSessionKeys.generateClientSessionKeys();
234
234
  if (provider === sdkApiCore.ProviderEnum.Telegram && telegramAuthToken) {
235
235
  const apiCall = () => oauth.telegramSignIn(environmentId, {
236
236
  captchaToken,
@@ -346,7 +346,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
346
346
  const keypair = yield generateSessionKey();
347
347
  sessionPublicKey = keypair.publicKey;
348
348
  }
349
- yield getClientSessionKeys.generateClientSessionKeys();
349
+ yield generateSessionKeys.generateSessionKeys();
350
350
  const apiCall = () => oauth.farcasterSignIn(environmentId, {
351
351
  address,
352
352
  captchaToken,
@@ -31,12 +31,12 @@ import { randomString } from '../../functions/randomString/randomString.js';
31
31
  import '@dynamic-labs-sdk/client/core';
32
32
  import '@dynamic-labs-sdk/client';
33
33
  import '../../../config/ApiEndpoint.js';
34
+ import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
34
35
  import { telegramSignIn, signInOAuth, telegramVerify, verifyOAuth, getOAuthResult, initAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
35
36
  import '@dynamic-labs/locale';
36
37
  import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
37
38
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
38
39
  import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
39
- import { generateClientSessionKeys } from '../../functions/clientSessionKeys/getClientSessionKeys.js';
40
40
  import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
41
41
  import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
42
42
  import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -225,8 +225,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
225
225
  sessionPublicKey,
226
226
  }));
227
227
  }
228
+ yield generateSessionKeys();
228
229
  if (authMode === 'signin') {
229
- yield generateClientSessionKeys();
230
230
  if (provider === ProviderEnum.Telegram && telegramAuthToken) {
231
231
  const apiCall = () => telegramSignIn(environmentId, {
232
232
  captchaToken,
@@ -342,7 +342,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
342
342
  const keypair = yield generateSessionKey();
343
343
  sessionPublicKey = keypair.publicKey;
344
344
  }
345
- yield generateClientSessionKeys();
345
+ yield generateSessionKeys();
346
346
  const apiCall = () => farcasterSignIn(environmentId, {
347
347
  address,
348
348
  captchaToken,
@@ -32,7 +32,6 @@ var updatePrimaryWalletId = require('../../functions/updatePrimaryWalletId/updat
32
32
  var connectedWalletsInfo = require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
33
33
  require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
34
34
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
35
- var getClientSessionKeys = require('../../functions/clientSessionKeys/getClientSessionKeys.cjs');
36
35
  require('@dynamic-labs-sdk/client');
37
36
  require('@dynamic-labs-sdk/client/core');
38
37
  require('../../../client/client.cjs');
@@ -151,7 +150,6 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
151
150
  const keypair = yield generateSessionKey();
152
151
  verifyArgs.sessionPublicKey = keypair.publicKey;
153
152
  }
154
- yield getClientSessionKeys.generateClientSessionKeys();
155
153
  let verifyResponse;
156
154
  if (!user) {
157
155
  verifyResponse = wallets.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
@@ -28,7 +28,6 @@ import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/upd
28
28
  import { resetConnectedWalletsInfo } from '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
29
29
  import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
30
30
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
31
- import { generateClientSessionKeys } from '../../functions/clientSessionKeys/getClientSessionKeys.js';
32
31
  import '@dynamic-labs-sdk/client';
33
32
  import '@dynamic-labs-sdk/client/core';
34
33
  import '../../../client/client.js';
@@ -147,7 +146,6 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
147
146
  const keypair = yield generateSessionKey();
148
147
  verifyArgs.sessionPublicKey = keypair.publicKey;
149
148
  }
150
- yield generateClientSessionKeys();
151
149
  let verifyResponse;
152
150
  if (!user) {
153
151
  verifyResponse = verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
@@ -33,13 +33,13 @@ var updatePrimaryWalletId = require('../../utils/functions/updatePrimaryWalletId
33
33
  require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
34
34
  require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
35
35
  require('../../store/state/primaryWalletId/primaryWalletId.cjs');
36
- var getClientSessionKeys = require('../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
37
36
  var email = require('../../data/api/email/email.cjs');
38
37
  require('@dynamic-labs/locale');
39
38
  require('../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
40
39
  var dynamicEvents = require('../../events/dynamicEvents.cjs');
41
40
  var storeTokenAndUser = require('../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
42
41
  var convertSdkUserToUserProfile = require('../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.cjs');
42
+ var generateSessionKeys = require('../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
43
43
  require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
44
44
  var classNames = require('../../utils/functions/classNames/classNames.cjs');
45
45
  require('../../components/Alert/Alert.cjs');
@@ -287,7 +287,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
287
287
  const keypair = yield generateSessionKey();
288
288
  sessionPublicKey = keypair.publicKey;
289
289
  }
290
- yield getClientSessionKeys.generateClientSessionKeys();
290
+ yield generateSessionKeys.generateSessionKeys();
291
291
  return email.signInWithEmailVerification({
292
292
  environmentId,
293
293
  sessionPublicKey,
@@ -29,13 +29,13 @@ import { updatePrimaryWalletId } from '../../utils/functions/updatePrimaryWallet
29
29
  import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
30
30
  import '../../store/state/dynamicContextProps/dynamicContextProps.js';
31
31
  import '../../store/state/primaryWalletId/primaryWalletId.js';
32
- import { generateClientSessionKeys } from '../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
33
32
  import { signInWithEmailVerification, retryEmailVerification } from '../../data/api/email/email.js';
34
33
  import '@dynamic-labs/locale';
35
34
  import '../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
36
35
  import { dynamicEvents } from '../../events/dynamicEvents.js';
37
36
  import { storeTokenAndUser } from '../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
38
37
  import { convertSdkUserToUserProfile } from '../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.js';
38
+ import { generateSessionKeys } from '../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
39
39
  import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
40
40
  import { classNames } from '../../utils/functions/classNames/classNames.js';
41
41
  import '../../components/Alert/Alert.js';
@@ -283,7 +283,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
283
283
  const keypair = yield generateSessionKey();
284
284
  sessionPublicKey = keypair.publicKey;
285
285
  }
286
- yield generateClientSessionKeys();
286
+ yield generateSessionKeys();
287
287
  return signInWithEmailVerification({
288
288
  environmentId,
289
289
  sessionPublicKey,
@@ -28,11 +28,11 @@ require('@dynamic-labs-sdk/client/core');
28
28
  require('../../../client/client.cjs');
29
29
  require('@dynamic-labs-sdk/client');
30
30
  require('../../../config/ApiEndpoint.cjs');
31
+ var generateSessionKeys = require('../../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
31
32
  var sms = require('../../../data/api/sms/sms.cjs');
32
33
  require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
33
34
  require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
34
35
  require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
35
- var getClientSessionKeys = require('../../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
36
36
  require('../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
37
37
  require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
38
38
  require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -192,7 +192,7 @@ const useSmsVerification = (type) => {
192
192
  const keypair = yield generateSessionKey();
193
193
  sessionPublicKey = keypair.publicKey;
194
194
  }
195
- yield getClientSessionKeys.generateClientSessionKeys();
195
+ yield generateSessionKeys.generateSessionKeys();
196
196
  return sms.signInWithSmsVerification({
197
197
  environmentId,
198
198
  sessionPublicKey,
@@ -24,11 +24,11 @@ import '@dynamic-labs-sdk/client/core';
24
24
  import '../../../client/client.js';
25
25
  import '@dynamic-labs-sdk/client';
26
26
  import '../../../config/ApiEndpoint.js';
27
+ import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
27
28
  import { signInWithSmsVerification, retrySmsVerification } from '../../../data/api/sms/sms.js';
28
29
  import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
29
30
  import '../../../store/state/primaryWalletId/primaryWalletId.js';
30
31
  import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
31
- import { generateClientSessionKeys } from '../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
32
32
  import '../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
33
33
  import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
34
34
  import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -188,7 +188,7 @@ const useSmsVerification = (type) => {
188
188
  const keypair = yield generateSessionKey();
189
189
  sessionPublicKey = keypair.publicKey;
190
190
  }
191
- yield generateClientSessionKeys();
191
+ yield generateSessionKeys();
192
192
  return signInWithSmsVerification({
193
193
  environmentId,
194
194
  sessionPublicKey,
@@ -6,18 +6,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var React = require('react');
8
8
  var reactI18next = require('react-i18next');
9
+ var client = require('@dynamic-labs-sdk/client');
9
10
  var Typography = require('../../../../../components/Typography/Typography.cjs');
10
11
  var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
11
12
  var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
12
13
  var monitorAndDevice = require('../../../../../shared/assets/monitor-and-device.cjs');
13
14
  require('@dynamic-labs/iconic');
14
15
  require('../../../../../context/ViewContext/ViewContext.cjs');
16
+ var usePromise = require('../../../../../utils/hooks/usePromise/usePromise.cjs');
15
17
  var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
16
18
 
17
19
  const TrustedDevicesSection = () => {
18
20
  const { t } = reactI18next.useTranslation();
19
21
  const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
22
+ const { data: devices, isLoading } = usePromise.usePromise(() => client.getRegisteredDevices(), { initialData: [] });
20
23
  const handleClick = React.useCallback(() => setDynamicWidgetView('manage-trusted-devices'), [setDynamicWidgetView]);
24
+ if (isLoading || devices.length === 0) {
25
+ return null;
26
+ }
21
27
  return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_device_management.trusted_devices_section_title', color: 'secondary', weight: 'medium', children: t('dyn_device_management.trusted_devices_section_title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-trusted-devices-button', onClick: handleClick, buttonClassName: 'settings-view__body__section__button', startSlot:
22
28
  // eslint-disable-next-line react/jsx-wrap-multilines
23
29
  jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(monitorAndDevice.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_device_management.manage_trusted_devices_button', children: t('dyn_device_management.manage_trusted_devices_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }));
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const TrustedDevicesSection: () => JSX.Element;
2
+ export declare const TrustedDevicesSection: () => JSX.Element | null;
@@ -2,18 +2,24 @@
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useCallback } from 'react';
4
4
  import { useTranslation } from 'react-i18next';
5
+ import { getRegisteredDevices } from '@dynamic-labs-sdk/client';
5
6
  import { Typography } from '../../../../../components/Typography/Typography.js';
6
7
  import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
7
8
  import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
8
9
  import { ReactComponent as SvgMonitorAndDevice } from '../../../../../shared/assets/monitor-and-device.js';
9
10
  import '@dynamic-labs/iconic';
10
11
  import '../../../../../context/ViewContext/ViewContext.js';
12
+ import { usePromise } from '../../../../../utils/hooks/usePromise/usePromise.js';
11
13
  import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
12
14
 
13
15
  const TrustedDevicesSection = () => {
14
16
  const { t } = useTranslation();
15
17
  const { setDynamicWidgetView } = useWidgetContext();
18
+ const { data: devices, isLoading } = usePromise(() => getRegisteredDevices(), { initialData: [] });
16
19
  const handleClick = useCallback(() => setDynamicWidgetView('manage-trusted-devices'), [setDynamicWidgetView]);
20
+ if (isLoading || devices.length === 0) {
21
+ return null;
22
+ }
17
23
  return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_device_management.trusted_devices_section_title', color: 'secondary', weight: 'medium', children: t('dyn_device_management.trusted_devices_section_title') }) }), jsx(TypographyButton, { dataTestId: 'manage-trusted-devices-button', onClick: handleClick, buttonClassName: 'settings-view__body__section__button', startSlot:
18
24
  // eslint-disable-next-line react/jsx-wrap-multilines
19
25
  jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgMonitorAndDevice, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_device_management.manage_trusted_devices_button', children: t('dyn_device_management.manage_trusted_devices_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }));
@@ -1,31 +0,0 @@
1
- 'use client'
2
- 'use strict';
3
-
4
- function styleInject(css, ref) {
5
- if ( ref === void 0 ) ref = {};
6
- var insertAt = ref.insertAt;
7
-
8
- if (!css || typeof document === 'undefined') { return; }
9
-
10
- var head = document.head || document.getElementsByTagName('head')[0];
11
- var style = document.createElement('style');
12
- style.type = 'text/css';
13
-
14
- if (insertAt === 'top') {
15
- if (head.firstChild) {
16
- head.insertBefore(style, head.firstChild);
17
- } else {
18
- head.appendChild(style);
19
- }
20
- } else {
21
- head.appendChild(style);
22
- }
23
-
24
- if (style.styleSheet) {
25
- style.styleSheet.cssText = css;
26
- } else {
27
- style.appendChild(document.createTextNode(css));
28
- }
29
- }
30
-
31
- module.exports = styleInject;