@dynamic-labs/sdk-react-core 4.29.4 → 4.29.5

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 (120) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.cjs +3 -3
  3. package/package.js +3 -3
  4. package/package.json +13 -13
  5. package/src/index.cjs +10 -2
  6. package/src/index.d.ts +2 -2
  7. package/src/index.js +4 -2
  8. package/src/lib/client/extension/deprecated/mfa/verifyTotpMfaDevice/verifyTotpMfaDevice.d.ts +1 -1
  9. package/src/lib/components/EmbeddedWalletExport/EmbeddedWalletExport.cjs +83 -0
  10. package/src/lib/components/EmbeddedWalletExport/EmbeddedWalletExport.d.ts +12 -0
  11. package/src/lib/components/EmbeddedWalletExport/EmbeddedWalletExport.js +79 -0
  12. package/src/lib/components/EmbeddedWalletExport/index.d.ts +2 -0
  13. package/src/lib/components/Input/Input.cjs +1 -1
  14. package/src/lib/components/Input/Input.js +1 -1
  15. package/src/lib/components/Textarea/Textarea.cjs +1 -1
  16. package/src/lib/components/Textarea/Textarea.js +1 -1
  17. package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs +3 -2
  18. package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js +3 -2
  19. package/src/lib/components/index.d.ts +1 -0
  20. package/src/lib/context/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.cjs +7 -7
  21. package/src/lib/context/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.js +7 -7
  22. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +7 -7
  23. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +7 -7
  24. package/src/lib/context/ViewContext/types/index.d.ts +1 -1
  25. package/src/lib/locale/en/translation.cjs +76 -0
  26. package/src/lib/locale/en/translation.d.ts +76 -0
  27. package/src/lib/locale/en/translation.js +76 -0
  28. package/src/lib/shared/assets/index.d.ts +1 -0
  29. package/src/lib/shared/assets/sparkles.cjs +54 -0
  30. package/src/lib/shared/assets/sparkles.js +30 -0
  31. package/src/lib/shared/assets/upgrade.cjs +93 -0
  32. package/src/lib/shared/assets/upgrade.js +69 -0
  33. package/src/lib/styles/index.shadow.cjs +1 -1
  34. package/src/lib/styles/index.shadow.js +1 -1
  35. package/src/lib/utils/constants/authViewLayoutChecks.cjs +4 -0
  36. package/src/lib/utils/constants/authViewLayoutChecks.js +4 -0
  37. package/src/lib/utils/functions/exportWalletCredential/exportWalletCredential.cjs +57 -0
  38. package/src/lib/utils/functions/exportWalletCredential/exportWalletCredential.d.ts +13 -0
  39. package/src/lib/utils/functions/exportWalletCredential/exportWalletCredential.js +53 -0
  40. package/src/lib/utils/functions/exportWalletCredential/index.d.ts +2 -0
  41. package/src/lib/utils/functions/findPrimaryWalletVCForUser/findPrimaryWalletVCForUser.cjs +57 -0
  42. package/src/lib/utils/functions/findPrimaryWalletVCForUser/findPrimaryWalletVCForUser.d.ts +11 -0
  43. package/src/lib/utils/functions/findPrimaryWalletVCForUser/findPrimaryWalletVCForUser.js +53 -0
  44. package/src/lib/utils/functions/findPrimaryWalletVCForUser/index.d.ts +1 -0
  45. package/src/lib/utils/functions/index.d.ts +1 -0
  46. package/src/lib/utils/hooks/index.d.ts +2 -0
  47. package/src/lib/utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs +3 -3
  48. package/src/lib/utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js +3 -3
  49. package/src/lib/utils/hooks/useDeletePasskey/index.d.ts +1 -0
  50. package/src/lib/utils/hooks/useDeletePasskey/useDeletePasskey.cjs +33 -0
  51. package/src/lib/utils/hooks/useDeletePasskey/useDeletePasskey.d.ts +22 -0
  52. package/src/lib/utils/hooks/useDeletePasskey/useDeletePasskey.js +29 -0
  53. package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.cjs +23 -23
  54. package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.d.ts +5 -4
  55. package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.js +24 -24
  56. package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs +25 -36
  57. package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js +26 -37
  58. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.cjs +2 -2
  59. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.js +2 -2
  60. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.cjs +4 -4
  61. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js +4 -4
  62. package/src/lib/utils/hooks/useGetMfaToken/useGetMfaToken.cjs +39 -19
  63. package/src/lib/utils/hooks/useGetMfaToken/useGetMfaToken.js +39 -19
  64. package/src/lib/utils/hooks/useRefreshUser/useRefreshUser.cjs +11 -5
  65. package/src/lib/utils/hooks/useRefreshUser/useRefreshUser.js +11 -5
  66. package/src/lib/utils/hooks/useRefreshUserState/useRefreshUserState.cjs +2 -2
  67. package/src/lib/utils/hooks/useRefreshUserState/useRefreshUserState.js +2 -2
  68. package/src/lib/utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.cjs +1 -1
  69. package/src/lib/utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js +1 -1
  70. package/src/lib/utils/hooks/useSmartWallets/useSmartWallets.cjs +1 -1
  71. package/src/lib/utils/hooks/useSmartWallets/useSmartWallets.js +1 -1
  72. package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.cjs +1 -1
  73. package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.js +1 -1
  74. package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.cjs +5 -4
  75. package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.js +5 -4
  76. package/src/lib/utils/hooks/useTransferWallet/useTransferWallet.cjs +3 -3
  77. package/src/lib/utils/hooks/useTransferWallet/useTransferWallet.js +3 -3
  78. package/src/lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.cjs +3 -3
  79. package/src/lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.js +3 -3
  80. package/src/lib/utils/hooks/useUpgradeToDynamicWaasFlow/index.d.ts +1 -0
  81. package/src/lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.cjs +124 -0
  82. package/src/lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.d.ts +7 -0
  83. package/src/lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.js +120 -0
  84. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +3 -3
  85. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +3 -3
  86. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +6 -0
  87. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +6 -0
  88. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +6 -0
  89. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +6 -0
  90. package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.cjs +44 -31
  91. package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.d.ts +1 -1
  92. package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.js +44 -31
  93. package/src/lib/views/AccountUpgradedView/AccountUpgradedView.cjs +124 -0
  94. package/src/lib/views/AccountUpgradedView/AccountUpgradedView.d.ts +2 -0
  95. package/src/lib/views/AccountUpgradedView/AccountUpgradedView.js +120 -0
  96. package/src/lib/views/AccountUpgradedView/index.d.ts +1 -0
  97. package/src/lib/views/EmailVerification/EmailVerification.cjs +3 -3
  98. package/src/lib/views/EmailVerification/EmailVerification.js +3 -3
  99. package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs +17 -139
  100. package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js +20 -142
  101. package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs +15 -0
  102. package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.d.ts +2 -0
  103. package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js +14 -1
  104. package/src/lib/views/WaasUpgradeView/WaasUpgradeView.cjs +159 -0
  105. package/src/lib/views/WaasUpgradeView/WaasUpgradeView.d.ts +5 -0
  106. package/src/lib/views/WaasUpgradeView/WaasUpgradeView.js +155 -0
  107. package/src/lib/views/WaasUpgradeView/index.d.ts +2 -0
  108. package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.cjs +203 -0
  109. package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.d.ts +9 -0
  110. package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.js +199 -0
  111. package/src/lib/views/WalletUpgradeFlowView/index.d.ts +1 -0
  112. package/src/lib/views/viewToComponentMap.cjs +6 -0
  113. package/src/lib/views/viewToComponentMap.d.ts +3 -0
  114. package/src/lib/views/viewToComponentMap.js +6 -0
  115. package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.cjs +3 -3
  116. package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.js +3 -3
  117. package/src/lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs +12 -1
  118. package/src/lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js +12 -1
  119. package/src/lib/widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs +10 -1
  120. package/src/lib/widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js +10 -1
package/CHANGELOG.md CHANGED
@@ -1,4 +1,20 @@
1
1
 
2
+ ### [4.29.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.29.4...v4.29.5) (2025-08-29)
3
+
4
+
5
+ ### Features
6
+
7
+ * add error component to connector when transaction fails ([#9418](https://github.com/dynamic-labs/dynamic-auth/issues/9418)) ([eba2ac4](https://github.com/dynamic-labs/dynamic-auth/commit/eba2ac4c5cc5d780da9eaf1505c27f5ea42770d7))
8
+ * export ChainEnum from sdk-react-core for better developer experience ([#9396](https://github.com/dynamic-labs/dynamic-auth/issues/9396)) ([f0f745a](https://github.com/dynamic-labs/dynamic-auth/commit/f0f745a6528be63b4a2ec9e6ef6fc775c42e2f3e))
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * create new kernel clients when the signer changes ([#9422](https://github.com/dynamic-labs/dynamic-auth/issues/9422)) ([e2b1c82](https://github.com/dynamic-labs/dynamic-auth/commit/e2b1c823de4c3a847dc3d2c5b64a50522b9e777a))
14
+ * ensure waas wallet is correct when signing in react native ([#9423](https://github.com/dynamic-labs/dynamic-auth/issues/9423)) ([8dc35aa](https://github.com/dynamic-labs/dynamic-auth/commit/8dc35aac99d7ea5c01085a925ffaaaa154aa09fe))
15
+ * remove default chainName from useTokenBalances hook ([#9407](https://github.com/dynamic-labs/dynamic-auth/issues/9407)) ([dfd95de](https://github.com/dynamic-labs/dynamic-auth/commit/dfd95de44b0e83dd5fba2b1110cbf2e04a622690))
16
+ * upgrade smart accounts to MPC ([#9348](https://github.com/dynamic-labs/dynamic-auth/issues/9348)) ([3c33443](https://github.com/dynamic-labs/dynamic-auth/commit/3c33443f3dd97bf657eba80a555f6df11253867b))
17
+
2
18
  ### [4.29.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.29.3...v4.29.4) (2025-08-26)
3
19
 
4
20
  ### [4.29.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.29.2...v4.29.3) (2025-08-26)
package/package.cjs CHANGED
@@ -3,10 +3,10 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var version = "4.29.4";
6
+ var version = "4.29.5";
7
7
  var dependencies = {
8
- "@dynamic-labs/sdk-api-core": "0.0.758",
9
- "@dynamic-labs-sdk/client": "0.0.1-alpha.24",
8
+ "@dynamic-labs/sdk-api-core": "0.0.762",
9
+ "@dynamic-labs-sdk/client": "0.0.1-alpha.25",
10
10
  "@hcaptcha/react-hcaptcha": "1.4.4",
11
11
  "@thumbmarkjs/thumbmarkjs": "0.16.0",
12
12
  "country-list": "2.3.0",
package/package.js CHANGED
@@ -1,8 +1,8 @@
1
1
  'use client'
2
- var version = "4.29.4";
2
+ var version = "4.29.5";
3
3
  var dependencies = {
4
- "@dynamic-labs/sdk-api-core": "0.0.758",
5
- "@dynamic-labs-sdk/client": "0.0.1-alpha.24",
4
+ "@dynamic-labs/sdk-api-core": "0.0.762",
5
+ "@dynamic-labs-sdk/client": "0.0.1-alpha.25",
6
6
  "@hcaptcha/react-hcaptcha": "1.4.4",
7
7
  "@thumbmarkjs/thumbmarkjs": "0.16.0",
8
8
  "country-list": "2.3.0",
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@dynamic-labs/sdk-react-core",
3
- "version": "4.29.4",
3
+ "version": "4.29.5",
4
4
  "dependencies": {
5
- "@dynamic-labs/sdk-api-core": "0.0.758",
6
- "@dynamic-labs-sdk/client": "0.0.1-alpha.24",
5
+ "@dynamic-labs/sdk-api-core": "0.0.762",
6
+ "@dynamic-labs-sdk/client": "0.0.1-alpha.25",
7
7
  "@hcaptcha/react-hcaptcha": "1.4.4",
8
8
  "@thumbmarkjs/thumbmarkjs": "0.16.0",
9
9
  "country-list": "2.3.0",
@@ -15,16 +15,16 @@
15
15
  "yup": "0.32.11",
16
16
  "react-international-phone": "4.5.0",
17
17
  "bs58": "5.0.0",
18
- "@dynamic-labs/assert-package-version": "4.29.4",
19
- "@dynamic-labs/iconic": "4.29.4",
20
- "@dynamic-labs/logger": "4.29.4",
21
- "@dynamic-labs/multi-wallet": "4.29.4",
22
- "@dynamic-labs/rpc-providers": "4.29.4",
23
- "@dynamic-labs/store": "4.29.4",
24
- "@dynamic-labs/types": "4.29.4",
25
- "@dynamic-labs/utils": "4.29.4",
26
- "@dynamic-labs/wallet-book": "4.29.4",
27
- "@dynamic-labs/wallet-connector-core": "4.29.4",
18
+ "@dynamic-labs/assert-package-version": "4.29.5",
19
+ "@dynamic-labs/iconic": "4.29.5",
20
+ "@dynamic-labs/logger": "4.29.5",
21
+ "@dynamic-labs/multi-wallet": "4.29.5",
22
+ "@dynamic-labs/rpc-providers": "4.29.5",
23
+ "@dynamic-labs/store": "4.29.5",
24
+ "@dynamic-labs/types": "4.29.5",
25
+ "@dynamic-labs/utils": "4.29.5",
26
+ "@dynamic-labs/wallet-book": "4.29.5",
27
+ "@dynamic-labs/wallet-connector-core": "4.29.5",
28
28
  "eventemitter3": "5.0.1"
29
29
  },
30
30
  "devDependencies": {
package/src/index.cjs CHANGED
@@ -152,6 +152,7 @@ var NetworkNotSupportedSwitchManual = require('./lib/views/NetworkNotSupportedSw
152
152
  var viewToComponentMap = require('./lib/views/viewToComponentMap.cjs');
153
153
  require('./lib/store/state/connectorsInitializing/connectorsInitializing.cjs');
154
154
  var useDynamicWaas = require('./lib/utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
155
+ var useGetUserMfaMethods = require('./lib/utils/hooks/useGetUserMfaMethods/useGetUserMfaMethods.cjs');
155
156
  var useDynamicModals = require('./lib/utils/hooks/useDynamicModals/useDynamicModals.cjs');
156
157
  var useMfa = require('./lib/utils/hooks/useMfa/useMfa.cjs');
157
158
  var useTokenBalances = require('./lib/utils/hooks/useTokenBalances/useTokenBalances.cjs');
@@ -167,11 +168,12 @@ var useUpgradeEmbeddedWallet = require('./lib/utils/hooks/useUpgradeEmbeddedWall
167
168
  var useDeleteUserAccount = require('./lib/utils/hooks/useDeleteUserAccount/useDeleteUserAccount.cjs');
168
169
  var usePayWithDynamic = require('./lib/utils/hooks/usePayWithDynamic/usePayWithDynamic.cjs');
169
170
  var useGetPasskeys = require('./lib/utils/hooks/useGetPasskeys/useGetPasskeys.cjs');
171
+ var useDeletePasskey = require('./lib/utils/hooks/useDeletePasskey/useDeletePasskey.cjs');
170
172
  var useRegisterPasskey = require('./lib/utils/hooks/useRegisterPasskey/useRegisterPasskey.cjs');
171
173
  var useAuthenticatePasskeyMFA = require('./lib/utils/hooks/useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.cjs');
172
174
  var useSignInWithPasskey = require('./lib/utils/hooks/useSignInWithPasskey/useSignInWithPasskey.cjs');
173
- var useGetUserMfaMethods = require('./lib/utils/hooks/useGetUserMfaMethods/useGetUserMfaMethods.cjs');
174
175
  var usePromptMfaAuth = require('./lib/utils/hooks/usePromptMfaAuth/usePromptMfaAuth.cjs');
176
+ var useUpgradeToDynamicWaasFlow = require('./lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.cjs');
175
177
  var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
176
178
  require('./lib/components/InlineWidget/InlineWidget.cjs');
177
179
  var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -232,6 +234,10 @@ exports.LogoutIcon = logout.ReactComponent;
232
234
  exports.PencilIcon = pencil.ReactComponent;
233
235
  exports.SpinnerIcon = spinner.ReactComponent;
234
236
  exports.ArrowIcon = stroke.ReactComponent;
237
+ Object.defineProperty(exports, 'ChainEnum', {
238
+ enumerable: true,
239
+ get: function () { return sdkApiCore.ChainEnum; }
240
+ });
235
241
  Object.defineProperty(exports, 'DynamicJwtFromJSON', {
236
242
  enumerable: true,
237
243
  get: function () { return sdkApiCore.DynamicJwtFromJSON; }
@@ -289,6 +295,7 @@ exports.FarcasterConnectView = FarcasterConnectView.FarcasterConnectView;
289
295
  exports.NetworkNotSupportedSwitchManual = NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual;
290
296
  exports.viewToComponentMap = viewToComponentMap.viewToComponentMap;
291
297
  exports.useDynamicWaas = useDynamicWaas.useDynamicWaas;
298
+ exports.useGetUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods;
292
299
  exports.useDynamicModals = useDynamicModals.useDynamicModals;
293
300
  exports.useMfa = useMfa.useMfa;
294
301
  exports.useTokenBalances = useTokenBalances.useTokenBalances;
@@ -307,11 +314,12 @@ exports.useUpgradeEmbeddedWallet = useUpgradeEmbeddedWallet.useUpgradeEmbeddedWa
307
314
  exports.useDeleteUserAccount = useDeleteUserAccount.useDeleteUserAccount;
308
315
  exports.usePayWithDynamic = usePayWithDynamic.usePayWithDynamic;
309
316
  exports.useGetPasskeys = useGetPasskeys.useGetPasskeys;
317
+ exports.useDeletePasskey = useDeletePasskey.useDeletePasskey;
310
318
  exports.useRegisterPasskey = useRegisterPasskey.useRegisterPasskey;
311
319
  exports.useAuthenticatePasskeyMFA = useAuthenticatePasskeyMFA.useAuthenticatePasskeyMFA;
312
320
  exports.useSignInWithPasskey = useSignInWithPasskey.useSignInWithPasskey;
313
- exports.useGetUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods;
314
321
  exports.usePromptMfaAuth = usePromptMfaAuth.usePromptMfaAuth;
322
+ exports.useUpgradeToDynamicWaasFlow = useUpgradeToDynamicWaasFlow.useUpgradeToDynamicWaasFlow;
315
323
  exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
316
324
  exports.IsBrowser = IsBrowser.IsBrowser;
317
325
  exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;
package/src/index.d.ts CHANGED
@@ -116,7 +116,7 @@ export { useProjectSettings } from './lib/store/state/projectSettings';
116
116
  export {
117
117
  /** @deprecated */
118
118
  DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
119
- export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, } from './lib/utils/hooks';
119
+ export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, } from './lib/utils/hooks';
120
120
  export {
121
121
  /** @deprecated use useOnramp instead */
122
122
  useFunding, } from './lib/utils/hooks/useFunding';
@@ -127,7 +127,7 @@ export { usePayWithDynamic, type PayWithDynamicProps, } from './lib/utils/hooks/
127
127
  export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
128
128
  export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
129
129
  export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
130
- export { type DynamicJwt, DynamicJwtFromJSON, } from '@dynamic-labs/sdk-api-core';
130
+ export { type DynamicJwt, DynamicJwtFromJSON, ChainEnum, } from '@dynamic-labs/sdk-api-core';
131
131
  export { useSendBalance } from './lib/context/SendBalanceContext';
132
132
  export type { LocaleResource } from './lib/locale';
133
133
  export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext';
package/src/index.js CHANGED
@@ -40,7 +40,7 @@ export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
40
40
  import '@dynamic-labs/iconic';
41
41
  import './lib/context/ViewContext/ViewContext.js';
42
42
  import '../_virtual/_tslib.js';
43
- export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api-core';
43
+ export { ChainEnum, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api-core';
44
44
  import './lib/shared/logger.js';
45
45
  export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js';
46
46
  export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
@@ -148,6 +148,7 @@ export { NetworkNotSupportedSwitchManual } from './lib/views/NetworkNotSupported
148
148
  export { viewToComponentMap } from './lib/views/viewToComponentMap.js';
149
149
  import './lib/store/state/connectorsInitializing/connectorsInitializing.js';
150
150
  export { useDynamicWaas } from './lib/utils/hooks/useDynamicWaas/useDynamicWaas.js';
151
+ export { useGetUserMfaMethods } from './lib/utils/hooks/useGetUserMfaMethods/useGetUserMfaMethods.js';
151
152
  export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicModals.js';
152
153
  export { useMfa } from './lib/utils/hooks/useMfa/useMfa.js';
153
154
  export { useTokenBalances } from './lib/utils/hooks/useTokenBalances/useTokenBalances.js';
@@ -163,11 +164,12 @@ export { useUpgradeEmbeddedWallet } from './lib/utils/hooks/useUpgradeEmbeddedWa
163
164
  export { useDeleteUserAccount } from './lib/utils/hooks/useDeleteUserAccount/useDeleteUserAccount.js';
164
165
  export { usePayWithDynamic } from './lib/utils/hooks/usePayWithDynamic/usePayWithDynamic.js';
165
166
  export { useGetPasskeys } from './lib/utils/hooks/useGetPasskeys/useGetPasskeys.js';
167
+ export { useDeletePasskey } from './lib/utils/hooks/useDeletePasskey/useDeletePasskey.js';
166
168
  export { useRegisterPasskey } from './lib/utils/hooks/useRegisterPasskey/useRegisterPasskey.js';
167
169
  export { useAuthenticatePasskeyMFA } from './lib/utils/hooks/useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.js';
168
170
  export { useSignInWithPasskey } from './lib/utils/hooks/useSignInWithPasskey/useSignInWithPasskey.js';
169
- export { useGetUserMfaMethods } from './lib/utils/hooks/useGetUserMfaMethods/useGetUserMfaMethods.js';
170
171
  export { usePromptMfaAuth } from './lib/utils/hooks/usePromptMfaAuth/usePromptMfaAuth.js';
172
+ export { useUpgradeToDynamicWaasFlow } from './lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.js';
171
173
  export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
172
174
  import './lib/components/InlineWidget/InlineWidget.js';
173
175
  export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
@@ -1,3 +1,3 @@
1
1
  export declare const verifyTotpMfaDevice: ({ code }: {
2
2
  code: string;
3
- }) => Promise<import("@dynamic-labs-sdk/client").MFADevice>;
3
+ }) => Promise<import("@dynamic-labs/sdk-api-core").MFADevice>;
@@ -0,0 +1,83 @@
1
+ 'use client'
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var _tslib = require('../../../../_virtual/_tslib.cjs');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+ var React = require('react');
9
+ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
10
+ var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
11
+ var constants = require('../../views/EmbeddedReveal/constants.cjs');
12
+ var turnkeyExport = require('../../views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs');
13
+
14
+ const EmbeddedWalletExport = ({ wallet, isTurnkeyWallet, isWaasWallet, data, onIframeContainerRef, onExportReady, isVisible = true, }) => {
15
+ const iframeContainerRef = React.useRef(null);
16
+ // Replace useEffect with ref callback
17
+ const setIframeContainerRef = (element) => {
18
+ iframeContainerRef.current = element;
19
+ if (element && onIframeContainerRef) {
20
+ onIframeContainerRef(element);
21
+ }
22
+ };
23
+ usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
24
+ var _a, _b, _c;
25
+ const iframeContainerElement = iframeContainerRef.current;
26
+ if (!iframeContainerElement ||
27
+ ((_a = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
28
+ return;
29
+ }
30
+ if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
31
+ yield ((_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.createOrRestoreSession());
32
+ }
33
+ if (walletConnectorCore.isTurnkeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
34
+ yield ((_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.getTurnkeyClient());
35
+ }
36
+ if (isTurnkeyWallet) {
37
+ yield turnkeyExport.initExport({
38
+ iframeContainer: iframeContainerElement,
39
+ iframeElementId: constants.iframeElementId,
40
+ wallet: wallet,
41
+ });
42
+ onExportReady === null || onExportReady === void 0 ? void 0 : onExportReady(true, wallet);
43
+ return;
44
+ }
45
+ return;
46
+ }), { deps: [wallet.address] });
47
+ const getCredentialContainerClassName = () => {
48
+ const baseClass = 'embedded-wallet-export__credential-container';
49
+ if (!data && !isVisible) {
50
+ return `${baseClass} ${baseClass}--hidden`;
51
+ }
52
+ if (isWaasWallet) {
53
+ return `${baseClass} ${baseClass}--waas`;
54
+ }
55
+ return baseClass;
56
+ };
57
+ const getIframeContainerClassName = () => {
58
+ const baseClass = 'embedded-wallet-export__iframe-container';
59
+ // Keep iframe hidden when component is not visible or data is not ready
60
+ if (!data) {
61
+ return `${baseClass} ${baseClass}--hidden`;
62
+ }
63
+ return baseClass;
64
+ };
65
+ const getSkeletonLines = () => {
66
+ const lineCount = 3;
67
+ const lines = [];
68
+ for (let i = 0; i < lineCount; i++) {
69
+ const isLastLine = i === lineCount - 1;
70
+ const className = isLastLine
71
+ ? 'embedded-wallet-export__skeleton-line embedded-wallet-export__skeleton-line--short'
72
+ : 'embedded-wallet-export__skeleton-line';
73
+ lines.push(jsxRuntime.jsx("div", { className: className, "data-testid": i === 0 ? 'private-key-skeleton' : undefined }, i));
74
+ }
75
+ return lines;
76
+ };
77
+ if (!isTurnkeyWallet && !isWaasWallet) {
78
+ return null;
79
+ }
80
+ return (jsxRuntime.jsxs("div", { className: getCredentialContainerClassName(), children: [jsxRuntime.jsx("div", { id: constants.iframeContainerId, className: getIframeContainerClassName(), ref: setIframeContainerRef }), !data && iframeContainerRef.current && (jsxRuntime.jsx("div", { className: 'embedded-wallet-export__skeleton-container', children: getSkeletonLines() }))] }));
81
+ };
82
+
83
+ exports.EmbeddedWalletExport = EmbeddedWalletExport;
@@ -0,0 +1,12 @@
1
+ import { FC } from 'react';
2
+ import { Wallet, WalletConnectorCore } from '@dynamic-labs/wallet-connector-core';
3
+ export interface EmbeddedWalletExportProps {
4
+ wallet: Wallet<WalletConnectorCore.WalletConnector>;
5
+ isTurnkeyWallet: boolean;
6
+ isWaasWallet: boolean;
7
+ data: boolean | undefined;
8
+ onIframeContainerRef?: (ref: HTMLDivElement | null) => void;
9
+ onExportReady?: (isReady: boolean, wallet: Wallet<WalletConnectorCore.WalletConnector>) => void;
10
+ isVisible?: boolean;
11
+ }
12
+ export declare const EmbeddedWalletExport: FC<EmbeddedWalletExportProps>;
@@ -0,0 +1,79 @@
1
+ 'use client'
2
+ import { __awaiter } from '../../../../_virtual/_tslib.js';
3
+ import { jsxs, jsx } from 'react/jsx-runtime';
4
+ import { useRef } from 'react';
5
+ import { isSessionKeyCompatibleWalletConnector, isTurnkeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
6
+ import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
7
+ import { iframeContainerId, iframeElementId } from '../../views/EmbeddedReveal/constants.js';
8
+ import { initExport } from '../../views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js';
9
+
10
+ const EmbeddedWalletExport = ({ wallet, isTurnkeyWallet, isWaasWallet, data, onIframeContainerRef, onExportReady, isVisible = true, }) => {
11
+ const iframeContainerRef = useRef(null);
12
+ // Replace useEffect with ref callback
13
+ const setIframeContainerRef = (element) => {
14
+ iframeContainerRef.current = element;
15
+ if (element && onIframeContainerRef) {
16
+ onIframeContainerRef(element);
17
+ }
18
+ };
19
+ usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
20
+ var _a, _b, _c;
21
+ const iframeContainerElement = iframeContainerRef.current;
22
+ if (!iframeContainerElement ||
23
+ ((_a = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
24
+ return;
25
+ }
26
+ if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
27
+ yield ((_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.createOrRestoreSession());
28
+ }
29
+ if (isTurnkeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
30
+ yield ((_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.getTurnkeyClient());
31
+ }
32
+ if (isTurnkeyWallet) {
33
+ yield initExport({
34
+ iframeContainer: iframeContainerElement,
35
+ iframeElementId,
36
+ wallet: wallet,
37
+ });
38
+ onExportReady === null || onExportReady === void 0 ? void 0 : onExportReady(true, wallet);
39
+ return;
40
+ }
41
+ return;
42
+ }), { deps: [wallet.address] });
43
+ const getCredentialContainerClassName = () => {
44
+ const baseClass = 'embedded-wallet-export__credential-container';
45
+ if (!data && !isVisible) {
46
+ return `${baseClass} ${baseClass}--hidden`;
47
+ }
48
+ if (isWaasWallet) {
49
+ return `${baseClass} ${baseClass}--waas`;
50
+ }
51
+ return baseClass;
52
+ };
53
+ const getIframeContainerClassName = () => {
54
+ const baseClass = 'embedded-wallet-export__iframe-container';
55
+ // Keep iframe hidden when component is not visible or data is not ready
56
+ if (!data) {
57
+ return `${baseClass} ${baseClass}--hidden`;
58
+ }
59
+ return baseClass;
60
+ };
61
+ const getSkeletonLines = () => {
62
+ const lineCount = 3;
63
+ const lines = [];
64
+ for (let i = 0; i < lineCount; i++) {
65
+ const isLastLine = i === lineCount - 1;
66
+ const className = isLastLine
67
+ ? 'embedded-wallet-export__skeleton-line embedded-wallet-export__skeleton-line--short'
68
+ : 'embedded-wallet-export__skeleton-line';
69
+ lines.push(jsx("div", { className: className, "data-testid": i === 0 ? 'private-key-skeleton' : undefined }, i));
70
+ }
71
+ return lines;
72
+ };
73
+ if (!isTurnkeyWallet && !isWaasWallet) {
74
+ return null;
75
+ }
76
+ return (jsxs("div", { className: getCredentialContainerClassName(), children: [jsx("div", { id: iframeContainerId, className: getIframeContainerClassName(), ref: setIframeContainerRef }), !data && iframeContainerRef.current && (jsx("div", { className: 'embedded-wallet-export__skeleton-container', children: getSkeletonLines() }))] }));
77
+ };
78
+
79
+ export { EmbeddedWalletExport };
@@ -0,0 +1,2 @@
1
+ export { EmbeddedWalletExport } from './EmbeddedWalletExport';
2
+ export type { EmbeddedWalletExportProps } from './EmbeddedWalletExport';
@@ -19,7 +19,7 @@ const Input = React.forwardRef((_a, ref) => {
19
19
  input__error: error,
20
20
  input__has_trailing: optional,
21
21
  input__success: success,
22
- }), ref: ref })), jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('input__label'), children: label }), suffix && jsxRuntime.jsx("div", { className: classNames.classNames('input__suffix'), children: suffix }), optional && jsxRuntime.jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('input__message', {
22
+ }), ref: ref })), label && (jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('input__label'), children: label })), suffix && jsxRuntime.jsx("div", { className: classNames.classNames('input__suffix'), children: suffix }), optional && jsxRuntime.jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('input__message', {
23
23
  input__message__error: error,
24
24
  input__message__success: success,
25
25
  }), children: message }))] }));
@@ -15,7 +15,7 @@ const Input = forwardRef((_a, ref) => {
15
15
  input__error: error,
16
16
  input__has_trailing: optional,
17
17
  input__success: success,
18
- }), ref: ref })), jsx("label", { htmlFor: id, className: classNames('input__label'), children: label }), suffix && jsx("div", { className: classNames('input__suffix'), children: suffix }), optional && jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsx(Typography, { variant: 'body_mini', className: classNames('input__message', {
18
+ }), ref: ref })), label && (jsx("label", { htmlFor: id, className: classNames('input__label'), children: label })), suffix && jsx("div", { className: classNames('input__suffix'), children: suffix }), optional && jsx("span", { className: 'input__trailing', children: "Optional" }), Boolean(message) && (jsx(Typography, { variant: 'body_mini', className: classNames('input__message', {
19
19
  input__message__error: error,
20
20
  input__message__success: success,
21
21
  }), children: message }))] }));
@@ -17,7 +17,7 @@ const Textarea = (_a) => {
17
17
  textarea__error: error,
18
18
  textarea__has_trailing: optional,
19
19
  textarea__valid: isValid === true,
20
- }) })), jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('textarea__label'), children: label }), optional && jsxRuntime.jsx("span", { className: 'textarea__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('textarea__message', {
20
+ }) })), label && (jsxRuntime.jsx("label", { htmlFor: id, className: classNames.classNames('textarea__label'), children: label })), optional && jsxRuntime.jsx("span", { className: 'textarea__trailing', children: "Optional" }), Boolean(message) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: classNames.classNames('textarea__message', {
21
21
  textarea__message__error: error,
22
22
  }), children: message }))] }));
23
23
  };
@@ -13,7 +13,7 @@ const Textarea = (_a) => {
13
13
  textarea__error: error,
14
14
  textarea__has_trailing: optional,
15
15
  textarea__valid: isValid === true,
16
- }) })), jsx("label", { htmlFor: id, className: classNames('textarea__label'), children: label }), optional && jsx("span", { className: 'textarea__trailing', children: "Optional" }), Boolean(message) && (jsx(Typography, { variant: 'body_mini', className: classNames('textarea__message', {
16
+ }) })), label && (jsx("label", { htmlFor: id, className: classNames('textarea__label'), children: label })), optional && jsx("span", { className: 'textarea__trailing', children: "Optional" }), Boolean(message) && (jsx(Typography, { variant: 'body_mini', className: classNames('textarea__message', {
17
17
  textarea__message__error: error,
18
18
  }), children: message }))] }));
19
19
  };
@@ -69,6 +69,7 @@ var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
69
69
  var Typography = require('../Typography/Typography.cjs');
70
70
  require('../ShadowDOM/ShadowDOM.cjs');
71
71
  var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
72
+ var ErrorContainer = require('../ErrorContainer/ErrorContainer.cjs');
72
73
  var IconButton = require('../IconButton/IconButton.cjs');
73
74
  require('../InlineWidget/InlineWidget.cjs');
74
75
  require('../Input/Input.cjs');
@@ -119,7 +120,7 @@ require('../../store/state/multichainBalances.cjs');
119
120
  require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
120
121
  var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
121
122
 
122
- const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
123
+ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
123
124
  var _a;
124
125
  const { t } = reactI18next.useTranslation();
125
126
  const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
@@ -142,7 +143,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
142
143
  const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
143
144
  const gasFiatValue = fiatUtils.getGasFiatValue(currentToken, transaction, nativePrice);
144
145
  const totalGasFiatValue = fiatUtils.getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
145
- return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsxRuntime.jsx(SendBalanceTransactionCard.SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t })), children && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), displayPoweredByDynamicFooter && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__divider' }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
146
+ return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }) })), !sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsxRuntime.jsx(SendBalanceTransactionCard.SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t })), children && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), displayPoweredByDynamicFooter && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__divider' }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
146
147
  };
147
148
 
148
149
  exports.TransactionConfirmationPageLayout = TransactionConfirmationPageLayout;
@@ -65,6 +65,7 @@ import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
65
65
  import { Typography } from '../Typography/Typography.js';
66
66
  import '../ShadowDOM/ShadowDOM.js';
67
67
  import { TypographyButton } from '../TypographyButton/TypographyButton.js';
68
+ import { ErrorContainer } from '../ErrorContainer/ErrorContainer.js';
68
69
  import { IconButton } from '../IconButton/IconButton.js';
69
70
  import '../InlineWidget/InlineWidget.js';
70
71
  import '../Input/Input.js';
@@ -115,7 +116,7 @@ import '../../store/state/multichainBalances.js';
115
116
  import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
116
117
  import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
117
118
 
118
- const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
119
+ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, error, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
119
120
  var _a;
120
121
  const { t } = useTranslation();
121
122
  const { isTurnkeyWallet } = useIsTurnkeyWallet();
@@ -138,7 +139,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
138
139
  const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
139
140
  const gasFiatValue = getGasFiatValue(currentToken, transaction, nativePrice);
140
141
  const totalGasFiatValue = getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
141
- return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsx(NeedHelpSection, {}), displayPoweredByDynamicFooter && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-confirmation__divider' }), jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
142
+ return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), !sendBalanceTransaction && (jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) })), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [error && (jsx("div", { className: 'transaction-confirmation__error', children: jsx(ErrorContainer, { children: error }) })), !sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev', simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'medium', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'medium', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), jsx(NeedHelpSection, {}), displayPoweredByDynamicFooter && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-confirmation__divider' }), jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' })] }))] })] }));
142
143
  };
143
144
 
144
145
  export { TransactionConfirmationPageLayout };
@@ -12,6 +12,7 @@ export * from './CopyButton';
12
12
  export * from './Divider';
13
13
  export * from './DynamicConnectButton';
14
14
  export * from './DynamicSpinner';
15
+ export * from './EmbeddedWalletExport';
15
16
  export * from './EmailForm';
16
17
  export * from './EmailIcon';
17
18
  export * from './EnterTileAnimation';
@@ -23,6 +23,13 @@ require('../../../../store/state/nonce/nonce.cjs');
23
23
  var updatePrimaryWalletId = require('../../../../utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.cjs');
24
24
  require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
25
25
  require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
26
+ require('@dynamic-labs-sdk/client/core');
27
+ require('../../../../client/client.cjs');
28
+ require('@dynamic-labs-sdk/client');
29
+ require('../../../../config/ApiEndpoint.cjs');
30
+ require('../../../../events/dynamicEvents.cjs');
31
+ require('../../../../store/state/projectSettings/projectSettings.cjs');
32
+ require('../../../../locale/locale.cjs');
26
33
  var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
27
34
  require('../../DynamicContext.cjs');
28
35
  require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
@@ -32,13 +39,6 @@ require('../../../ErrorContext/ErrorContext.cjs');
32
39
  require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
33
40
  require('../../../AccountExistsContext/AccountExistsContext.cjs');
34
41
  require('../../../UserWalletsContext/UserWalletsContext.cjs');
35
- require('@dynamic-labs-sdk/client/core');
36
- require('../../../../client/client.cjs');
37
- require('@dynamic-labs-sdk/client');
38
- require('../../../../config/ApiEndpoint.cjs');
39
- require('../../../../events/dynamicEvents.cjs');
40
- require('../../../../store/state/projectSettings/projectSettings.cjs');
41
- require('../../../../locale/locale.cjs');
42
42
  require('../../../VerificationContext/VerificationContext.cjs');
43
43
  require('react-dom');
44
44
  require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -19,6 +19,13 @@ import '../../../../store/state/nonce/nonce.js';
19
19
  import { updatePrimaryWalletId } from '../../../../utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.js';
20
20
  import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
21
21
  import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
22
+ import '@dynamic-labs-sdk/client/core';
23
+ import '../../../../client/client.js';
24
+ import '@dynamic-labs-sdk/client';
25
+ import '../../../../config/ApiEndpoint.js';
26
+ import '../../../../events/dynamicEvents.js';
27
+ import '../../../../store/state/projectSettings/projectSettings.js';
28
+ import '../../../../locale/locale.js';
22
29
  import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
23
30
  import '../../DynamicContext.js';
24
31
  import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -28,13 +35,6 @@ import '../../../ErrorContext/ErrorContext.js';
28
35
  import '../../../AccessDeniedContext/AccessDeniedContext.js';
29
36
  import '../../../AccountExistsContext/AccountExistsContext.js';
30
37
  import '../../../UserWalletsContext/UserWalletsContext.js';
31
- import '@dynamic-labs-sdk/client/core';
32
- import '../../../../client/client.js';
33
- import '@dynamic-labs-sdk/client';
34
- import '../../../../config/ApiEndpoint.js';
35
- import '../../../../events/dynamicEvents.js';
36
- import '../../../../store/state/projectSettings/projectSettings.js';
37
- import '../../../../locale/locale.js';
38
38
  import '../../../VerificationContext/VerificationContext.js';
39
39
  import 'react-dom';
40
40
  import '../../../../utils/functions/compareChains/compareChains.js';
@@ -24,6 +24,13 @@ var updatePrimaryWalletId = require('../../utils/functions/updatePrimaryWalletId
24
24
  require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
25
25
  require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
26
26
  require('../../store/state/primaryWalletId/primaryWalletId.cjs');
27
+ require('@dynamic-labs-sdk/client/core');
28
+ require('../../client/client.cjs');
29
+ require('@dynamic-labs-sdk/client');
30
+ require('../../config/ApiEndpoint.cjs');
31
+ require('../../events/dynamicEvents.cjs');
32
+ require('../../store/state/projectSettings/projectSettings.cjs');
33
+ require('../../locale/locale.cjs');
27
34
  var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
28
35
  require('../DynamicContext/DynamicContext.cjs');
29
36
  require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
@@ -32,14 +39,7 @@ var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/use
32
39
  var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
33
40
  var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
34
41
  var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
35
- require('@dynamic-labs-sdk/client/core');
36
- require('../../client/client.cjs');
37
- require('@dynamic-labs-sdk/client');
38
- require('../../config/ApiEndpoint.cjs');
39
- require('../../events/dynamicEvents.cjs');
40
- require('../../store/state/projectSettings/projectSettings.cjs');
41
42
  require('../VerificationContext/VerificationContext.cjs');
42
- require('../../locale/locale.cjs');
43
43
  require('react-dom');
44
44
  require('../../utils/functions/compareChains/compareChains.cjs');
45
45
  require('../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');