@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
@@ -11,7 +11,6 @@ import '../../../../../../_virtual/_tslib.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';
@@ -69,6 +68,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
69
68
  import { PromptModal } from '../../components/PromptModal/PromptModal.js';
70
69
  import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
71
70
  import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
71
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
72
72
  import { Divider } from '../../../../components/Divider/Divider.js';
73
73
  import '../../context/DynamicWidgetContext.js';
74
74
  import '../../../../components/IconButton/IconButton.js';
@@ -108,7 +108,7 @@ import 'react-focus-lock';
108
108
  const PrimaryNotConnectedContent = () => {
109
109
  var _a;
110
110
  const { primaryWallet } = useInternalDynamicContext();
111
- return (jsxs(DefaultPromptLayout, { dataTestId: 'wallet-not-connected', icon: jsx(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: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Your active wallet in", ' ', jsx(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", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) }), "."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
111
+ return (jsxs(DefaultPromptLayout, { dataTestId: 'wallet-not-connected', icon: jsx(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: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Your active wallet in", ' ', jsx(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", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) }), "."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(LogoutButton, { isTextButton: false, buttonClassName: 'primary-not-connected__log-out-button' })] }));
112
112
  };
113
113
  const PrimaryNotConnectedWidgetPortal = () => (jsx(WidgetPortal, { children: jsx(PrimaryNotConnectedContent, {}) }));
114
114
  const PrimaryNotConnectedModal = () => {
@@ -17,7 +17,6 @@ require('../../../../../../_virtual/_tslib.cjs');
17
17
  require('@dynamic-labs/sdk-api-core');
18
18
  require('../../../../shared/logger.cjs');
19
19
  require('@dynamic-labs/wallet-connector-core');
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');
@@ -75,6 +74,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
75
74
  require('../../components/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
  require('../../context/DynamicWidgetContext.cjs');
79
79
  require('../../../../components/IconButton/IconButton.cjs');
80
80
  require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -129,7 +129,7 @@ const QrCodeModalView = ({ walletId }) => {
129
129
  // can't use theme because it's string instead of 'light' | 'dark'
130
130
  const typedTheme = theme.theme.name === 'light' ? 'light' : 'dark';
131
131
  const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { icon: walletMetadata === null || walletMetadata === void 0 ? void 0 : walletMetadata.icon, walletKey: walletKey, style: { height: pixelToRem.pixelToRem(24), width: pixelToRem.pixelToRem(24) } }));
132
- return (jsxRuntime.jsxs("div", { className: 'qr-code-modal-view', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', color: 'primary', className: 'qr-code-modal-view__title', children: ["Connect with ", walletName] }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'qr-code-modal-view__title', children: ["Connect wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(newPrimaryWallet === null || newPrimaryWallet === void 0 ? void 0 : newPrimaryWallet.address, 4, 4) }), ' ', "to switch active account."] }), jsxRuntime.jsx("div", { className: 'qr-code-modal-view__container', children: jsxRuntime.jsx("div", { className: 'qr-code-modal-view__wrapper', children: qrcodeUri ? (jsxRuntime.jsx(QRCode.QRCode, { Icon: icon, accentColor: qrCodeColorsByTheme[typedTheme].accentColor, value: qrcodeUri, size: 175, logoSize: 40, walletKey: walletKey })) : (
132
+ return (jsxRuntime.jsxs("div", { className: 'qr-code-modal-view', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', color: 'primary', className: 'qr-code-modal-view__title', children: ["Connect with ", walletName] }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'qr-code-modal-view__title', children: ["Connect wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(newPrimaryWallet === null || newPrimaryWallet === void 0 ? void 0 : newPrimaryWallet.address) }), ' ', "to switch active account."] }), jsxRuntime.jsx("div", { className: 'qr-code-modal-view__container', children: jsxRuntime.jsx("div", { className: 'qr-code-modal-view__wrapper', children: qrcodeUri ? (jsxRuntime.jsx(QRCode.QRCode, { Icon: icon, accentColor: qrCodeColorsByTheme[typedTheme].accentColor, value: qrcodeUri, size: 175, logoSize: 40, walletKey: walletKey })) : (
133
133
  // this div exists to give the parent a child, so that the parent
134
134
  // takes on its given width and height. the result is stable
135
135
  // rendering of this component, without this there is a brief flash
@@ -13,7 +13,6 @@ import '../../../../../../_virtual/_tslib.js';
13
13
  import '@dynamic-labs/sdk-api-core';
14
14
  import '../../../../shared/logger.js';
15
15
  import '@dynamic-labs/wallet-connector-core';
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';
@@ -71,6 +70,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
71
70
  import '../../components/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 '../../context/DynamicWidgetContext.js';
75
75
  import '../../../../components/IconButton/IconButton.js';
76
76
  import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -125,7 +125,7 @@ const QrCodeModalView = ({ walletId }) => {
125
125
  // can't use theme because it's string instead of 'light' | 'dark'
126
126
  const typedTheme = theme.theme.name === 'light' ? 'light' : 'dark';
127
127
  const icon = (jsx(WalletIcon, { icon: walletMetadata === null || walletMetadata === void 0 ? void 0 : walletMetadata.icon, walletKey: walletKey, style: { height: pixelToRem(24), width: pixelToRem(24) } }));
128
- return (jsxs("div", { className: 'qr-code-modal-view', children: [jsxs(Typography, { variant: 'button_primary', color: 'primary', className: 'qr-code-modal-view__title', children: ["Connect with ", walletName] }), jsxs(Typography, { variant: 'body_small', color: 'secondary', className: 'qr-code-modal-view__title', children: ["Connect wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(newPrimaryWallet === null || newPrimaryWallet === void 0 ? void 0 : newPrimaryWallet.address, 4, 4) }), ' ', "to switch active account."] }), jsx("div", { className: 'qr-code-modal-view__container', children: jsx("div", { className: 'qr-code-modal-view__wrapper', children: qrcodeUri ? (jsx(QRCode, { Icon: icon, accentColor: qrCodeColorsByTheme[typedTheme].accentColor, value: qrcodeUri, size: 175, logoSize: 40, walletKey: walletKey })) : (
128
+ return (jsxs("div", { className: 'qr-code-modal-view', children: [jsxs(Typography, { variant: 'button_primary', color: 'primary', className: 'qr-code-modal-view__title', children: ["Connect with ", walletName] }), jsxs(Typography, { variant: 'body_small', color: 'secondary', className: 'qr-code-modal-view__title', children: ["Connect wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(newPrimaryWallet === null || newPrimaryWallet === void 0 ? void 0 : newPrimaryWallet.address) }), ' ', "to switch active account."] }), jsx("div", { className: 'qr-code-modal-view__container', children: jsx("div", { className: 'qr-code-modal-view__wrapper', children: qrcodeUri ? (jsx(QRCode, { Icon: icon, accentColor: qrCodeColorsByTheme[typedTheme].accentColor, value: qrcodeUri, size: 175, logoSize: 40, walletKey: walletKey })) : (
129
129
  // this div exists to give the parent a child, so that the parent
130
130
  // takes on its given width and height. the result is stable
131
131
  // rendering of this component, without this there is a brief flash
@@ -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('../../../../utils/constants/colors.cjs');
21
20
  require('../../../../utils/constants/values.cjs');
22
21
  require('../../../../shared/consts/index.cjs');
@@ -73,6 +72,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
73
72
  var ModalCard = require('../../../../components/ModalCard/ModalCard.cjs');
74
73
  require('react-focus-lock');
75
74
  var Typography = require('../../../../components/Typography/Typography.cjs');
75
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
76
76
  var Divider = require('../../../../components/Divider/Divider.cjs');
77
77
  var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
78
78
  var IconButton = require('../../../../components/IconButton/IconButton.cjs');
@@ -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 '../../../../utils/constants/colors.js';
17
16
  import '../../../../utils/constants/values.js';
18
17
  import '../../../../shared/consts/index.js';
@@ -69,6 +68,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
69
68
  import { ModalCard } from '../../../../components/ModalCard/ModalCard.js';
70
69
  import 'react-focus-lock';
71
70
  import { Typography } from '../../../../components/Typography/Typography.js';
71
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
72
72
  import { Divider } from '../../../../components/Divider/Divider.js';
73
73
  import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
74
74
  import { IconButton } from '../../../../components/IconButton/IconButton.js';
@@ -22,7 +22,6 @@ var copy = require('../../../../shared/assets/copy.cjs');
22
22
  var embeddedWalletIcon = require('../../../../shared/assets/embedded-wallet-icon.cjs');
23
23
  require('../../../../context/ViewContext/ViewContext.cjs');
24
24
  require('@dynamic-labs/wallet-book');
25
- var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
26
25
  require('@dynamic-labs/utils');
27
26
  require('../../../../utils/constants/colors.cjs');
28
27
  require('../../../../utils/constants/values.cjs');
@@ -83,6 +82,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
83
82
  require('../../../../components/ShadowDOM/ShadowDOM.cjs');
84
83
  require('react-focus-lock');
85
84
  var useFetchChain = require('../../hooks/useFetchChain/useFetchChain.cjs');
85
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
86
86
  require('formik');
87
87
  require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
88
88
  require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -124,7 +124,7 @@ const DepositView = () => {
124
124
  return null;
125
125
  }
126
126
  const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
127
- return (jsxRuntime.jsxs("div", { className: 'deposit-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', copykey: 'dyn_deposit.title', children: t('dyn_deposit.title') }) }), jsxRuntime.jsxs("div", { className: 'deposit-view__content', children: [jsxRuntime.jsx(QRCode.QRCode, { className: 'deposit-view__content__qr-code', value: primaryWallet.address, Icon: jsxRuntime.jsx(embeddedWalletIcon.ReactComponent, {}), logoSize: 40, logoMargin: 64, size: 215 }), jsxRuntime.jsxs("div", { className: 'deposit-view__content__address', children: [ensName && (jsxRuntime.jsx(Typography.Typography, { className: 'deposit-view__content__address__ens', variant: 'title', children: ensName })), jsxRuntime.jsxs("div", { className: 'deposit-view__content__address__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { "data-testid": 'deposit-view-address', variant: 'title', weight: 'medium', className: 'deposit-view__content__address__wrapper__text', children: shortenWalletAddress.shortenWalletAddress(primaryWallet.address, 3, 3) }), jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'text', textToCopy: primaryWallet.address, className: 'deposit-view__content__address__wrapper__copy', children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-address' }) })] })] }), jsxRuntime.jsxs(Typography.Typography, { className: 'deposit-view__content__network', variant: 'body_small', color: 'secondary', copykey: 'dyn_deposit.receive_funds_on', children: [t('dyn_deposit.receive_funds_on'), chain === null || chain === void 0 ? void 0 : chain.name] })] })] }));
127
+ return (jsxRuntime.jsxs("div", { className: 'deposit-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', copykey: 'dyn_deposit.title', children: t('dyn_deposit.title') }) }), jsxRuntime.jsxs("div", { className: 'deposit-view__content', children: [jsxRuntime.jsx(QRCode.QRCode, { className: 'deposit-view__content__qr-code', value: primaryWallet.address, Icon: jsxRuntime.jsx(embeddedWalletIcon.ReactComponent, {}), logoSize: 40, logoMargin: 64, size: 215 }), jsxRuntime.jsxs("div", { className: 'deposit-view__content__address', children: [ensName && (jsxRuntime.jsx(Typography.Typography, { className: 'deposit-view__content__address__ens', variant: 'title', children: ensName })), jsxRuntime.jsxs("div", { className: 'deposit-view__content__address__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { "data-testid": 'deposit-view-address', variant: 'title', weight: 'medium', className: 'deposit-view__content__address__wrapper__text', children: shortenWalletAddress.shortenWalletAddress(primaryWallet.address) }), jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'text', textToCopy: primaryWallet.address, className: 'deposit-view__content__address__wrapper__copy', children: jsxRuntime.jsx(copy.ReactComponent, { "data-testid": 'copy-address' }) })] })] }), jsxRuntime.jsxs(Typography.Typography, { className: 'deposit-view__content__network', variant: 'body_small', color: 'secondary', copykey: 'dyn_deposit.receive_funds_on', children: [t('dyn_deposit.receive_funds_on'), chain === null || chain === void 0 ? void 0 : chain.name] })] })] }));
128
128
  };
129
129
 
130
130
  exports.DepositView = DepositView;
@@ -18,7 +18,6 @@ import { ReactComponent as SvgCopy } from '../../../../shared/assets/copy.js';
18
18
  import { ReactComponent as SvgEmbeddedWalletIcon } from '../../../../shared/assets/embedded-wallet-icon.js';
19
19
  import '../../../../context/ViewContext/ViewContext.js';
20
20
  import '@dynamic-labs/wallet-book';
21
- import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
22
21
  import '@dynamic-labs/utils';
23
22
  import '../../../../utils/constants/colors.js';
24
23
  import '../../../../utils/constants/values.js';
@@ -79,6 +78,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
79
78
  import '../../../../components/ShadowDOM/ShadowDOM.js';
80
79
  import 'react-focus-lock';
81
80
  import { useFetchChain } from '../../hooks/useFetchChain/useFetchChain.js';
81
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
82
82
  import 'formik';
83
83
  import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
84
84
  import '../../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -120,7 +120,7 @@ const DepositView = () => {
120
120
  return null;
121
121
  }
122
122
  const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
123
- return (jsxs("div", { className: 'deposit-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', copykey: 'dyn_deposit.title', children: t('dyn_deposit.title') }) }), jsxs("div", { className: 'deposit-view__content', children: [jsx(QRCode, { className: 'deposit-view__content__qr-code', value: primaryWallet.address, Icon: jsx(SvgEmbeddedWalletIcon, {}), logoSize: 40, logoMargin: 64, size: 215 }), jsxs("div", { className: 'deposit-view__content__address', children: [ensName && (jsx(Typography, { className: 'deposit-view__content__address__ens', variant: 'title', children: ensName })), jsxs("div", { className: 'deposit-view__content__address__wrapper', children: [jsx(Typography, { "data-testid": 'deposit-view-address', variant: 'title', weight: 'medium', className: 'deposit-view__content__address__wrapper__text', children: shortenWalletAddress(primaryWallet.address, 3, 3) }), jsx(CopyButton, { variant: 'text', textToCopy: primaryWallet.address, className: 'deposit-view__content__address__wrapper__copy', children: jsx(SvgCopy, { "data-testid": 'copy-address' }) })] })] }), jsxs(Typography, { className: 'deposit-view__content__network', variant: 'body_small', color: 'secondary', copykey: 'dyn_deposit.receive_funds_on', children: [t('dyn_deposit.receive_funds_on'), chain === null || chain === void 0 ? void 0 : chain.name] })] })] }));
123
+ return (jsxs("div", { className: 'deposit-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', copykey: 'dyn_deposit.title', children: t('dyn_deposit.title') }) }), jsxs("div", { className: 'deposit-view__content', children: [jsx(QRCode, { className: 'deposit-view__content__qr-code', value: primaryWallet.address, Icon: jsx(SvgEmbeddedWalletIcon, {}), logoSize: 40, logoMargin: 64, size: 215 }), jsxs("div", { className: 'deposit-view__content__address', children: [ensName && (jsx(Typography, { className: 'deposit-view__content__address__ens', variant: 'title', children: ensName })), jsxs("div", { className: 'deposit-view__content__address__wrapper', children: [jsx(Typography, { "data-testid": 'deposit-view-address', variant: 'title', weight: 'medium', className: 'deposit-view__content__address__wrapper__text', children: shortenWalletAddress(primaryWallet.address) }), jsx(CopyButton, { variant: 'text', textToCopy: primaryWallet.address, className: 'deposit-view__content__address__wrapper__copy', children: jsx(SvgCopy, { "data-testid": 'copy-address' }) })] })] }), jsxs(Typography, { className: 'deposit-view__content__network', variant: 'body_small', color: 'secondary', copykey: 'dyn_deposit.receive_funds_on', children: [t('dyn_deposit.receive_funds_on'), chain === null || chain === void 0 ? void 0 : chain.name] })] })] }));
124
124
  };
125
125
 
126
126
  export { DepositView };
@@ -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 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
74
73
  require('react-focus-lock');
75
74
  var Icon = require('../../../../components/Icon/Icon.cjs');
76
75
  var Typography = require('../../../../components/Typography/Typography.cjs');
76
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
77
77
  require('../../context/DynamicWidgetContext.cjs');
78
78
  var IconButton = require('../../../../components/IconButton/IconButton.cjs');
79
79
  require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -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 '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
70
69
  import 'react-focus-lock';
71
70
  import { Icon } from '../../../../components/Icon/Icon.js';
72
71
  import { Typography } from '../../../../components/Typography/Typography.js';
72
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
73
73
  import '../../context/DynamicWidgetContext.js';
74
74
  import { IconButton } from '../../../../components/IconButton/IconButton.js';
75
75
  import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -20,7 +20,6 @@ require('../../../../../../_virtual/_tslib.cjs');
20
20
  require('@dynamic-labs/sdk-api-core');
21
21
  require('../../../../shared/logger.cjs');
22
22
  require('@dynamic-labs/wallet-connector-core');
23
- var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
24
23
  require('@dynamic-labs/utils');
25
24
  require('../../../../utils/constants/colors.cjs');
26
25
  require('../../../../utils/constants/values.cjs');
@@ -81,6 +80,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
81
80
  require('react-focus-lock');
82
81
  require('../../../../context/ThemeContext/ThemeContext.cjs');
83
82
  var Icon = require('../../../../components/Icon/Icon.cjs');
83
+ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
84
84
  var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
85
85
  var IconButton = require('../../../../components/IconButton/IconButton.cjs');
86
86
  require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -16,7 +16,6 @@ import '../../../../../../_virtual/_tslib.js';
16
16
  import '@dynamic-labs/sdk-api-core';
17
17
  import '../../../../shared/logger.js';
18
18
  import '@dynamic-labs/wallet-connector-core';
19
- import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
20
19
  import '@dynamic-labs/utils';
21
20
  import '../../../../utils/constants/colors.js';
22
21
  import '../../../../utils/constants/values.js';
@@ -77,6 +76,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
77
76
  import 'react-focus-lock';
78
77
  import '../../../../context/ThemeContext/ThemeContext.js';
79
78
  import { Icon } from '../../../../components/Icon/Icon.js';
79
+ import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
80
80
  import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
81
81
  import { IconButton } from '../../../../components/IconButton/IconButton.js';
82
82
  import '../../../../components/MenuList/Dropdown/Dropdown.js';