@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
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 };
|
package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.cjs
CHANGED
|
@@ -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
|
|
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 = () => {
|