@dynamic-labs/sdk-react-core 4.30.0 → 4.30.1

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 (78) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +11 -11
  5. package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.cjs +1 -14
  6. package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.js +1 -14
  7. package/src/lib/components/TransactionCard/SendBalanceTransactionCard.cjs +6 -6
  8. package/src/lib/components/TransactionCard/SendBalanceTransactionCard.js +6 -6
  9. package/src/lib/components/TransactionCard/TransactionCard.cjs +3 -3
  10. package/src/lib/components/TransactionCard/TransactionCard.js +3 -3
  11. package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs +2 -2
  12. package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js +2 -2
  13. package/src/lib/components/UserAddress/UserAddress.cjs +11 -11
  14. package/src/lib/components/UserAddress/UserAddress.js +11 -11
  15. package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs +1 -11
  16. package/src/lib/components/WalletInformationCard/WalletInformationCard.js +1 -11
  17. package/src/lib/events/dynamicEvents.cjs +1 -0
  18. package/src/lib/events/dynamicEvents.d.ts +1 -1
  19. package/src/lib/events/dynamicEvents.js +1 -0
  20. package/src/lib/events/wallets.d.ts +2 -0
  21. package/src/lib/shared/utils/functions/chain/getChainIcon.cjs +1 -0
  22. package/src/lib/shared/utils/functions/chain/getChainIcon.js +2 -1
  23. package/src/lib/shared/utils/functions/index.d.ts +0 -1
  24. package/src/lib/shared/utils/functions/shortenWalletAddress/index.d.ts +1 -1
  25. package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs +9 -3
  26. package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.d.ts +1 -1
  27. package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js +9 -3
  28. package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts +1 -1
  29. package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs +2 -0
  30. package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js +2 -0
  31. package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs +2 -2
  32. package/src/lib/views/CollectUserDataView/CollectUserDataView.js +2 -2
  33. package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs +1 -1
  34. package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js +1 -1
  35. package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs +2 -2
  36. package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js +2 -2
  37. package/src/lib/views/NoAccess/NoAccess.cjs +2 -2
  38. package/src/lib/views/NoAccess/NoAccess.js +2 -2
  39. package/src/lib/views/SendBalanceView/SendBalanceView.cjs +2 -2
  40. package/src/lib/views/SendBalanceView/SendBalanceView.js +2 -2
  41. package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs +8 -8
  42. package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js +8 -8
  43. package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.cjs +3 -1
  44. package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.js +3 -1
  45. package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.cjs +2 -2
  46. package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.js +2 -2
  47. package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs +1 -1
  48. package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.js +1 -1
  49. package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs +1 -1
  50. package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js +1 -1
  51. package/src/lib/views/WalletUsedView/WalletUsedView.cjs +1 -1
  52. package/src/lib/views/WalletUsedView/WalletUsedView.js +1 -1
  53. package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs +1 -1
  54. package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js +1 -1
  55. package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.cjs +2 -2
  56. package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.js +2 -2
  57. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs +3 -3
  58. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js +3 -3
  59. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs +2 -2
  60. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js +2 -2
  61. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +2 -2
  62. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +2 -2
  63. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.cjs +2 -2
  64. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.js +2 -2
  65. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs +2 -2
  66. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js +2 -2
  67. package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.cjs +2 -2
  68. package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.js +2 -2
  69. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs +2 -2
  70. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js +2 -2
  71. package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs +1 -1
  72. package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js +1 -1
  73. package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs +2 -2
  74. package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js +2 -2
  75. package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.cjs +1 -1
  76. package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.js +1 -1
  77. package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs +1 -1
  78. package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js +1 -1
@@ -10,7 +10,6 @@ import '@dynamic-labs/wallet-connector-core';
10
10
  import 'react';
11
11
  import { ReactComponent as SvgArrowCircleRight } from '../../../shared/assets/arrow-circle-right.js';
12
12
  import '../../../context/ViewContext/ViewContext.js';
13
- import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
14
13
  import '@dynamic-labs/utils';
15
14
  import '../../../utils/constants/colors.js';
16
15
  import '../../../utils/constants/values.js';
@@ -68,6 +67,7 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
68
67
  import '../../../context/WalletGroupContext/WalletGroupContext.js';
69
68
  import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
70
69
  import 'react-focus-lock';
70
+ import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
71
71
  import { Divider } from '../../../components/Divider/Divider.js';
72
72
  import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
73
73
  import '../../../components/IconButton/IconButton.js';
@@ -104,7 +104,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
104
104
 
105
105
  const SwitchWalletView = ({ onCancel, connector, expectedAddress, activeAddress, }) => {
106
106
  const { t } = useTranslation();
107
- return (jsx(DefaultPromptModal, { dataTestId: 'switch-wallet', className: 'switch-wallet', icon: jsx(WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.switch_wallet.title'), onClose: onCancel, children: jsxs("div", { className: 'switch-wallet__body', children: [activeAddress && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.active_address.heading', children: t('dyn_sync_wallet.switch_wallet.active_address.heading') }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', children: shortenWalletAddress(activeAddress, 3, 3) }), jsx(Divider, { className: 'switch-wallet__body__divider', children: jsx(SvgArrowCircleRight, {}) })] })), jsx(Typography, { variant: 'body_mini', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.expected_address.heading', children: t('dyn_sync_wallet.switch_wallet.expected_address.heading') }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.expected_address.prompt', className: 'switch-wallet__body__expected-address__prompt', children: t('dyn_sync_wallet.switch_wallet.expected_address.prompt') }), jsx(Typography, { color: 'green-1', weight: 'bold', className: 'switch-wallet__body__expected-address__address', children: shortenWalletAddress(expectedAddress, 3, 3) })] }) }));
107
+ return (jsx(DefaultPromptModal, { dataTestId: 'switch-wallet', className: 'switch-wallet', icon: jsx(WalletIcon, { icon: connector.metadata.icon, walletKey: connector.key }), title: t('dyn_sync_wallet.switch_wallet.title'), onClose: onCancel, children: jsxs("div", { className: 'switch-wallet__body', children: [activeAddress && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.active_address.heading', children: t('dyn_sync_wallet.switch_wallet.active_address.heading') }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', children: shortenWalletAddress(activeAddress) }), jsx(Divider, { className: 'switch-wallet__body__divider', children: jsx(SvgArrowCircleRight, {}) })] })), jsx(Typography, { variant: 'body_mini', color: 'secondary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.expected_address.heading', children: t('dyn_sync_wallet.switch_wallet.expected_address.heading') }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_sync_wallet.switch_wallet.expected_address.prompt', className: 'switch-wallet__body__expected-address__prompt', children: t('dyn_sync_wallet.switch_wallet.expected_address.prompt') }), jsx(Typography, { color: 'green-1', weight: 'bold', className: 'switch-wallet__body__expected-address__address', children: shortenWalletAddress(expectedAddress) })] }) }));
108
108
  };
109
109
 
110
110
  export { SwitchWalletView };
@@ -15,7 +15,6 @@ require('../../context/ViewContext/ViewContext.cjs');
15
15
  require('@dynamic-labs/sdk-api-core');
16
16
  require('../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
- var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  require('../../utils/constants/colors.cjs');
20
19
  require('../../utils/constants/values.cjs');
21
20
  require('../../shared/consts/index.cjs');
@@ -72,6 +71,7 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
72
71
  require('../../context/WalletGroupContext/WalletGroupContext.cjs');
73
72
  require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
74
73
  require('react-focus-lock');
74
+ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
75
75
  require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
76
76
  require('../../components/IconButton/IconButton.cjs');
77
77
  require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -11,7 +11,6 @@ import '../../context/ViewContext/ViewContext.js';
11
11
  import '@dynamic-labs/sdk-api-core';
12
12
  import '../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
- import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
15
14
  import '../../utils/constants/colors.js';
16
15
  import '../../utils/constants/values.js';
17
16
  import '../../shared/consts/index.js';
@@ -68,6 +67,7 @@ import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js'
68
67
  import '../../context/WalletGroupContext/WalletGroupContext.js';
69
68
  import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
70
69
  import 'react-focus-lock';
70
+ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
71
71
  import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
72
72
  import '../../components/IconButton/IconButton.js';
73
73
  import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -15,7 +15,6 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
15
15
  require('@dynamic-labs/sdk-api-core');
16
16
  require('../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
- var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  require('../../utils/constants/colors.cjs');
20
19
  require('../../utils/constants/values.cjs');
21
20
  require('../../shared/consts/index.cjs');
@@ -72,6 +71,7 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
72
71
  require('../../context/WalletGroupContext/WalletGroupContext.cjs');
73
72
  require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
74
73
  require('react-focus-lock');
74
+ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
75
75
  require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
76
76
  require('../../components/IconButton/IconButton.cjs');
77
77
  require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -11,7 +11,6 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
11
11
  import '@dynamic-labs/sdk-api-core';
12
12
  import '../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
- import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
15
14
  import '../../utils/constants/colors.js';
16
15
  import '../../utils/constants/values.js';
17
16
  import '../../shared/consts/index.js';
@@ -68,6 +67,7 @@ import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js'
68
67
  import '../../context/WalletGroupContext/WalletGroupContext.js';
69
68
  import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
70
69
  import 'react-focus-lock';
70
+ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
71
71
  import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
72
72
  import '../../components/IconButton/IconButton.js';
73
73
  import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -15,7 +15,6 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
15
15
  require('@dynamic-labs/sdk-api-core');
16
16
  var logger = require('../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
- var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  var localStorage = require('../../utils/constants/localStorage.cjs');
20
19
  require('../../utils/constants/colors.cjs');
21
20
  require('../../utils/constants/values.cjs');
@@ -74,6 +73,7 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
74
73
  require('../../context/WalletGroupContext/WalletGroupContext.cjs');
75
74
  require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
76
75
  require('react-focus-lock');
76
+ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
77
77
  require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
78
78
  require('../../components/IconButton/IconButton.cjs');
79
79
  require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -11,7 +11,6 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
11
11
  import '@dynamic-labs/sdk-api-core';
12
12
  import { logger } from '../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
- import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
15
14
  import { PHANTOM_SIGNATURE_STATE } from '../../utils/constants/localStorage.js';
16
15
  import '../../utils/constants/colors.js';
17
16
  import '../../utils/constants/values.js';
@@ -70,6 +69,7 @@ import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js'
70
69
  import '../../context/WalletGroupContext/WalletGroupContext.js';
71
70
  import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
72
71
  import 'react-focus-lock';
72
+ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
73
73
  import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
74
74
  import '../../components/IconButton/IconButton.js';
75
75
  import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -16,7 +16,6 @@ require('@dynamic-labs/sdk-api-core');
16
16
  var logger = require('../../shared/logger.cjs');
17
17
  var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
18
18
  require('@dynamic-labs/wallet-connector-core');
19
- var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
20
19
  require('../../utils/constants/colors.cjs');
21
20
  require('../../utils/constants/values.cjs');
22
21
  var index = require('../../shared/utils/hooks/useOnClickOutside/index.cjs');
@@ -73,6 +72,7 @@ var Skeleton = require('../../components/Skeleton/Skeleton.cjs');
73
72
  require('../../context/WalletGroupContext/WalletGroupContext.cjs');
74
73
  require('../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
75
74
  require('react-focus-lock');
75
+ var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
76
76
  require('../DynamicWidget/context/DynamicWidgetContext.cjs');
77
77
  require('../../components/IconButton/IconButton.cjs');
78
78
  require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -12,7 +12,6 @@ import '@dynamic-labs/sdk-api-core';
12
12
  import { logger } from '../../shared/logger.js';
13
13
  import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
14
14
  import '@dynamic-labs/wallet-connector-core';
15
- import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
16
15
  import '../../utils/constants/colors.js';
17
16
  import '../../utils/constants/values.js';
18
17
  import { useOnClickOutside } from '../../shared/utils/hooks/useOnClickOutside/index.js';
@@ -69,6 +68,7 @@ import { Skeleton } from '../../components/Skeleton/Skeleton.js';
69
68
  import '../../context/WalletGroupContext/WalletGroupContext.js';
70
69
  import '../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
71
70
  import 'react-focus-lock';
71
+ import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
72
72
  import '../DynamicWidget/context/DynamicWidgetContext.js';
73
73
  import '../../components/IconButton/IconButton.js';
74
74
  import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -16,7 +16,6 @@ require('@dynamic-labs/sdk-api-core');
16
16
  require('../../../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
18
  require('@dynamic-labs/wallet-book');
19
- var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
20
19
  require('@dynamic-labs/utils');
21
20
  require('../../../../utils/constants/colors.cjs');
22
21
  require('../../../../utils/constants/values.cjs');
@@ -75,6 +74,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
75
74
  require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
76
75
  require('react-focus-lock');
77
76
  var Icon = require('../../../../components/Icon/Icon.cjs');
77
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
78
78
  var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
79
79
  var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
80
80
  require('../../../../components/IconButton/IconButton.cjs');
@@ -121,7 +121,7 @@ const AccountControl = ({ className }) => {
121
121
  return nameService === null || nameService === void 0 ? void 0 : nameService.name;
122
122
  }
123
123
  if (address) {
124
- return shortenWalletAddress.shortenWalletAddress(address, 3, 3);
124
+ return shortenWalletAddress.shortenWalletAddress(address);
125
125
  }
126
126
  return getUserIdentifier.getUserIdentifier(user);
127
127
  };
@@ -12,7 +12,6 @@ import '@dynamic-labs/sdk-api-core';
12
12
  import '../../../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
14
  import '@dynamic-labs/wallet-book';
15
- import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
16
15
  import '@dynamic-labs/utils';
17
16
  import '../../../../utils/constants/colors.js';
18
17
  import '../../../../utils/constants/values.js';
@@ -71,6 +70,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
71
70
  import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
72
71
  import 'react-focus-lock';
73
72
  import { Icon } from '../../../../components/Icon/Icon.js';
73
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
74
74
  import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
75
75
  import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
76
76
  import '../../../../components/IconButton/IconButton.js';
@@ -117,7 +117,7 @@ const AccountControl = ({ className }) => {
117
117
  return nameService === null || nameService === void 0 ? void 0 : nameService.name;
118
118
  }
119
119
  if (address) {
120
- return shortenWalletAddress(address, 3, 3);
120
+ return shortenWalletAddress(address);
121
121
  }
122
122
  return getUserIdentifier(user);
123
123
  };
@@ -16,7 +16,6 @@ require('../../../../../../../_virtual/_tslib.cjs');
16
16
  require('../../../../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
18
  require('@dynamic-labs/wallet-book');
19
- var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
20
19
  require('../../../../../utils/constants/colors.cjs');
21
20
  require('../../../../../utils/constants/values.cjs');
22
21
  require('../../../../../shared/consts/index.cjs');
@@ -73,6 +72,7 @@ require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
73
72
  require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
74
73
  require('react-focus-lock');
75
74
  var Icon = require('../../../../../components/Icon/Icon.cjs');
75
+ var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
76
76
  require('../../../context/DynamicWidgetContext.cjs');
77
77
  var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
78
78
  require('formik');
@@ -112,8 +112,8 @@ const ActiveBitcoinWalletAddresses = ({ menuOption, wallet }) => {
112
112
  var _a, _b;
113
113
  const { t } = reactI18next.useTranslation();
114
114
  const ordinalsAddress = (_a = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Ordinals, wallet)) !== null && _a !== void 0 ? _a : wallet === null || wallet === void 0 ? void 0 : wallet.address;
115
- const paymenyAddress = (_b = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
116
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(copy.ReactComponent, {}) }) })] })] }));
115
+ const paymentAddress = (_b = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
116
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(ordinalsAddress) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(paymentAddress) })] }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: paymentAddress !== null && paymentAddress !== void 0 ? paymentAddress : '', children: jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(copy.ReactComponent, {}) }) })] })] }));
117
117
  };
118
118
 
119
119
  exports.ActiveBitcoinWalletAddresses = ActiveBitcoinWalletAddresses;
@@ -12,7 +12,6 @@ import '../../../../../../../_virtual/_tslib.js';
12
12
  import '../../../../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
14
  import '@dynamic-labs/wallet-book';
15
- import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
16
15
  import '../../../../../utils/constants/colors.js';
17
16
  import '../../../../../utils/constants/values.js';
18
17
  import '../../../../../shared/consts/index.js';
@@ -69,6 +68,7 @@ import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
69
68
  import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
70
69
  import 'react-focus-lock';
71
70
  import { Icon } from '../../../../../components/Icon/Icon.js';
71
+ import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
72
72
  import '../../../context/DynamicWidgetContext.js';
73
73
  import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
74
74
  import 'formik';
@@ -108,8 +108,8 @@ const ActiveBitcoinWalletAddresses = ({ menuOption, wallet }) => {
108
108
  var _a, _b;
109
109
  const { t } = useTranslation();
110
110
  const ordinalsAddress = (_a = getWalletAdditionalAddressByType(WalletAddressType.Ordinals, wallet)) !== null && _a !== void 0 ? _a : wallet === null || wallet === void 0 ? void 0 : wallet.address;
111
- const paymenyAddress = (_b = getWalletAdditionalAddressByType(WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
112
- return (jsxs(Fragment, { children: [jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsx(CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsx(Icon, { size: 'xsmall', children: jsx(SvgCopy, {}) }) })] })] }));
111
+ const paymentAddress = (_b = getWalletAdditionalAddressByType(WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
112
+ return (jsxs(Fragment, { children: [jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress(ordinalsAddress) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress(paymentAddress) })] }), jsx(CopyButton, { textToCopy: paymentAddress !== null && paymentAddress !== void 0 ? paymentAddress : '', children: jsx(Icon, { size: 'xsmall', children: jsx(SvgCopy, {}) }) })] })] }));
113
113
  };
114
114
 
115
115
  export { ActiveBitcoinWalletAddresses };
@@ -17,7 +17,6 @@ require('@dynamic-labs/sdk-api-core');
17
17
  require('../../../../../shared/logger.cjs');
18
18
  require('@dynamic-labs/wallet-connector-core');
19
19
  require('@dynamic-labs/wallet-book');
20
- var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
21
20
  require('../../../../../utils/constants/colors.cjs');
22
21
  require('../../../../../utils/constants/values.cjs');
23
22
  require('../../../../../shared/consts/index.cjs');
@@ -74,6 +73,7 @@ var Skeleton = require('../../../../../components/Skeleton/Skeleton.cjs');
74
73
  require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
75
74
  require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
76
75
  require('react-focus-lock');
76
+ var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
77
77
  require('../../../context/DynamicWidgetContext.cjs');
78
78
  require('../../../../../components/IconButton/IconButton.cjs');
79
79
  var Dropdown = require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -151,7 +151,7 @@ const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth =
151
151
  const menuIcon = React.useMemo(() => (jsxRuntime.jsx("div", { ref: iconRef, className: 'active-wallet-information__handle-icon', children: showAlert() ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: () => jsxRuntime.jsx(arrowDown.ReactComponent, { width: 24, height: 24 }), variant: 'yellow' })) : (jsxRuntime.jsx(arrowDown.ReactComponent, { width: 24, height: 24 })) })), [showAlert]);
152
152
  return (jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs(BaseButton.BaseButton, { onClick: handleMenuOpen, dataTestId: 'active-wallet-information-button', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: fullWidth
153
153
  ? 'active-wallet-information__handle--full-width'
154
- : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsxRuntime.jsx(DropdownMenu.DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
154
+ : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(address)) }), !header && menuIcon] })] }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsxRuntime.jsx(DropdownMenu.DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
155
155
  };
156
156
 
157
157
  exports.ActiveWalletAddress = ActiveWalletAddress;
@@ -13,7 +13,6 @@ import '@dynamic-labs/sdk-api-core';
13
13
  import '../../../../../shared/logger.js';
14
14
  import '@dynamic-labs/wallet-connector-core';
15
15
  import '@dynamic-labs/wallet-book';
16
- import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
17
16
  import '../../../../../utils/constants/colors.js';
18
17
  import '../../../../../utils/constants/values.js';
19
18
  import '../../../../../shared/consts/index.js';
@@ -70,6 +69,7 @@ import { Skeleton } from '../../../../../components/Skeleton/Skeleton.js';
70
69
  import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
71
70
  import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
72
71
  import 'react-focus-lock';
72
+ import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
73
73
  import '../../../context/DynamicWidgetContext.js';
74
74
  import '../../../../../components/IconButton/IconButton.js';
75
75
  import { Dropdown } from '../../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -147,7 +147,7 @@ const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth =
147
147
  const menuIcon = useMemo(() => (jsx("div", { ref: iconRef, className: 'active-wallet-information__handle-icon', children: showAlert() ? (jsx(IconWithStatus, { Icon: () => jsx(SvgArrowDown, { width: 24, height: 24 }), variant: 'yellow' })) : (jsx(SvgArrowDown, { width: 24, height: 24 })) })), [showAlert]);
148
148
  return (jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs(BaseButton, { onClick: handleMenuOpen, dataTestId: 'active-wallet-information-button', children: [jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: fullWidth
149
149
  ? 'active-wallet-information__handle--full-width'
150
- : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsx(DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
150
+ : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(address)) }), !header && menuIcon] })] }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsx(DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
151
151
  };
152
152
 
153
153
  export { ActiveWalletAddress, getNameIfNoIcon };
@@ -19,7 +19,6 @@ require('../../../../../../_virtual/_tslib.cjs');
19
19
  require('@dynamic-labs/sdk-api-core');
20
20
  require('../../../../shared/logger.cjs');
21
21
  require('@dynamic-labs/wallet-book');
22
- var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
23
22
  require('@dynamic-labs/utils');
24
23
  require('../../../../utils/constants/colors.cjs');
25
24
  require('../../../../utils/constants/values.cjs');
@@ -76,6 +75,7 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
76
75
  require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
77
76
  require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
78
77
  require('react-focus-lock');
78
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
79
79
  var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
80
80
  var helpers = require('../../helpers/helpers.cjs');
81
81
  require('../../context/DynamicWidgetContext.cjs');
@@ -171,7 +171,7 @@ const Wallet = ({ wallet, ens, clickable }) => {
171
171
  }
172
172
  return (jsxRuntime.jsxs("div", { className: 'wallet__container', "data-testid": 'wallet', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('wallet__row', {
173
173
  'wallet__row--clickable': clickable,
174
- }), onClick: clickable ? handleSwitchWallet : undefined, children: [jsxRuntime.jsx("div", { className: 'wallet__icon-container', children: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: iconSize, wallet: wallet, showNetworkIcon: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsxRuntime.jsx("div", { className: 'wallet__row__separator' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress.shortenWalletAddress(address, 3, 3) })] })) : (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(address, 4, 4) }))] }), jsxRuntime.jsx("div", { className: 'wallet__row__separator wallet__row__menu__separator ' }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
174
+ }), onClick: clickable ? handleSwitchWallet : undefined, children: [jsxRuntime.jsx("div", { className: 'wallet__icon-container', children: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: iconSize, wallet: wallet, showNetworkIcon: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsxRuntime.jsx("div", { className: 'wallet__row__separator' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress.shortenWalletAddress(address) })] })) : (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(address) }))] }), jsxRuntime.jsx("div", { className: 'wallet__row__separator wallet__row__menu__separator ' }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
175
175
  };
176
176
 
177
177
  exports.Wallet = Wallet;
@@ -15,7 +15,6 @@ import '../../../../../../_virtual/_tslib.js';
15
15
  import '@dynamic-labs/sdk-api-core';
16
16
  import '../../../../shared/logger.js';
17
17
  import '@dynamic-labs/wallet-book';
18
- import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
19
18
  import '@dynamic-labs/utils';
20
19
  import '../../../../utils/constants/colors.js';
21
20
  import '../../../../utils/constants/values.js';
@@ -72,6 +71,7 @@ import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarg
72
71
  import '../../../../context/WalletGroupContext/WalletGroupContext.js';
73
72
  import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
74
73
  import 'react-focus-lock';
74
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
75
75
  import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
76
76
  import { copyToClipboard, getExportKeysOption } from '../../helpers/helpers.js';
77
77
  import '../../context/DynamicWidgetContext.js';
@@ -167,7 +167,7 @@ const Wallet = ({ wallet, ens, clickable }) => {
167
167
  }
168
168
  return (jsxs("div", { className: 'wallet__container', "data-testid": 'wallet', children: [jsxs("div", { className: classNames('wallet__row', {
169
169
  'wallet__row--clickable': clickable,
170
- }), onClick: clickable ? handleSwitchWallet : undefined, children: [jsx("div", { className: 'wallet__icon-container', children: jsx(AuthProviderIcon, { iconSize: iconSize, wallet: wallet, showNetworkIcon: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxs(Fragment, { children: [jsx(Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsx("div", { className: 'wallet__row__separator' }), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress(address, 3, 3) })] })) : (jsx(Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress(address, 4, 4) }))] }), jsx("div", { className: 'wallet__row__separator wallet__row__menu__separator ' }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
170
+ }), onClick: clickable ? handleSwitchWallet : undefined, children: [jsx("div", { className: 'wallet__icon-container', children: jsx(AuthProviderIcon, { iconSize: iconSize, wallet: wallet, showNetworkIcon: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxs(Fragment, { children: [jsx(Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsx("div", { className: 'wallet__row__separator' }), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress(address) })] })) : (jsx(Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress(address) }))] }), jsx("div", { className: 'wallet__row__separator wallet__row__menu__separator ' }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
171
171
  };
172
172
 
173
173
  export { Wallet };
@@ -15,7 +15,6 @@ require('@dynamic-labs/sdk-api-core');
15
15
  require('../../../../../shared/logger.cjs');
16
16
  require('@dynamic-labs/wallet-connector-core');
17
17
  require('@dynamic-labs/wallet-book');
18
- var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  require('../../../../../utils/constants/colors.cjs');
20
19
  require('../../../../../utils/constants/values.cjs');
21
20
  require('../../../../../shared/consts/index.cjs');
@@ -70,6 +69,7 @@ require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCard
70
69
  require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
71
70
  require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
72
71
  require('react-focus-lock');
72
+ var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
73
73
  var Divider = require('../../../../../components/Divider/Divider.cjs');
74
74
  require('../../../context/DynamicWidgetContext.cjs');
75
75
  require('../../../../../components/IconButton/IconButton.cjs');
@@ -105,6 +105,6 @@ var LogoutButton = require('../../../../../components/LogoutButton/LogoutButton.
105
105
  require('../../../../../components/Popper/Popper/Popper.cjs');
106
106
  require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
107
107
 
108
- const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
108
+ const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
109
109
 
110
110
  exports.SwitchAccountView = SwitchAccountView;
@@ -11,7 +11,6 @@ import '@dynamic-labs/sdk-api-core';
11
11
  import '../../../../../shared/logger.js';
12
12
  import '@dynamic-labs/wallet-connector-core';
13
13
  import '@dynamic-labs/wallet-book';
14
- import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
15
14
  import '../../../../../utils/constants/colors.js';
16
15
  import '../../../../../utils/constants/values.js';
17
16
  import '../../../../../shared/consts/index.js';
@@ -66,6 +65,7 @@ import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardT
66
65
  import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
67
66
  import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
68
67
  import 'react-focus-lock';
68
+ import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
69
69
  import { Divider } from '../../../../../components/Divider/Divider.js';
70
70
  import '../../../context/DynamicWidgetContext.js';
71
71
  import '../../../../../components/IconButton/IconButton.js';
@@ -101,6 +101,6 @@ import { LogoutButton } from '../../../../../components/LogoutButton/LogoutButto
101
101
  import '../../../../../components/Popper/Popper/Popper.js';
102
102
  import '../../../../../components/Popper/PopperContext/PopperContext.js';
103
103
 
104
- const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
104
+ const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
105
105
 
106
106
  export { SwitchAccountView };
@@ -15,7 +15,6 @@ require('../../../../../context/ViewContext/ViewContext.cjs');
15
15
  require('@dynamic-labs/sdk-api-core');
16
16
  require('../../../../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
- var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  require('../../../../../utils/constants/colors.cjs');
20
19
  require('../../../../../utils/constants/values.cjs');
21
20
  require('../../../../../shared/consts/index.cjs');
@@ -72,6 +71,7 @@ require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
72
71
  require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
73
72
  require('react-focus-lock');
74
73
  var Icon = require('../../../../../components/Icon/Icon.cjs');
74
+ var shortenWalletAddress = require('../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
75
75
  var Divider = require('../../../../../components/Divider/Divider.cjs');
76
76
  require('../../../context/DynamicWidgetContext.cjs');
77
77
  require('../../../../../components/IconButton/IconButton.cjs');
@@ -126,7 +126,7 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
126
126
  setPrimaryWallet,
127
127
  setSelectedWalletConnectorKey,
128
128
  ]);
129
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxRuntime.jsxs(TypographyButton.TypographyButton, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.metadata.icon, walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress.shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, 3, 3)] })] }));
129
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxRuntime.jsxs(TypographyButton.TypographyButton, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.metadata.icon, walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress.shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address)] })] }));
130
130
  };
131
131
 
132
132
  exports.SwitchOrUseActiveAccountView = SwitchOrUseActiveAccountView;
@@ -11,7 +11,6 @@ import '../../../../../context/ViewContext/ViewContext.js';
11
11
  import '@dynamic-labs/sdk-api-core';
12
12
  import '../../../../../shared/logger.js';
13
13
  import '@dynamic-labs/wallet-connector-core';
14
- import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
15
14
  import '../../../../../utils/constants/colors.js';
16
15
  import '../../../../../utils/constants/values.js';
17
16
  import '../../../../../shared/consts/index.js';
@@ -68,6 +67,7 @@ import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
68
67
  import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
69
68
  import 'react-focus-lock';
70
69
  import { Icon } from '../../../../../components/Icon/Icon.js';
70
+ import { shortenWalletAddress } from '../../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
71
71
  import { Divider } from '../../../../../components/Divider/Divider.js';
72
72
  import '../../../context/DynamicWidgetContext.js';
73
73
  import '../../../../../components/IconButton/IconButton.js';
@@ -122,7 +122,7 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
122
122
  setPrimaryWallet,
123
123
  setSelectedWalletConnectorKey,
124
124
  ]);
125
- return (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxs(TypographyButton, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsx(Icon, { size: 'xsmall', children: jsx(WalletIcon, { icon: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.metadata.icon, walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, 3, 3)] })] }));
125
+ return (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxs(TypographyButton, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsx(Icon, { size: 'xsmall', children: jsx(WalletIcon, { icon: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.metadata.icon, walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address)] })] }));
126
126
  };
127
127
 
128
128
  export { SwitchOrUseActiveAccountView };
@@ -15,7 +15,6 @@ require('../../../../../../_virtual/_tslib.cjs');
15
15
  require('@dynamic-labs/sdk-api-core');
16
16
  require('../../../../shared/logger.cjs');
17
17
  require('@dynamic-labs/wallet-connector-core');
18
- var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
19
18
  require('../../../../utils/constants/colors.cjs');
20
19
  require('../../../../utils/constants/values.cjs');
21
20
  require('../../../../shared/consts/index.cjs');
@@ -73,6 +72,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
73
72
  var PromptModal = require('../../components/PromptModal/PromptModal.cjs');
74
73
  var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
75
74
  var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
75
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
76
76
  var Divider = require('../../../../components/Divider/Divider.cjs');
77
77
  require('../../context/DynamicWidgetContext.cjs');
78
78
  require('../../../../components/IconButton/IconButton.cjs');
@@ -112,7 +112,7 @@ require('react-focus-lock');
112
112
  const PrimaryNotConnectedContent = () => {
113
113
  var _a;
114
114
  const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
115
- return (jsxRuntime.jsxs(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'wallet-not-connected', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.key }), title: `Switch wallet in ${primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name}`, children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Your active wallet in", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name }), ' ', "is not linked. Please switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) }), "."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
115
+ return (jsxRuntime.jsxs(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'wallet-not-connected', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.key }), title: `Switch wallet in ${primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name}`, children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Your active wallet in", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name }), ' ', "is not linked. Please switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) }), "."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
116
116
  };
117
117
  const PrimaryNotConnectedWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { children: jsxRuntime.jsx(PrimaryNotConnectedContent, {}) }));
118
118
  const PrimaryNotConnectedModal = () => {