@dynamic-labs/sdk-react-core 4.92.3 → 4.92.4
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 +17 -0
- package/package.cjs +4 -4
- package/package.js +4 -4
- package/package.json +15 -15
- package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs +28 -4
- package/src/lib/components/SendBalanceForm/SendBalanceForm.js +28 -4
- package/src/lib/context/CaptchaContext/CaptchaContext.cjs +10 -2
- package/src/lib/context/CaptchaContext/CaptchaContext.d.ts +2 -1
- package/src/lib/context/CaptchaContext/CaptchaContext.js +10 -2
- package/src/lib/context/DynamicContext/types/DynamicContextProps.d.ts +1 -1
- package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.cjs +1 -1
- package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.d.ts +1 -1
- package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.js +1 -1
- package/src/lib/utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.cjs +24 -0
- package/src/lib/utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.d.ts +11 -0
- package/src/lib/utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.js +20 -0
- package/src/lib/utils/functions/getEmbeddedBitcoinActiveAddress/index.d.ts +1 -0
- package/src/lib/utils/functions/getTransactionLink/blockExplorerPatterns.cjs +12 -0
- package/src/lib/utils/functions/getTransactionLink/blockExplorerPatterns.js +12 -0
- package/src/lib/utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs +16 -3
- package/src/lib/utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.d.ts +8 -1
- package/src/lib/utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js +16 -3
- package/src/lib/utils/functions/index.d.ts +1 -0
- package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.cjs +50 -2
- package/src/lib/utils/hooks/useDynamicWaas/useDynamicWaas.js +50 -2
- package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs +12 -0
- package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js +12 -0
- package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.cjs +9 -5
- package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.js +9 -5
- package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs +6 -1
- package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js +6 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveMidnightWalletBalance/ActiveMidnightWalletBalance.cjs +40 -8
- package/src/lib/widgets/DynamicWidget/components/ActiveMidnightWalletBalance/ActiveMidnightWalletBalance.js +41 -9
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveMidnightWalletAddresses/ActiveMidnightWalletAddresses.cjs +20 -6
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveMidnightWalletAddresses/ActiveMidnightWalletAddresses.d.ts +7 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveMidnightWalletAddresses/ActiveMidnightWalletAddresses.js +20 -6
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs +5 -2
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js +5 -2
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +17 -9
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +18 -10
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs +21 -6
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js +22 -7
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs
CHANGED
|
@@ -7,6 +7,7 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
|
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var reactI18next = require('react-i18next');
|
|
10
|
+
var sdkApiCore = require('@dynamic-labs/sdk-api-core');
|
|
10
11
|
var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
|
|
11
12
|
require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
|
|
12
13
|
var copy = require('../../../../shared/assets/copy.cjs');
|
|
@@ -22,7 +23,6 @@ require('@dynamic-labs/wallet-book');
|
|
|
22
23
|
require('@dynamic-labs/utils');
|
|
23
24
|
require('../../../../utils/constants/colors.cjs');
|
|
24
25
|
require('../../../../utils/constants/values.cjs');
|
|
25
|
-
require('@dynamic-labs/sdk-api-core');
|
|
26
26
|
require('../../../../shared/consts/index.cjs');
|
|
27
27
|
var Alert = require('../../../../components/Alert/Alert.cjs');
|
|
28
28
|
require('../../../../events/dynamicEvents.cjs');
|
|
@@ -39,6 +39,8 @@ require('eventemitter3');
|
|
|
39
39
|
require('@dynamic-labs-sdk/client');
|
|
40
40
|
require('../../../../config/ApiEndpoint.cjs');
|
|
41
41
|
var useProjectSettings = require('../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
|
|
42
|
+
var getEmbeddedBitcoinActiveAddress = require('../../../../utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.cjs');
|
|
43
|
+
var getWalletAdditionalAddressByType = require('../../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
|
|
42
44
|
require('@dynamic-labs/locale');
|
|
43
45
|
require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
|
|
44
46
|
var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
|
|
@@ -139,7 +141,7 @@ var ActiveWalletAddress = require('./ActiveWalletAddress/ActiveWalletAddress.cjs
|
|
|
139
141
|
const ICON_SIZE = 32;
|
|
140
142
|
const DROPDOWN_ICON_SIZE = 16;
|
|
141
143
|
const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
142
|
-
var _a, _b, _c, _d, _e
|
|
144
|
+
var _a, _b, _c, _d, _e;
|
|
143
145
|
const { t } = reactI18next.useTranslation();
|
|
144
146
|
const [detailsCardOpen, setDetailsCardOpen] = React.useState(false);
|
|
145
147
|
const { primaryWallet, network, user, removeWallet } = useInternalDynamicContext.useInternalDynamicContext();
|
|
@@ -148,17 +150,23 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
148
150
|
const projectSettings = useProjectSettings.useProjectSettings();
|
|
149
151
|
const { setDynamicWidgetView, headerAlert } = DynamicWidgetContext.useWidgetContext();
|
|
150
152
|
const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
|
|
151
|
-
|
|
153
|
+
// Per-network address: embedded Bitcoin swaps its active address on network
|
|
154
|
+
// switch (context `network` changes re-render this component).
|
|
155
|
+
const address = (_a = getEmbeddedBitcoinActiveAddress.getEmbeddedBitcoinActiveAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) !== null && _a !== void 0 ? _a : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
|
|
152
156
|
const nameService = useFetchNameService.useFetchNameService(primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : undefined);
|
|
153
157
|
const { getEOAWallet } = useSmartWallets.useSmartWallets();
|
|
154
158
|
const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
|
|
155
159
|
const exportKeysOption = helpers.getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
|
|
156
160
|
const { showAlert } = PasskeyContext.usePasskeyContext();
|
|
157
|
-
const wallet = (
|
|
161
|
+
const wallet = (_b = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _b !== void 0 ? _b : primaryWallet;
|
|
158
162
|
const isBitcoin = primaryWallet && walletConnectorCore.isBitcoinConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
159
163
|
const isMidnight = primaryWallet && walletConnectorCore.isMidnightConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
164
|
+
// Midnight is one wallet (one MPC key) exposing a per-network address for
|
|
165
|
+
// each type. The connector resolves the selected network to the address tag
|
|
166
|
+
// ('mainnet' | 'preview'). Recomputed on every switch since `network` changes.
|
|
167
|
+
const midnightNetworkTag = walletConnectorCore.getMidnightNetworkTag(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
160
168
|
const isWaasWallet = primaryWallet && walletConnectorCore.isDynamicWaasConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
161
|
-
const isEmbeddedWallet = Boolean(wallet && ((
|
|
169
|
+
const isEmbeddedWallet = Boolean(wallet && ((_d = (_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.key) === null || _d === void 0 ? void 0 : _d.startsWith('turnkey')));
|
|
162
170
|
const openDetailsCard = React.useCallback(() => {
|
|
163
171
|
setTimeout(() => setDetailsCardOpen(true), 0);
|
|
164
172
|
}, []);
|
|
@@ -220,7 +228,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
220
228
|
// Midnight wallets (WaaS and external/injected alike) expose multiple
|
|
221
229
|
// address types (Unshielded, Dust, Shielded) via additionalAddresses.
|
|
222
230
|
if (isMidnight) {
|
|
223
|
-
return (jsxRuntime.jsx(ActiveMidnightWalletAddresses.ActiveMidnightWalletAddresses, { wallet: primaryWallet, menuOption: options }));
|
|
231
|
+
return (jsxRuntime.jsx(ActiveMidnightWalletAddresses.ActiveMidnightWalletAddresses, { wallet: primaryWallet, menuOption: options, network: midnightNetworkTag }));
|
|
224
232
|
}
|
|
225
233
|
return (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddress, { wallet: primaryWallet, nameServiceName: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || (user === null || user === void 0 ? void 0 : user.email), menuOption: options, isLoading: isLoading, fullWidth: shouldHideNetwork, addressTypeLabel: getWaasAddressTypeLabel.getWaasAddressTypeLabel((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain), Boolean(isWaasWallet), address) }));
|
|
226
234
|
};
|
|
@@ -231,9 +239,9 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
231
239
|
'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
232
240
|
}), children: activeWalletAddress() }), address && (jsxRuntime.jsx(WalletDetailsCard.WalletDetailsCard, { open: detailsCardOpen, address: address, onClose: () => setDetailsCardOpen(false), midnightAddresses: isMidnight
|
|
233
241
|
? {
|
|
234
|
-
dust: (
|
|
235
|
-
shielded: (
|
|
236
|
-
unshielded: (
|
|
242
|
+
dust: getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.MidnightDust, primaryWallet, midnightNetworkTag),
|
|
243
|
+
shielded: getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.MidnightShielded, primaryWallet, midnightNetworkTag),
|
|
244
|
+
unshielded: (_e = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.MidnightUnshielded, primaryWallet, midnightNetworkTag)) !== null && _e !== void 0 ? _e : address,
|
|
237
245
|
}
|
|
238
246
|
: undefined })), !shouldHideNetwork && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', showNetworkName: true, isLoading: isLoading }))] })] }), headerAlert && (jsxRuntime.jsx(Alert.Alert, { variant: headerAlert.variant, children: headerAlert.content })), showTestnetAlert && (jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), isMidnight ? jsxRuntime.jsx(ActiveMidnightWalletBalance.ActiveMidnightWalletBalance, {}) : jsxRuntime.jsx(ActiveWalletBalance.ActiveWalletBalance, {})] }));
|
|
239
247
|
};
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js
CHANGED
|
@@ -3,7 +3,8 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
|
|
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import { useState, useCallback } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import {
|
|
6
|
+
import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
|
|
7
|
+
import { isBitcoinConnector, isMidnightConnector, getMidnightNetworkTag, isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
|
|
7
8
|
import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
|
|
8
9
|
import { ReactComponent as SvgCopy } from '../../../../shared/assets/copy.js';
|
|
9
10
|
import { ReactComponent as SvgEyeOutline } from '../../../../shared/assets/eye-outline.js';
|
|
@@ -18,7 +19,6 @@ import '@dynamic-labs/wallet-book';
|
|
|
18
19
|
import '@dynamic-labs/utils';
|
|
19
20
|
import '../../../../utils/constants/colors.js';
|
|
20
21
|
import '../../../../utils/constants/values.js';
|
|
21
|
-
import '@dynamic-labs/sdk-api-core';
|
|
22
22
|
import '../../../../shared/consts/index.js';
|
|
23
23
|
import { Alert } from '../../../../components/Alert/Alert.js';
|
|
24
24
|
import '../../../../events/dynamicEvents.js';
|
|
@@ -35,6 +35,8 @@ import 'eventemitter3';
|
|
|
35
35
|
import '@dynamic-labs-sdk/client';
|
|
36
36
|
import '../../../../config/ApiEndpoint.js';
|
|
37
37
|
import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
|
|
38
|
+
import { getEmbeddedBitcoinActiveAddress } from '../../../../utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.js';
|
|
39
|
+
import { getWalletAdditionalAddressByType } from '../../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
|
|
38
40
|
import '@dynamic-labs/locale';
|
|
39
41
|
import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
|
|
40
42
|
import { getPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
|
|
@@ -135,7 +137,7 @@ import { ActiveWalletAddress } from './ActiveWalletAddress/ActiveWalletAddress.j
|
|
|
135
137
|
const ICON_SIZE = 32;
|
|
136
138
|
const DROPDOWN_ICON_SIZE = 16;
|
|
137
139
|
const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
138
|
-
var _a, _b, _c, _d, _e
|
|
140
|
+
var _a, _b, _c, _d, _e;
|
|
139
141
|
const { t } = useTranslation();
|
|
140
142
|
const [detailsCardOpen, setDetailsCardOpen] = useState(false);
|
|
141
143
|
const { primaryWallet, network, user, removeWallet } = useInternalDynamicContext();
|
|
@@ -144,17 +146,23 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
144
146
|
const projectSettings = useProjectSettings();
|
|
145
147
|
const { setDynamicWidgetView, headerAlert } = useWidgetContext();
|
|
146
148
|
const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
|
|
147
|
-
|
|
149
|
+
// Per-network address: embedded Bitcoin swaps its active address on network
|
|
150
|
+
// switch (context `network` changes re-render this component).
|
|
151
|
+
const address = (_a = getEmbeddedBitcoinActiveAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector)) !== null && _a !== void 0 ? _a : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
|
|
148
152
|
const nameService = useFetchNameService(primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : undefined);
|
|
149
153
|
const { getEOAWallet } = useSmartWallets();
|
|
150
154
|
const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
|
|
151
155
|
const exportKeysOption = getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
|
|
152
156
|
const { showAlert } = usePasskeyContext();
|
|
153
|
-
const wallet = (
|
|
157
|
+
const wallet = (_b = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _b !== void 0 ? _b : primaryWallet;
|
|
154
158
|
const isBitcoin = primaryWallet && isBitcoinConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
155
159
|
const isMidnight = primaryWallet && isMidnightConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
160
|
+
// Midnight is one wallet (one MPC key) exposing a per-network address for
|
|
161
|
+
// each type. The connector resolves the selected network to the address tag
|
|
162
|
+
// ('mainnet' | 'preview'). Recomputed on every switch since `network` changes.
|
|
163
|
+
const midnightNetworkTag = getMidnightNetworkTag(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
156
164
|
const isWaasWallet = primaryWallet && isDynamicWaasConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
|
|
157
|
-
const isEmbeddedWallet = Boolean(wallet && ((
|
|
165
|
+
const isEmbeddedWallet = Boolean(wallet && ((_d = (_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.key) === null || _d === void 0 ? void 0 : _d.startsWith('turnkey')));
|
|
158
166
|
const openDetailsCard = useCallback(() => {
|
|
159
167
|
setTimeout(() => setDetailsCardOpen(true), 0);
|
|
160
168
|
}, []);
|
|
@@ -216,7 +224,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
216
224
|
// Midnight wallets (WaaS and external/injected alike) expose multiple
|
|
217
225
|
// address types (Unshielded, Dust, Shielded) via additionalAddresses.
|
|
218
226
|
if (isMidnight) {
|
|
219
|
-
return (jsx(ActiveMidnightWalletAddresses, { wallet: primaryWallet, menuOption: options }));
|
|
227
|
+
return (jsx(ActiveMidnightWalletAddresses, { wallet: primaryWallet, menuOption: options, network: midnightNetworkTag }));
|
|
220
228
|
}
|
|
221
229
|
return (jsx(ActiveWalletAddress, { wallet: primaryWallet, nameServiceName: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || (user === null || user === void 0 ? void 0 : user.email), menuOption: options, isLoading: isLoading, fullWidth: shouldHideNetwork, addressTypeLabel: getWaasAddressTypeLabel((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain), Boolean(isWaasWallet), address) }));
|
|
222
230
|
};
|
|
@@ -227,9 +235,9 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
227
235
|
'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
228
236
|
}), children: activeWalletAddress() }), address && (jsx(WalletDetailsCard, { open: detailsCardOpen, address: address, onClose: () => setDetailsCardOpen(false), midnightAddresses: isMidnight
|
|
229
237
|
? {
|
|
230
|
-
dust: (
|
|
231
|
-
shielded: (
|
|
232
|
-
unshielded: (
|
|
238
|
+
dust: getWalletAdditionalAddressByType(WalletAddressType.MidnightDust, primaryWallet, midnightNetworkTag),
|
|
239
|
+
shielded: getWalletAdditionalAddressByType(WalletAddressType.MidnightShielded, primaryWallet, midnightNetworkTag),
|
|
240
|
+
unshielded: (_e = getWalletAdditionalAddressByType(WalletAddressType.MidnightUnshielded, primaryWallet, midnightNetworkTag)) !== null && _e !== void 0 ? _e : address,
|
|
233
241
|
}
|
|
234
242
|
: undefined })), !shouldHideNetwork && (jsx(NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', showNetworkName: true, isLoading: isLoading }))] })] }), headerAlert && (jsx(Alert, { variant: headerAlert.variant, children: headerAlert.content })), showTestnetAlert && (jsx(Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), isMidnight ? jsx(ActiveMidnightWalletBalance, {}) : jsx(ActiveWalletBalance, {})] }));
|
|
235
243
|
};
|
|
@@ -22,31 +22,46 @@ require('@dynamic-labs/iconic');
|
|
|
22
22
|
require('../../../../context/ViewContext/ViewContext.cjs');
|
|
23
23
|
var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
|
|
24
24
|
var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
|
|
25
|
+
var getEmbeddedBitcoinActiveAddress = require('../../../../utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.cjs');
|
|
25
26
|
var getWalletAdditionalAddressByType = require('../../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
|
|
26
27
|
var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
|
|
27
28
|
var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
|
|
28
29
|
var useFetchChain = require('../../hooks/useFetchChain/useFetchChain.cjs');
|
|
29
30
|
|
|
30
31
|
const DepositView = () => {
|
|
31
|
-
var _a;
|
|
32
|
+
var _a, _b;
|
|
32
33
|
const { t } = reactI18next.useTranslation();
|
|
33
|
-
|
|
34
|
+
// Per-network address: embedded Bitcoin swaps its active address on network
|
|
35
|
+
// switch (context `network` changes re-render this view).
|
|
36
|
+
const { primaryWallet, getNameService, network } = useInternalDynamicContext.useInternalDynamicContext();
|
|
34
37
|
const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
|
|
35
38
|
const { chain } = useFetchChain.useFetchChain(walletConnector);
|
|
36
39
|
const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
|
|
37
40
|
const [midnightAddressType, setMidnightAddressType] = React.useState('unshielded');
|
|
38
|
-
const { data: ens } = usePromise.usePromise(() => getNameService(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address), { deps: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], initialData: undefined });
|
|
41
|
+
const { data: ens } = usePromise.usePromise(() => getNameService(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address), { deps: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, network], initialData: undefined });
|
|
39
42
|
const ensName = (_a = ens === null || ens === void 0 ? void 0 : ens.name) !== null && _a !== void 0 ? _a : null;
|
|
40
43
|
if (!primaryWallet) {
|
|
41
44
|
return null;
|
|
42
45
|
}
|
|
43
|
-
|
|
44
|
-
|
|
46
|
+
// Midnight is one wallet exposing a per-network address for each type. The
|
|
47
|
+
// connector resolves the selected network so the deposit QR/address matches
|
|
48
|
+
// the chosen network — depositing to the wrong network's encoding would
|
|
49
|
+
// strand funds. `network` from context drives re-render on switch.
|
|
50
|
+
const isMidnight = walletConnectorCore.isMidnightWallet(primaryWallet);
|
|
51
|
+
const midnightNetworkTag = walletConnectorCore.getMidnightNetworkTag(primaryWallet.connector);
|
|
52
|
+
const shieldedAddress = isMidnight
|
|
53
|
+
? getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.MidnightShielded, primaryWallet, midnightNetworkTag)
|
|
45
54
|
: undefined;
|
|
55
|
+
const unshieldedAddress = isMidnight
|
|
56
|
+
? (_b = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.MidnightUnshielded, primaryWallet, midnightNetworkTag)) !== null && _b !== void 0 ? _b : primaryWallet.address
|
|
57
|
+
: primaryWallet.address;
|
|
46
58
|
const showMidnightToggle = Boolean(shieldedAddress);
|
|
59
|
+
// Per-network address: the deposit QR/address must match the selected
|
|
60
|
+
// network — depositing to the wrong network's encoding would strand funds.
|
|
61
|
+
const bitcoinActiveAddress = getEmbeddedBitcoinActiveAddress.getEmbeddedBitcoinActiveAddress(primaryWallet.connector);
|
|
47
62
|
const depositAddress = showMidnightToggle && midnightAddressType === 'shielded' && shieldedAddress
|
|
48
63
|
? shieldedAddress
|
|
49
|
-
:
|
|
64
|
+
: bitcoinActiveAddress !== null && bitcoinActiveAddress !== void 0 ? bitcoinActiveAddress : unshieldedAddress;
|
|
50
65
|
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, {}) }));
|
|
51
66
|
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: [showMidnightToggle && (jsxRuntime.jsxs("div", { className: 'deposit-view__content__toggle', children: [jsxRuntime.jsx("button", { type: 'button', "data-testid": 'deposit-toggle-unshielded', className: classNames.classNames('deposit-view__content__toggle__option', {
|
|
52
67
|
'deposit-view__content__toggle__option--active': midnightAddressType === 'unshielded',
|
|
@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
5
|
import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
|
|
6
|
-
import { isMidnightWallet } from '@dynamic-labs/wallet-connector-core';
|
|
6
|
+
import { isMidnightWallet, getMidnightNetworkTag } from '@dynamic-labs/wallet-connector-core';
|
|
7
7
|
import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
|
|
8
8
|
import { IconButton } from '../../../../components/IconButton/IconButton.js';
|
|
9
9
|
import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
|
|
@@ -18,31 +18,46 @@ import '@dynamic-labs/iconic';
|
|
|
18
18
|
import '../../../../context/ViewContext/ViewContext.js';
|
|
19
19
|
import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
|
|
20
20
|
import { classNames } from '../../../../utils/functions/classNames/classNames.js';
|
|
21
|
+
import { getEmbeddedBitcoinActiveAddress } from '../../../../utils/functions/getEmbeddedBitcoinActiveAddress/getEmbeddedBitcoinActiveAddress.js';
|
|
21
22
|
import { getWalletAdditionalAddressByType } from '../../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
|
|
22
23
|
import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
|
|
23
24
|
import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
|
|
24
25
|
import { useFetchChain } from '../../hooks/useFetchChain/useFetchChain.js';
|
|
25
26
|
|
|
26
27
|
const DepositView = () => {
|
|
27
|
-
var _a;
|
|
28
|
+
var _a, _b;
|
|
28
29
|
const { t } = useTranslation();
|
|
29
|
-
|
|
30
|
+
// Per-network address: embedded Bitcoin swaps its active address on network
|
|
31
|
+
// switch (context `network` changes re-render this view).
|
|
32
|
+
const { primaryWallet, getNameService, network } = useInternalDynamicContext();
|
|
30
33
|
const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
|
|
31
34
|
const { chain } = useFetchChain(walletConnector);
|
|
32
35
|
const { setDynamicWidgetView } = useWidgetContext();
|
|
33
36
|
const [midnightAddressType, setMidnightAddressType] = useState('unshielded');
|
|
34
|
-
const { data: ens } = usePromise(() => getNameService(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address), { deps: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], initialData: undefined });
|
|
37
|
+
const { data: ens } = usePromise(() => getNameService(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address), { deps: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, network], initialData: undefined });
|
|
35
38
|
const ensName = (_a = ens === null || ens === void 0 ? void 0 : ens.name) !== null && _a !== void 0 ? _a : null;
|
|
36
39
|
if (!primaryWallet) {
|
|
37
40
|
return null;
|
|
38
41
|
}
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
// Midnight is one wallet exposing a per-network address for each type. The
|
|
43
|
+
// connector resolves the selected network so the deposit QR/address matches
|
|
44
|
+
// the chosen network — depositing to the wrong network's encoding would
|
|
45
|
+
// strand funds. `network` from context drives re-render on switch.
|
|
46
|
+
const isMidnight = isMidnightWallet(primaryWallet);
|
|
47
|
+
const midnightNetworkTag = getMidnightNetworkTag(primaryWallet.connector);
|
|
48
|
+
const shieldedAddress = isMidnight
|
|
49
|
+
? getWalletAdditionalAddressByType(WalletAddressType.MidnightShielded, primaryWallet, midnightNetworkTag)
|
|
41
50
|
: undefined;
|
|
51
|
+
const unshieldedAddress = isMidnight
|
|
52
|
+
? (_b = getWalletAdditionalAddressByType(WalletAddressType.MidnightUnshielded, primaryWallet, midnightNetworkTag)) !== null && _b !== void 0 ? _b : primaryWallet.address
|
|
53
|
+
: primaryWallet.address;
|
|
42
54
|
const showMidnightToggle = Boolean(shieldedAddress);
|
|
55
|
+
// Per-network address: the deposit QR/address must match the selected
|
|
56
|
+
// network — depositing to the wrong network's encoding would strand funds.
|
|
57
|
+
const bitcoinActiveAddress = getEmbeddedBitcoinActiveAddress(primaryWallet.connector);
|
|
43
58
|
const depositAddress = showMidnightToggle && midnightAddressType === 'shielded' && shieldedAddress
|
|
44
59
|
? shieldedAddress
|
|
45
|
-
:
|
|
60
|
+
: bitcoinActiveAddress !== null && bitcoinActiveAddress !== void 0 ? bitcoinActiveAddress : unshieldedAddress;
|
|
46
61
|
const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
|
|
47
62
|
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: [showMidnightToggle && (jsxs("div", { className: 'deposit-view__content__toggle', children: [jsx("button", { type: 'button', "data-testid": 'deposit-toggle-unshielded', className: classNames('deposit-view__content__toggle__option', {
|
|
48
63
|
'deposit-view__content__toggle__option--active': midnightAddressType === 'unshielded',
|