@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.
- package/CHANGELOG.md +12 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +11 -11
- package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.cjs +1 -14
- package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.js +1 -14
- package/src/lib/components/TransactionCard/SendBalanceTransactionCard.cjs +6 -6
- package/src/lib/components/TransactionCard/SendBalanceTransactionCard.js +6 -6
- package/src/lib/components/TransactionCard/TransactionCard.cjs +3 -3
- package/src/lib/components/TransactionCard/TransactionCard.js +3 -3
- package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs +2 -2
- package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js +2 -2
- package/src/lib/components/UserAddress/UserAddress.cjs +11 -11
- package/src/lib/components/UserAddress/UserAddress.js +11 -11
- package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs +1 -11
- package/src/lib/components/WalletInformationCard/WalletInformationCard.js +1 -11
- package/src/lib/events/dynamicEvents.cjs +1 -0
- package/src/lib/events/dynamicEvents.d.ts +1 -1
- package/src/lib/events/dynamicEvents.js +1 -0
- package/src/lib/events/wallets.d.ts +2 -0
- package/src/lib/shared/utils/functions/chain/getChainIcon.cjs +1 -0
- package/src/lib/shared/utils/functions/chain/getChainIcon.js +2 -1
- package/src/lib/shared/utils/functions/index.d.ts +0 -1
- package/src/lib/shared/utils/functions/shortenWalletAddress/index.d.ts +1 -1
- package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs +9 -3
- package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.d.ts +1 -1
- package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js +9 -3
- package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts +1 -1
- package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs +2 -0
- package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js +2 -0
- package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs +2 -2
- package/src/lib/views/CollectUserDataView/CollectUserDataView.js +2 -2
- package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs +1 -1
- package/src/lib/views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js +1 -1
- package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs +2 -2
- package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js +2 -2
- package/src/lib/views/NoAccess/NoAccess.cjs +2 -2
- package/src/lib/views/NoAccess/NoAccess.js +2 -2
- package/src/lib/views/SendBalanceView/SendBalanceView.cjs +2 -2
- package/src/lib/views/SendBalanceView/SendBalanceView.js +2 -2
- package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs +8 -8
- package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js +8 -8
- package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.cjs +3 -1
- package/src/lib/views/SyncWalletView/ReconnectWithQrCodeView/ReconnectWithQrCodeView.js +3 -1
- package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.cjs +2 -2
- package/src/lib/views/SyncWalletView/SwitchWalletView/SwitchWalletView.js +2 -2
- package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs +1 -1
- package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.js +1 -1
- package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs +1 -1
- package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js +1 -1
- package/src/lib/views/WalletUsedView/WalletUsedView.cjs +1 -1
- package/src/lib/views/WalletUsedView/WalletUsedView.js +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.js +2 -2
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js +3 -3
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js +2 -2
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.js +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.js +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js +2 -2
- package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js +2 -2
- package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js +1 -1
package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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';
|