feat: 💄 Add UTXO disclaimer on Bitcoin like coins (#7840)

.changeset/unlucky-seals-remember.md

@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Add UTXO disclaimer on Receive

apps/ledger-live-desktop/src/renderer/components/UTXOAddressAlert.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Trans } from "react-i18next";
+import { Text, Alert } from "@ledgerhq/react-ui";
+
+export function UTXOAddressAlert() {
+ return (
+ <Alert
+ type={"info"}
+ containerProps={{ p: 12, borderRadius: 8 }}
+ renderContent={() => (
+ <Text
+ variant="paragraphLineHeight"
+ fontWeight="semiBold"
+ color="neutral.c100"
+ fontSize={13}
+ >
+ <Trans i18nKey="currentAddress.utxoWarning" />
+ </Text>
+ )}
+ />
+ );
+}

apps/ledger-live-desktop/src/renderer/modals/Receive/steps/StepReceiveFunds.tsx

@@ -21,7 +21,7 @@ import SuccessDisplay from "~/renderer/components/SuccessDisplay";
 import Receive2NoDevice from "~/renderer/components/Receive2NoDevice";
 import { renderVerifyUnwrapped } from "~/renderer/components/DeviceAction/rendering";
 import { StepProps } from "../Body";
-import { AccountLike, PostOnboardingActionId } from "@ledgerhq/types-live";
+import { Account, PostOnboardingActionId } from "@ledgerhq/types-live";
 import { track } from "~/renderer/analytics/segment";
 import Modal from "~/renderer/components/Modal";
 import Alert from "~/renderer/components/Alert";
@@ -39,6 +39,7 @@ import { firstValueFrom } from "rxjs";
 import { useCompleteActionCallback } from "~/renderer/components/PostOnboardingHub/logic/useCompleteAction";
 import { getDefaultAccountName } from "@ledgerhq/live-wallet/accountName";
 import { useMaybeAccountName } from "~/renderer/reducers/wallet";
+import { UTXOAddressAlert } from "~/renderer/components/UTXOAddressAlert";
 
 const Separator = styled.div`
  border-top: 1px solid #99999933;
@@ -54,17 +55,21 @@ const QRCodeWrapper = styled.div`
  width: 208px;
  background: white;
 `;
+
+const UTXOFamily = ["bitcoin", "bitcoin_cash", "dash", "dogecoin", "litecoin", "zcash", "cardano"];
+
 const Receive1ShareAddress = ({
  account,
  name,
  address,
  showQRCodeModal,
 }: {
- account: AccountLike;
+ account: Account;
  name: string;
  address: string;
  showQRCodeModal: () => void;
 }) => {
+ const isUTXOCompliant = UTXOFamily.includes(account.currency.id);
  return (
  <>
  <Box horizontal alignItems="center" flow={2} mb={4}>
@@ -93,6 +98,12 @@ const Receive1ShareAddress = ({
  <LinkShowQRCode onClick={showQRCodeModal} address={address} />
  </Box>
  <ReadOnlyAddressField address={address} />
+
+ {isUTXOCompliant && (
+ <Box mt={3}>
+ <UTXOAddressAlert />
+ </Box>
+ )}
  </>
  );
 };

apps/ledger-live-desktop/static/i18n/en/app.json

@@ -1530,7 +1530,8 @@
  "messageIfSkipped": "Your {{name}} address was not confirmed on your Ledger device. Please verify it for security.",
  "showQrCode": "Show QR Code",
  "taprootWarning": "Make sure the sender supports taproot",
- "dashStakingWarning": "Please make sure you don't use this address for receiving staking rewards"
+ "dashStakingWarning": "Please make sure you don't use this address for receiving staking rewards",
+ "utxoWarning": "For privacy reasons, a new address is generated for every transaction. The previous ones do remain valid."
  },
  "emptyState": {
  "dashboard": {