@dynamic-labs/sdk-react-core 4.20.16 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +11 -11
  5. package/src/index.cjs +1 -1
  6. package/src/index.js +1 -1
  7. package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.types.d.ts +1 -0
  8. package/src/lib/components/NetworkPicker/components/Network/Network.cjs +1 -1
  9. package/src/lib/components/NetworkPicker/components/Network/Network.js +1 -1
  10. package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs +1 -1
  11. package/src/lib/components/SendBalanceForm/SendBalanceForm.js +1 -1
  12. package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs +1 -1
  13. package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js +1 -1
  14. package/src/lib/components/TypographyButton/TypographyButton.cjs +1 -1
  15. package/src/lib/components/TypographyButton/TypographyButton.js +1 -1
  16. package/src/lib/locale/en/translation.cjs +17 -0
  17. package/src/lib/locale/en/translation.d.ts +17 -0
  18. package/src/lib/locale/en/translation.js +17 -0
  19. package/src/lib/utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.d.ts +2 -1
  20. package/src/lib/utils/hooks/useSubmitExchangeFunding/useSubmitExchangeFunding.cjs +1 -1
  21. package/src/lib/utils/hooks/useSubmitExchangeFunding/useSubmitExchangeFunding.js +1 -1
  22. package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.cjs +14 -9
  23. package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.js +14 -9
  24. package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs +1 -1
  25. package/src/lib/views/AccessBlockedView/AccessBlockedView.js +1 -1
  26. package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.cjs +1 -1
  27. package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.js +1 -1
  28. package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.cjs +2 -2
  29. package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.js +2 -2
  30. package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.cjs +1 -1
  31. package/src/lib/views/GlobalWalletInfoView/GlobalWalletInfoView.js +1 -1
  32. package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs +1 -1
  33. package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js +1 -1
  34. package/src/lib/views/MfaExchangeView/MfaExchangeView.cjs +2 -2
  35. package/src/lib/views/MfaExchangeView/MfaExchangeView.js +2 -2
  36. package/src/lib/views/MfaRecoveryView/MfaRecoveryView.cjs +1 -1
  37. package/src/lib/views/MfaRecoveryView/MfaRecoveryView.js +1 -1
  38. package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.cjs +2 -2
  39. package/src/lib/views/MfaSecureDeviceHelpView/MfaSecureDeviceHelpView.js +2 -2
  40. package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.cjs +1 -1
  41. package/src/lib/views/MfaSecureDeviceView/MfaSecureDeviceView.js +1 -1
  42. package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.cjs +2 -2
  43. package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.js +2 -2
  44. package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs +1 -1
  45. package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js +1 -1
  46. package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs +1 -1
  47. package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js +1 -1
  48. package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs +1 -1
  49. package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js +1 -1
  50. package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs +1 -1
  51. package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js +1 -1
  52. package/src/lib/views/SessionPermissionsView/SessionPermissionsView.cjs +2 -2
  53. package/src/lib/views/SessionPermissionsView/SessionPermissionsView.js +2 -2
  54. package/src/lib/views/SubdomainField/SubdomainField.cjs +1 -1
  55. package/src/lib/views/SubdomainField/SubdomainField.js +1 -1
  56. package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.cjs +1 -1
  57. package/src/lib/views/SyncWalletView/AutoReconnectingView/AutoReconnectingView.js +1 -1
  58. package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.cjs +4 -2
  59. package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.js +4 -2
  60. package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.cjs +1 -1
  61. package/src/lib/views/WalletAlreadyExistsView/WalletAlreadyExistsView.js +1 -1
  62. package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs +3 -0
  63. package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js +3 -0
  64. package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs +1 -1
  65. package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.js +1 -1
  66. package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceList/TokenBalanceList.cjs +1 -1
  67. package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceList/TokenBalanceList.js +1 -1
  68. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs +1 -1
  69. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js +1 -1
  70. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +6 -1
  71. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +6 -1
  72. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +1 -1
  73. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +1 -1
  74. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs +5 -2
  75. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js +5 -2
  76. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +51 -41
  77. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +51 -41
  78. package/src/lib/widgets/DynamicWidget/components/WalletDetailsCard/WalletDetailsCard.cjs +1 -1
  79. package/src/lib/widgets/DynamicWidget/components/WalletDetailsCard/WalletDetailsCard.js +1 -1
  80. package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs +5 -5
  81. package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js +5 -5
  82. package/src/lib/widgets/DynamicWidget/views/ChooseLinkedWalletView/ChooseLinkedWalletView.cjs +1 -1
  83. package/src/lib/widgets/DynamicWidget/views/ChooseLinkedWalletView/ChooseLinkedWalletView.js +1 -1
  84. package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs +1 -1
  85. package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.js +1 -1
  86. package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs +1 -1
  87. package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.js +1 -1
  88. package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs +7 -7
  89. package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js +7 -7
  90. package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.cjs +2 -2
  91. package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.js +2 -2
  92. package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs +1 -1
  93. package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js +1 -1
  94. package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.cjs +3 -3
  95. package/src/lib/widgets/DynamicWidget/views/DepositedExchangeView/DepositedExchangeView.js +3 -3
  96. package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.cjs +2 -2
  97. package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.js +2 -2
  98. package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/components/UserDeviceTile.cjs +7 -4
  99. package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/components/UserDeviceTile.js +7 -4
  100. package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs +2 -1
  101. package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js +2 -1
  102. package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs +5 -3
  103. package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js +5 -3
  104. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.cjs +3 -3
  105. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.js +3 -3
  106. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.cjs +1 -1
  107. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.js +1 -1
  108. package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.cjs +1 -1
  109. package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.js +1 -1
  110. package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.cjs +1 -1
  111. 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
  },
@@ -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 };
@@ -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
  },
@@ -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
 
@@ -118,10 +118,13 @@ const DynamicWidgetWallets = () => {
118
118
  setShowLinkNewWalletModal(true);
119
119
  setSelectedWalletConnectorKey(null);
120
120
  };
121
- 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.jsxs(TypographyButton.TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
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, {}), children: [authMode$1 === 'connect-only' ? 'Connect' : 'Link', " new"] })] }), jsxRuntime.jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsxRuntime.jsx("div", { className: classNames.classNames('dynamic-widget-wallets__body', {
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'
@@ -114,10 +114,13 @@ const DynamicWidgetWallets = () => {
114
114
  setShowLinkNewWalletModal(true);
115
115
  setSelectedWalletConnectorKey(null);
116
116
  };
117
- 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') }), jsxs(TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
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, {}), children: [authMode === 'connect-only' ? 'Connect' : 'Link', " new"] })] }), jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsx("div", { className: classNames('dynamic-widget-wallets__body', {
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('../../../../../../_virtual/_tslib.cjs');
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
- var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
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/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
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('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
89
- require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
90
- var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
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
- var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
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: 'Select wallet',
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
- text: 'Copy ENS',
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
- text: 'Copy address',
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
- text: `${authMode$1 === 'connect-only' ? 'Disconnect' : 'Unlink'} from my account`,
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
- text: 'Export private keys',
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', {