@dynamic-labs/sdk-react-core 4.20.15 → 4.20.17
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 +16 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +11 -11
- package/src/index.cjs +1 -1
- package/src/index.js +1 -1
- package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.types.d.ts +1 -0
- package/src/lib/components/NetworkPicker/components/Network/Network.cjs +1 -1
- package/src/lib/components/NetworkPicker/components/Network/Network.js +1 -1
- package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs +1 -1
- package/src/lib/components/SendBalanceForm/SendBalanceForm.js +1 -1
- package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs +1 -1
- package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js +1 -1
- package/src/lib/components/TypographyButton/TypographyButton.cjs +1 -1
- package/src/lib/components/TypographyButton/TypographyButton.js +1 -1
- package/src/lib/locale/en/translation.cjs +17 -0
- package/src/lib/locale/en/translation.d.ts +17 -0
- package/src/lib/locale/en/translation.js +17 -0
- package/src/lib/utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.d.ts +2 -1
- package/src/lib/utils/hooks/useSubmitExchangeFunding/useSubmitExchangeFunding.cjs +1 -1
- package/src/lib/utils/hooks/useSubmitExchangeFunding/useSubmitExchangeFunding.js +1 -1
- package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.cjs +14 -9
- package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.js +14 -9
- package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs +1 -1
- package/src/lib/views/AccessBlockedView/AccessBlockedView.js +1 -1
- package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.cjs +1 -1
- package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.js +1 -1
- package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.cjs +2 -2
- package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.js +2 -2
- package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.cjs +1 -1
- package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.js +1 -1
- package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs +1 -1
- package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js +1 -1
- package/src/lib/views/MfaExchangeView/MfaExchangeView.cjs +2 -2
- package/src/lib/views/MfaExchangeView/MfaExchangeView.js +2 -2
- package/src/lib/views/MfaRecoveryView/MfaRecoveryView.cjs +1 -1
- package/src/lib/views/MfaRecoveryView/MfaRecoveryView.js +1 -1
- package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.cjs +2 -2
- package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.js +2 -2
- package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.cjs +1 -1
- package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.js +1 -1
- package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.cjs +2 -2
- package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.js +2 -2
- package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs +1 -1
- package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js +1 -1
- package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs +1 -1
- package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js +1 -1
- package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs +1 -1
- package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js +1 -1
- package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs +1 -1
- package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js +1 -1
- package/src/lib/views/SessionPermissionsView/SessionPermissionsView.cjs +2 -2
- package/src/lib/views/SessionPermissionsView/SessionPermissionsView.js +2 -2
- package/src/lib/views/SubdomainField/SubdomainField.cjs +1 -1
- package/src/lib/views/SubdomainField/SubdomainField.js +1 -1
- package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs +1 -1
- package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js +1 -1
- package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.cjs +4 -2
- package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.js +4 -2
- package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs +1 -1
- package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.js +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs +3 -0
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js +3 -0
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceList/TokenBalanceList.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceList/TokenBalanceList.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +6 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +6 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs +5 -2
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js +5 -2
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +51 -41
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +51 -41
- package/src/lib/widgets/DynamicWidget/components/WalletDetailsCard/WalletDetailsCard.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/WalletDetailsCard/WalletDetailsCard.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs +5 -5
- package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js +5 -5
- package/src/lib/widgets/DynamicWidget/views/ChooseLinkedWalletView/ChooseLinkedWalletView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/ChooseLinkedWalletView/ChooseLinkedWalletView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs +7 -7
- package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js +7 -7
- package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.js +2 -2
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.js +3 -3
- package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.js +2 -2
- package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/components/UserDeviceTile.cjs +7 -4
- package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/components/UserDeviceTile.js +7 -4
- package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs +2 -1
- package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js +2 -1
- package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs +5 -3
- package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js +5 -3
- package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.js +3 -3
- package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.js +1 -1
- package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.js +1 -1
|
@@ -108,7 +108,7 @@ const WalletAlreadyExistsView = () => {
|
|
|
108
108
|
deps: [walletConnector],
|
|
109
109
|
});
|
|
110
110
|
const shortenedWalletAddress = shortenWalletAddress(walletAddress);
|
|
111
|
-
return (jsxs("div", { className: 'wallet-already-exists-view__container', children: [jsx("div", { className: 'wallet-already-exists-view__icon', children: jsx(WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-already-exists-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: shortenedWalletAddress }), jsx(Typography, { className: 'wallet-already-exists-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_wallet_link.already_exists.description') })] }));
|
|
111
|
+
return (jsxs("div", { className: 'wallet-already-exists-view__container', children: [jsx("div", { className: 'wallet-already-exists-view__icon', children: jsx(WalletIcon, { icon: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-already-exists-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: shortenedWalletAddress }), jsx(Typography, { className: 'wallet-already-exists-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.already_exists.description', children: t('dyn_wallet_link.already_exists.description') })] }));
|
|
112
112
|
};
|
|
113
113
|
|
|
114
114
|
export { WalletAlreadyExistsView };
|
|
@@ -108,18 +108,21 @@ const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey,
|
|
|
108
108
|
{
|
|
109
109
|
Icon: null,
|
|
110
110
|
callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
111
|
+
copykey: 'dyn_bridge.widget.copy.ens',
|
|
111
112
|
hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
112
113
|
text: t('dyn_bridge.widget.copy.ens'),
|
|
113
114
|
},
|
|
114
115
|
{
|
|
115
116
|
Icon: null,
|
|
116
117
|
callback: () => walletAddress && navigator.clipboard.writeText(walletAddress),
|
|
118
|
+
copykey: 'dyn_bridge.widget.copy.address',
|
|
117
119
|
hide: !walletAddress,
|
|
118
120
|
text: t('dyn_bridge.widget.copy.address'),
|
|
119
121
|
},
|
|
120
122
|
{
|
|
121
123
|
Icon: null,
|
|
122
124
|
callback: () => onDisconnectClick === null || onDisconnectClick === void 0 ? void 0 : onDisconnectClick(),
|
|
125
|
+
copykey: 'dyn_bridge.widget.disconnect',
|
|
123
126
|
hide: !onDisconnectClick,
|
|
124
127
|
text: t('dyn_bridge.widget.disconnect'),
|
|
125
128
|
},
|
|
@@ -104,18 +104,21 @@ const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey,
|
|
|
104
104
|
{
|
|
105
105
|
Icon: null,
|
|
106
106
|
callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
107
|
+
copykey: 'dyn_bridge.widget.copy.ens',
|
|
107
108
|
hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
108
109
|
text: t('dyn_bridge.widget.copy.ens'),
|
|
109
110
|
},
|
|
110
111
|
{
|
|
111
112
|
Icon: null,
|
|
112
113
|
callback: () => walletAddress && navigator.clipboard.writeText(walletAddress),
|
|
114
|
+
copykey: 'dyn_bridge.widget.copy.address',
|
|
113
115
|
hide: !walletAddress,
|
|
114
116
|
text: t('dyn_bridge.widget.copy.address'),
|
|
115
117
|
},
|
|
116
118
|
{
|
|
117
119
|
Icon: null,
|
|
118
120
|
callback: () => onDisconnectClick === null || onDisconnectClick === void 0 ? void 0 : onDisconnectClick(),
|
|
121
|
+
copykey: 'dyn_bridge.widget.disconnect',
|
|
119
122
|
hide: !onDisconnectClick,
|
|
120
123
|
text: t('dyn_bridge.widget.disconnect'),
|
|
121
124
|
},
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs
CHANGED
|
@@ -154,7 +154,7 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
|
|
|
154
154
|
? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
|
|
155
155
|
: '<$0.01' })) : (jsxRuntime.jsx(Balance.Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
|
|
156
156
|
};
|
|
157
|
-
const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-header__title-skeleton' })) : (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') })), jsxRuntime.jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
|
|
157
|
+
const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-header__title-skeleton' })) : (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsxRuntime.jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
|
|
158
158
|
const toggleBalanceAccordion = React.useCallback(() => {
|
|
159
159
|
if (!isLoadingTokenBalances) {
|
|
160
160
|
setBalanceIsExpanded(!balanceIsExpanded);
|
|
@@ -150,7 +150,7 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
|
|
|
150
150
|
? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
|
|
151
151
|
: '<$0.01' })) : (jsx(Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
|
|
152
152
|
};
|
|
153
|
-
const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsx(Skeleton, { className: 'balance-header__title-skeleton' })) : (jsx(Typography, { color: 'secondary', variant: 'body_normal', children: t('dyn_active_wallet_info.balance') })), jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
|
|
153
|
+
const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsx(Skeleton, { className: 'balance-header__title-skeleton' })) : (jsx(Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
|
|
154
154
|
const toggleBalanceAccordion = useCallback(() => {
|
|
155
155
|
if (!isLoadingTokenBalances) {
|
|
156
156
|
setBalanceIsExpanded(!balanceIsExpanded);
|
|
@@ -107,7 +107,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
107
107
|
|
|
108
108
|
const TokenBalanceList = ({ tokenBalances }) => {
|
|
109
109
|
const { t } = reactI18next.useTranslation();
|
|
110
|
-
return (jsxRuntime.jsx("ul", { className: 'token-balance-list', children: (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) === 0 ? (jsxRuntime.jsx("div", { className: 'token-balance-list__empty', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) : (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.map((tokenBalance, idx) => (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(TokenBalanceItem.TokenBalanceItem, { tokenBalance: tokenBalance }), tokenBalances.length !== idx + 1 ? (jsxRuntime.jsx(Divider.Divider, { className: 'token-balance-list__divider' })) : null] }, idx)))) }));
|
|
110
|
+
return (jsxRuntime.jsx("ul", { className: 'token-balance-list', children: (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) === 0 ? (jsxRuntime.jsx("div", { className: 'token-balance-list__empty', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) : (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.map((tokenBalance, idx) => (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsx(TokenBalanceItem.TokenBalanceItem, { tokenBalance: tokenBalance }), tokenBalances.length !== idx + 1 ? (jsxRuntime.jsx(Divider.Divider, { className: 'token-balance-list__divider' })) : null] }, idx)))) }));
|
|
111
111
|
};
|
|
112
112
|
|
|
113
113
|
exports.TokenBalanceList = TokenBalanceList;
|
|
@@ -99,7 +99,7 @@ import { TokenBalanceItem } from '../TokenBalanceItem/TokenBalanceItem.js';
|
|
|
99
99
|
|
|
100
100
|
const TokenBalanceList = ({ tokenBalances }) => {
|
|
101
101
|
const { t } = useTranslation();
|
|
102
|
-
return (jsx("ul", { className: 'token-balance-list', children: (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) === 0 ? (jsx("div", { className: 'token-balance-list__empty', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) : (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.map((tokenBalance, idx) => (jsxs(React__default.Fragment, { children: [jsx(TokenBalanceItem, { tokenBalance: tokenBalance }), tokenBalances.length !== idx + 1 ? (jsx(Divider, { className: 'token-balance-list__divider' })) : null] }, idx)))) }));
|
|
102
|
+
return (jsx("ul", { className: 'token-balance-list', children: (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) === 0 ? (jsx("div", { className: 'token-balance-list__empty', children: jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) : (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.map((tokenBalance, idx) => (jsxs(React__default.Fragment, { children: [jsx(TokenBalanceItem, { tokenBalance: tokenBalance }), tokenBalances.length !== idx + 1 ? (jsx(Divider, { className: 'token-balance-list__divider' })) : null] }, idx)))) }));
|
|
103
103
|
};
|
|
104
104
|
|
|
105
105
|
export { TokenBalanceList };
|
|
@@ -110,7 +110,7 @@ const ActiveBitcoinWalletAddresses = ({ menuOption, wallet }) => {
|
|
|
110
110
|
const { t } = reactI18next.useTranslation();
|
|
111
111
|
const ordinalsAddress = (_a = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Ordinals, wallet)) !== null && _a !== void 0 ? _a : wallet === null || wallet === void 0 ? void 0 : wallet.address;
|
|
112
112
|
const paymenyAddress = (_b = getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
|
|
113
|
-
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', children: t('dyn_active_wallet_info.ordinals_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', children: t('dyn_active_wallet_info.payment_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(copy.ReactComponent, {}) }) })] })] }));
|
|
113
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsxRuntime.jsx(CopyButton.CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(copy.ReactComponent, {}) }) })] })] }));
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
exports.ActiveBitcoinWalletAddresses = ActiveBitcoinWalletAddresses;
|
|
@@ -106,7 +106,7 @@ const ActiveBitcoinWalletAddresses = ({ menuOption, wallet }) => {
|
|
|
106
106
|
const { t } = useTranslation();
|
|
107
107
|
const ordinalsAddress = (_a = getWalletAdditionalAddressByType(WalletAddressType.Ordinals, wallet)) !== null && _a !== void 0 ? _a : wallet === null || wallet === void 0 ? void 0 : wallet.address;
|
|
108
108
|
const paymenyAddress = (_b = getWalletAdditionalAddressByType(WalletAddressType.Payment, wallet)) !== null && _b !== void 0 ? _b : wallet === null || wallet === void 0 ? void 0 : wallet.address;
|
|
109
|
-
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', children: t('dyn_active_wallet_info.ordinals_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', children: t('dyn_active_wallet_info.payment_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsx(CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsx(Icon, { size: 'xsmall', children: jsx(SvgCopy, {}) }) })] })] }));
|
|
109
|
+
return (jsxs(Fragment, { children: [jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.ordinals_address', children: t('dyn_active_wallet_info.ordinals_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenWalletAddress(ordinalsAddress, 4, 4) })] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: menuOption, buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu' })] }), jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs("div", { children: [jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_active_wallet_info.payment_address', children: t('dyn_active_wallet_info.payment_address') }), jsx(Typography, { className: 'active-wallet-information__address', weight: 'regular', variant: 'body_small', color: 'primary', children: shortenWalletAddress(paymenyAddress, 4, 4) })] }), jsx(CopyButton, { textToCopy: paymenyAddress !== null && paymenyAddress !== void 0 ? paymenyAddress : '', children: jsx(Icon, { size: 'xsmall', children: jsx(SvgCopy, {}) }) })] })] }));
|
|
110
110
|
};
|
|
111
111
|
|
|
112
112
|
export { ActiveBitcoinWalletAddresses };
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs
CHANGED
|
@@ -113,8 +113,8 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
|
|
|
113
113
|
require('../../../../components/IsBrowser/IsBrowser.cjs');
|
|
114
114
|
require('../../../../components/Popper/Popper/Popper.cjs');
|
|
115
115
|
require('../../../../components/Popper/PopperContext/PopperContext.cjs');
|
|
116
|
-
var WalletDetailsCard = require('../WalletDetailsCard/WalletDetailsCard.cjs');
|
|
117
116
|
var ActiveWalletBalance = require('../ActiveWalletBalance/ActiveWalletBalance.cjs');
|
|
117
|
+
var WalletDetailsCard = require('../WalletDetailsCard/WalletDetailsCard.cjs');
|
|
118
118
|
var ActiveBitcoinWalletAddresses = require('./ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs');
|
|
119
119
|
var ActiveWalletAddress = require('./ActiveWalletAddress/ActiveWalletAddress.cjs');
|
|
120
120
|
|
|
@@ -152,24 +152,28 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
152
152
|
{
|
|
153
153
|
Icon: jsxRuntime.jsx(copy.ReactComponent, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE }),
|
|
154
154
|
callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
155
|
+
copykey: 'dyn_active_wallet_info.options.copy_ens',
|
|
155
156
|
hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
156
157
|
text: t('dyn_active_wallet_info.options.copy_ens'),
|
|
157
158
|
},
|
|
158
159
|
{
|
|
159
160
|
Icon: (jsxRuntime.jsx(eyeOutline.ReactComponent, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
160
161
|
callback: openDetailsCard,
|
|
162
|
+
copykey: 'dyn_active_wallet_info.options.view_address',
|
|
161
163
|
hide: !address,
|
|
162
164
|
text: t('dyn_active_wallet_info.options.view_address'),
|
|
163
165
|
},
|
|
164
166
|
{
|
|
165
167
|
Icon: (jsxRuntime.jsx(unlink.ReactComponent, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
166
168
|
callback: removePrimaryWallet,
|
|
169
|
+
copykey: 'dyn_active_wallet_info.options.disconnect',
|
|
167
170
|
hide: !address || authMode$1 !== 'connect-only',
|
|
168
171
|
text: t('dyn_active_wallet_info.options.disconnect'),
|
|
169
172
|
},
|
|
170
173
|
{
|
|
171
174
|
Icon: (jsxRuntime.jsx(walletV2.ReactComponent, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
172
175
|
callback: () => setDynamicWidgetView('settings'),
|
|
176
|
+
copykey: 'dyn_active_wallet_info.options.settings',
|
|
173
177
|
endSlot: showAlert() ? jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'yellow' }) : undefined,
|
|
174
178
|
hide: !isEmbeddedWallet,
|
|
175
179
|
text: t('dyn_active_wallet_info.options.settings'),
|
|
@@ -178,6 +182,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
178
182
|
Icon: (jsxRuntime.jsx(key.ReactComponent, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
179
183
|
callback: exportKeysOption ||
|
|
180
184
|
(() => logger.logger.info('No option to export private keys')),
|
|
185
|
+
copykey: 'dyn_active_wallet_info.options.export',
|
|
181
186
|
hide: !exportKeysOption,
|
|
182
187
|
text: t('dyn_active_wallet_info.options.export'),
|
|
183
188
|
},
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js
CHANGED
|
@@ -109,8 +109,8 @@ import '../../../../components/InlineWidget/InlineWidget.js';
|
|
|
109
109
|
import '../../../../components/IsBrowser/IsBrowser.js';
|
|
110
110
|
import '../../../../components/Popper/Popper/Popper.js';
|
|
111
111
|
import '../../../../components/Popper/PopperContext/PopperContext.js';
|
|
112
|
-
import { WalletDetailsCard } from '../WalletDetailsCard/WalletDetailsCard.js';
|
|
113
112
|
import { ActiveWalletBalance } from '../ActiveWalletBalance/ActiveWalletBalance.js';
|
|
113
|
+
import { WalletDetailsCard } from '../WalletDetailsCard/WalletDetailsCard.js';
|
|
114
114
|
import { ActiveBitcoinWalletAddresses } from './ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js';
|
|
115
115
|
import { ActiveWalletAddress } from './ActiveWalletAddress/ActiveWalletAddress.js';
|
|
116
116
|
|
|
@@ -148,24 +148,28 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
148
148
|
{
|
|
149
149
|
Icon: jsx(SvgCopy, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE }),
|
|
150
150
|
callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
151
|
+
copykey: 'dyn_active_wallet_info.options.copy_ens',
|
|
151
152
|
hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
152
153
|
text: t('dyn_active_wallet_info.options.copy_ens'),
|
|
153
154
|
},
|
|
154
155
|
{
|
|
155
156
|
Icon: (jsx(SvgEyeOutline, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
156
157
|
callback: openDetailsCard,
|
|
158
|
+
copykey: 'dyn_active_wallet_info.options.view_address',
|
|
157
159
|
hide: !address,
|
|
158
160
|
text: t('dyn_active_wallet_info.options.view_address'),
|
|
159
161
|
},
|
|
160
162
|
{
|
|
161
163
|
Icon: (jsx(SvgUnlink, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
162
164
|
callback: removePrimaryWallet,
|
|
165
|
+
copykey: 'dyn_active_wallet_info.options.disconnect',
|
|
163
166
|
hide: !address || authMode !== 'connect-only',
|
|
164
167
|
text: t('dyn_active_wallet_info.options.disconnect'),
|
|
165
168
|
},
|
|
166
169
|
{
|
|
167
170
|
Icon: (jsx(SvgWalletV2, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
168
171
|
callback: () => setDynamicWidgetView('settings'),
|
|
172
|
+
copykey: 'dyn_active_wallet_info.options.settings',
|
|
169
173
|
endSlot: showAlert() ? jsx(StatusDot, { variant: 'yellow' }) : undefined,
|
|
170
174
|
hide: !isEmbeddedWallet,
|
|
171
175
|
text: t('dyn_active_wallet_info.options.settings'),
|
|
@@ -174,6 +178,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
|
|
|
174
178
|
Icon: (jsx(SvgKey, { width: DROPDOWN_ICON_SIZE, height: DROPDOWN_ICON_SIZE })),
|
|
175
179
|
callback: exportKeysOption ||
|
|
176
180
|
(() => logger.info('No option to export private keys')),
|
|
181
|
+
copykey: 'dyn_active_wallet_info.options.export',
|
|
177
182
|
hide: !exportKeysOption,
|
|
178
183
|
text: t('dyn_active_wallet_info.options.export'),
|
|
179
184
|
},
|
|
@@ -154,7 +154,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
|
|
|
154
154
|
return (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsxRuntime.jsx(UserAvatar.UserAvatar, { user: user }) }));
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
|
-
return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: t('dyn_widget_header.buttons.deposit_funds') }), isSendBalanceEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: t('dyn_widget_header.buttons.send_funds') })), jsxRuntime.jsx(LinkButton, { connector: primaryWallet.connector })] })] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
|
|
157
|
+
return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), copykey: 'dyn_widget_header.buttons.deposit_funds', children: t('dyn_widget_header.buttons.deposit_funds') }), isSendBalanceEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), copykey: 'dyn_widget_header.buttons.send_funds', children: t('dyn_widget_header.buttons.send_funds') })), jsxRuntime.jsx(LinkButton, { connector: primaryWallet.connector })] })] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
|
|
158
158
|
};
|
|
159
159
|
React__default["default"].memo(DynamicWidgetWalletHeader);
|
|
160
160
|
|
|
@@ -146,7 +146,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
|
|
|
146
146
|
return (jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsx(UserAvatar, { user: user }) }));
|
|
147
147
|
}
|
|
148
148
|
};
|
|
149
|
-
return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: t('dyn_widget_header.buttons.deposit_funds') }), isSendBalanceEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: t('dyn_widget_header.buttons.send_funds') })), jsx(LinkButton, { connector: primaryWallet.connector })] })] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
|
|
149
|
+
return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [jsx(TypographyButton, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), copykey: 'dyn_widget_header.buttons.deposit_funds', children: t('dyn_widget_header.buttons.deposit_funds') }), isSendBalanceEnabled && (jsx(TypographyButton, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), copykey: 'dyn_widget_header.buttons.send_funds', children: t('dyn_widget_header.buttons.send_funds') })), jsx(LinkButton, { connector: primaryWallet.connector })] })] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
|
|
150
150
|
};
|
|
151
151
|
React__default.memo(DynamicWidgetWalletHeader);
|
|
152
152
|
|
package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs
CHANGED
|
@@ -118,10 +118,13 @@ const DynamicWidgetWallets = () => {
|
|
|
118
118
|
setShowLinkNewWalletModal(true);
|
|
119
119
|
setSelectedWalletConnectorKey(null);
|
|
120
120
|
};
|
|
121
|
-
|
|
121
|
+
const newWalletActionCopy = authMode$1 === 'connect-only'
|
|
122
|
+
? t('dyn_secondary_wallet.connect_new')
|
|
123
|
+
: t('dyn_secondary_wallet.link_new');
|
|
124
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallets-header', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets-header__title', copykey: 'dyn_widget.other_wallets', children: t('dyn_widget.other_wallets') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
|
|
122
125
|
color: 'primary',
|
|
123
126
|
variant: 'button_secondary',
|
|
124
|
-
}, startSlot: jsxRuntime.jsx(add.ReactComponent, {}),
|
|
127
|
+
}, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), copykey: newWalletActionCopy, children: newWalletActionCopy })] }), jsxRuntime.jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsxRuntime.jsx("div", { className: classNames.classNames('dynamic-widget-wallets__body', {
|
|
125
128
|
'dynamic-widget-wallets__body--apply-height': !isEmpty,
|
|
126
129
|
}), children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, { copykey: 'dyn_widget.empty_wallets', text: t('dyn_widget.empty_wallets', {
|
|
127
130
|
action: authMode$1 === 'connect-and-sign'
|
package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js
CHANGED
|
@@ -114,10 +114,13 @@ const DynamicWidgetWallets = () => {
|
|
|
114
114
|
setShowLinkNewWalletModal(true);
|
|
115
115
|
setSelectedWalletConnectorKey(null);
|
|
116
116
|
};
|
|
117
|
-
|
|
117
|
+
const newWalletActionCopy = authMode === 'connect-only'
|
|
118
|
+
? t('dyn_secondary_wallet.connect_new')
|
|
119
|
+
: t('dyn_secondary_wallet.link_new');
|
|
120
|
+
return (jsxs(Fragment, { children: [jsxs("div", { className: 'dynamic-widget-wallets-header', children: [jsx(Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets-header__title', copykey: 'dyn_widget.other_wallets', children: t('dyn_widget.other_wallets') }), jsx(TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
|
|
118
121
|
color: 'primary',
|
|
119
122
|
variant: 'button_secondary',
|
|
120
|
-
}, startSlot: jsx(SvgAdd, {}),
|
|
123
|
+
}, startSlot: jsx(SvgAdd, {}), copykey: newWalletActionCopy, children: newWalletActionCopy })] }), jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsx("div", { className: classNames('dynamic-widget-wallets__body', {
|
|
121
124
|
'dynamic-widget-wallets__body--apply-height': !isEmpty,
|
|
122
125
|
}), children: isEmpty ? (jsx(EmptyWallets, { copykey: 'dyn_widget.empty_wallets', text: t('dyn_widget.empty_wallets', {
|
|
123
126
|
action: authMode === 'connect-and-sign'
|
|
@@ -5,13 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var reactI18next = require('react-i18next');
|
|
8
9
|
var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
|
|
10
|
+
var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
|
|
11
|
+
require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
|
|
9
12
|
var copy = require('../../../../shared/assets/copy.cjs');
|
|
10
13
|
var key = require('../../../../shared/assets/key.cjs');
|
|
11
14
|
var switchHorizontal = require('../../../../shared/assets/switch-horizontal.cjs');
|
|
12
15
|
var unlink = require('../../../../shared/assets/unlink.cjs');
|
|
13
16
|
require('@dynamic-labs/iconic');
|
|
14
17
|
require('../../../../context/ViewContext/ViewContext.cjs');
|
|
18
|
+
require('../../../../../../_virtual/_tslib.cjs');
|
|
15
19
|
require('@dynamic-labs/sdk-api-core');
|
|
16
20
|
require('../../../../shared/logger.cjs');
|
|
17
21
|
require('@dynamic-labs/wallet-book');
|
|
@@ -19,11 +23,13 @@ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWa
|
|
|
19
23
|
require('@dynamic-labs/utils');
|
|
20
24
|
require('../../../../utils/constants/colors.cjs');
|
|
21
25
|
require('../../../../utils/constants/values.cjs');
|
|
22
|
-
require('../../../../context/DynamicContext/DynamicContext.cjs');
|
|
23
|
-
require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
|
|
24
26
|
require('../../../../shared/consts/index.cjs');
|
|
27
|
+
require('../../../../components/Alert/Alert.cjs');
|
|
25
28
|
require('../../../../events/dynamicEvents.cjs');
|
|
26
|
-
require('
|
|
29
|
+
require('../../../../context/DynamicContext/DynamicContext.cjs');
|
|
30
|
+
require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
|
|
31
|
+
var authMode = require('../../../../store/state/authMode/authMode.cjs');
|
|
32
|
+
var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
|
|
27
33
|
require('../../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
28
34
|
require('../../../../context/ErrorContext/ErrorContext.cjs');
|
|
29
35
|
require('@dynamic-labs/multi-wallet');
|
|
@@ -41,7 +47,6 @@ require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs')
|
|
|
41
47
|
require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
|
|
42
48
|
require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
|
|
43
49
|
require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
|
|
44
|
-
var authMode = require('../../../../store/state/authMode/authMode.cjs');
|
|
45
50
|
require('../../../../context/VerificationContext/VerificationContext.cjs');
|
|
46
51
|
require('react-dom');
|
|
47
52
|
require('../../../../utils/functions/compareChains/compareChains.cjs');
|
|
@@ -61,59 +66,55 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
|
|
|
61
66
|
require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
|
|
62
67
|
require('@dynamic-labs/rpc-providers');
|
|
63
68
|
require('../../../../store/state/walletOptions/walletOptions.cjs');
|
|
64
|
-
require('react-i18next');
|
|
65
|
-
var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
|
|
66
|
-
require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
|
|
67
|
-
require('../../../../components/Alert/Alert.cjs');
|
|
68
69
|
var Typography = require('../../../../components/Typography/Typography.cjs');
|
|
69
|
-
|
|
70
|
+
require('../../../../context/FooterAnimationContext/index.cjs');
|
|
70
71
|
require('../../../../components/ShadowDOM/ShadowDOM.cjs');
|
|
71
|
-
require('../../../../components/IconButton/IconButton.cjs');
|
|
72
|
-
require('../../../../components/InlineWidget/InlineWidget.cjs');
|
|
73
|
-
require('../../../../components/Input/Input.cjs');
|
|
74
|
-
require('../../../../components/IsBrowser/IsBrowser.cjs');
|
|
75
|
-
require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
|
|
76
|
-
require('../../../../components/OverlayCard/OverlayCard.cjs');
|
|
77
72
|
require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
|
|
78
73
|
require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
|
|
79
74
|
require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
|
|
80
|
-
require('../../../../components/
|
|
81
|
-
require('../../../../components/Popper/Popper/Popper.cjs');
|
|
82
|
-
require('../../../../components/Popper/PopperContext/PopperContext.cjs');
|
|
83
|
-
require('react-focus-lock');
|
|
84
|
-
require('qrcode');
|
|
85
|
-
require('formik');
|
|
86
|
-
require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
|
|
75
|
+
require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
|
|
87
76
|
require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
|
|
88
|
-
require('
|
|
89
|
-
require('
|
|
90
|
-
var
|
|
91
|
-
require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
|
|
77
|
+
require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
|
|
78
|
+
require('react-focus-lock');
|
|
79
|
+
var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
|
|
92
80
|
var helpers = require('../../helpers/helpers.cjs');
|
|
93
|
-
require('@hcaptcha/react-hcaptcha');
|
|
94
81
|
require('../../context/DynamicWidgetContext.cjs');
|
|
95
|
-
require('../../../../context/FooterAnimationContext/index.cjs');
|
|
96
|
-
require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
|
|
97
|
-
require('../../../../context/PasskeyContext/PasskeyContext.cjs');
|
|
98
|
-
require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
|
|
99
|
-
require('../../../../store/state/sendBalances.cjs');
|
|
100
|
-
require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
|
|
101
|
-
require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
|
|
102
|
-
require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
|
|
103
82
|
var useSwitchWallet = require('../../../../utils/hooks/useSwitchWallet/useSwitchWallet.cjs');
|
|
83
|
+
var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
|
|
84
|
+
require('formik');
|
|
85
|
+
require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
|
|
86
|
+
require('../../../../components/IconButton/IconButton.cjs');
|
|
87
|
+
require('../../../../store/state/sendBalances.cjs');
|
|
88
|
+
require('../../../../components/Input/Input.cjs');
|
|
89
|
+
require('../../../../components/OverlayCard/OverlayCard.cjs');
|
|
90
|
+
require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
|
|
104
91
|
require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
|
|
92
|
+
require('../../../../context/PasskeyContext/PasskeyContext.cjs');
|
|
105
93
|
require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
|
|
106
94
|
require('../../../../context/OnrampContext/OnrampContext.cjs');
|
|
95
|
+
require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
|
|
96
|
+
require('qrcode');
|
|
107
97
|
require('../../views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
|
|
108
98
|
require('../../../../../index.cjs');
|
|
99
|
+
require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
|
|
100
|
+
require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
|
|
101
|
+
require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
|
|
102
|
+
require('@hcaptcha/react-hcaptcha');
|
|
103
|
+
require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
|
|
104
|
+
require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
|
|
105
|
+
require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
|
|
109
106
|
require('../../../../store/state/tokenBalances.cjs');
|
|
110
107
|
require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
|
|
111
|
-
|
|
108
|
+
require('../../../../components/InlineWidget/InlineWidget.cjs');
|
|
109
|
+
require('../../../../components/IsBrowser/IsBrowser.cjs');
|
|
110
|
+
require('../../../../components/Popper/Popper/Popper.cjs');
|
|
111
|
+
require('../../../../components/Popper/PopperContext/PopperContext.cjs');
|
|
112
112
|
|
|
113
113
|
const Wallet = ({ wallet, ens, clickable }) => {
|
|
114
114
|
var _a;
|
|
115
115
|
const { connector, address } = wallet;
|
|
116
116
|
const switchWallet = useSwitchWallet.useSwitchWallet();
|
|
117
|
+
const { t } = reactI18next.useTranslation();
|
|
117
118
|
const { setSelectedWalletWithAction, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
|
|
118
119
|
const authMode$1 = authMode.useAuthMode();
|
|
119
120
|
const handleSwitchWallet = React.useCallback(() => {
|
|
@@ -124,28 +125,36 @@ const Wallet = ({ wallet, ens, clickable }) => {
|
|
|
124
125
|
{
|
|
125
126
|
Icon: jsxRuntime.jsx(switchHorizontal.ReactComponent, {}),
|
|
126
127
|
callback: handleSwitchWallet,
|
|
128
|
+
copykey: 'dyn_secondary_wallet.title',
|
|
127
129
|
hide: !((_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.isAvailable),
|
|
128
|
-
text: '
|
|
130
|
+
text: t('dyn_secondary_wallet.title'),
|
|
129
131
|
},
|
|
130
132
|
];
|
|
131
133
|
if (ens === null || ens === void 0 ? void 0 : ens.name) {
|
|
132
134
|
options.push({
|
|
133
135
|
Icon: jsxRuntime.jsx(copy.ReactComponent, {}),
|
|
134
136
|
callback: () => helpers.copyToClipboard(ens.name),
|
|
135
|
-
|
|
137
|
+
copykey: 'dyn_secondary_wallet.copy_ens',
|
|
138
|
+
text: t('dyn_secondary_wallet.copy_ens'),
|
|
136
139
|
});
|
|
137
140
|
}
|
|
138
141
|
options.push({
|
|
139
142
|
Icon: jsxRuntime.jsx(copy.ReactComponent, {}),
|
|
140
143
|
callback: () => helpers.copyToClipboard(address || ''),
|
|
141
|
-
|
|
144
|
+
copykey: 'dyn_secondary_wallet.copy_address',
|
|
145
|
+
text: t('dyn_secondary_wallet.copy_address'),
|
|
142
146
|
});
|
|
143
147
|
if (!walletConnectorCore.isEmbeddedConnector(connector) &&
|
|
144
148
|
!(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.multiWalletUnlinkDisabled)) {
|
|
145
149
|
options.push({
|
|
146
150
|
Icon: jsxRuntime.jsx(unlink.ReactComponent, {}),
|
|
147
151
|
callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),
|
|
148
|
-
|
|
152
|
+
copykey: authMode$1 === 'connect-only'
|
|
153
|
+
? 'dyn_secondary_wallet.disconnect_from_account'
|
|
154
|
+
: 'dyn_secondary_wallet.unlink_from_account',
|
|
155
|
+
text: authMode$1 === 'connect-only'
|
|
156
|
+
? t('dyn_secondary_wallet.disconnect_from_account')
|
|
157
|
+
: t('dyn_secondary_wallet.unlink_from_account'),
|
|
149
158
|
});
|
|
150
159
|
}
|
|
151
160
|
const exportKeysOption = helpers.getExportKeysOption(connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
|
|
@@ -153,7 +162,8 @@ const Wallet = ({ wallet, ens, clickable }) => {
|
|
|
153
162
|
options.push({
|
|
154
163
|
Icon: jsxRuntime.jsx(key.ReactComponent, {}),
|
|
155
164
|
callback: exportKeysOption,
|
|
156
|
-
|
|
165
|
+
copykey: 'dyn_secondary_wallet.export',
|
|
166
|
+
text: t('dyn_secondary_wallet.export'),
|
|
157
167
|
});
|
|
158
168
|
}
|
|
159
169
|
return (jsxRuntime.jsxs("div", { className: 'wallet__container', "data-testid": 'wallet', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('wallet__row', {
|