Feat/solana tokens support

.changeset/honest-dingos-unite.md

@@ -0,0 +1,11 @@
+---
+"@ledgerhq/cryptoassets": minor
+"@ledgerhq/types-live": minor
+"@ledgerhq/coin-solana": minor
+"ledger-live-desktop": minor
+"live-mobile": minor
+"@ledgerhq/live-common": minor
+"@ledgerhq/coin-framework": minor
+---
+
+Solana spl tokens support

apps/ledger-live-desktop/src/config/urls.ts

@@ -4,6 +4,7 @@ export const supportLinkByTokenType = {
   trc20: "https://support.ledger.com/article/360013062159-zd",
   asa: "https://support.ledger.com/article/360015896040-zd",
   nfts: "https://support.ledger.com/article/4404389453841-zd",
+  // spl: "Solana spl tokens. TODO: to be defined",
 };
 
 const errors: Record<string, string> = {
@@ -153,6 +154,7 @@ export const urls = {
   },
   solana: {
     staking: "https://support.ledger.com/article/4731749170461-zd",
+    splTokenInfo: "Solana spl tokens link TODO: to be defined",
     recipient_info: "https://support.ledger.com",
     ledgerByFigmentTC:
       "https://cdn.figment.io/legal/Current%20Ledger_Online%20Staking%20Delgation%20Services%20Agreement.pdf",

apps/ledger-live-desktop/src/renderer/components/OperationsList/ConfirmationCheck.tsx

@@ -120,6 +120,7 @@ const iconsComponent = {
   STAKE: IconDelegate,
   UNSTAKE: IconUndelegate,
   WITHDRAW_UNSTAKED: IconCoins,
+  BURN: IconTrash,
 };
 class ConfirmationCheck extends PureComponent<{
   marketColor: string;

apps/ledger-live-desktop/src/renderer/families/solana/AccountHeaderManageActions.ts

@@ -6,10 +6,14 @@ import { openModal } from "~/renderer/actions/modals";
 import IconCoins from "~/renderer/icons/Coins";
 import { SolanaFamily } from "./types";
 
-const AccountHeaderActions: SolanaFamily["accountHeaderManageActions"] = ({ account, source }) => {
+const AccountHeaderActions: SolanaFamily["accountHeaderManageActions"] = ({
+  account,
+  parentAccount,
+  source,
+}) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
-  const mainAccount = getMainAccount(account);
+  const mainAccount = getMainAccount(account, parentAccount);
   const { solanaResources } = mainAccount;
 
   const onClick = useCallback(() => {
@@ -34,6 +38,10 @@ const AccountHeaderActions: SolanaFamily["accountHeaderManageActions"] = ({ acco
     }
   }, [account, dispatch, source, solanaResources, mainAccount]);
 
+  if (account.type === "TokenAccount") {
+    return null;
+  }
+
   return [
     {
       key: "Stake",

apps/ledger-live-desktop/src/renderer/families/solana/AccountSubHeader.tsx

@@ -1,5 +1,30 @@
 import React from "react";
+import { Trans } from "react-i18next";
+import { SolanaAccount, SolanaTokenAccount } from "@ledgerhq/live-common/families/solana/types";
+import { isTokenAccountFrozen } from "@ledgerhq/live-common/families/solana/logic";
+import { SubAccount } from "@ledgerhq/types-live";
+
+import Box from "~/renderer/components/Box";
+import Alert from "~/renderer/components/Alert";
 import AccountSubHeader from "../../components/AccountSubHeader/index";
-export default function SolanaAccountSubHeader() {
-  return <AccountSubHeader family="Solana" team="Solana Labs"></AccountSubHeader>;
+
+type Account = SolanaAccount | SolanaTokenAccount | SubAccount;
+
+type Props = {
+  account: Account;
+};
+
+export default function SolanaAccountSubHeader({ account }: Props) {
+  return (
+    <>
+      {isTokenAccountFrozen(account) && (
+        <Box mb={10}>
+          <Alert type="warning">
+            <Trans i18nKey="solana.token.frozenStateWarning" />
+          </Alert>
+        </Box>
+      )}
+      <AccountSubHeader family="Solana" team="Solana Labs"></AccountSubHeader>
+    </>
+  );
 }

apps/ledger-live-desktop/src/renderer/families/solana/TransactionConfirmFields.tsx

@@ -0,0 +1,67 @@
+import React, { useMemo } from "react";
+import { getDeviceTransactionConfig } from "@ledgerhq/live-common/transaction/index";
+import { SolanaFamily } from "./types";
+import Alert from "~/renderer/components/Alert";
+import { Trans } from "react-i18next";
+import ConfirmTitle from "~/renderer/components/TransactionConfirm/ConfirmTitle";
+import LinkWithExternalIcon from "~/renderer/components/LinkWithExternalIcon";
+import Box from "~/renderer/components/Box";
+import { openURL } from "~/renderer/linking";
+import { useLocalizedUrl } from "~/renderer/hooks/useLocalizedUrls";
+import { urls } from "~/config/urls";
+
+const Title: TitleComponent = props => {
+  const { transaction, account, parentAccount, status } = props;
+  const transferTokenHelpUrl = useLocalizedUrl(urls.solana.splTokenInfo);
+
+  const fields = getDeviceTransactionConfig({
+    account,
+    parentAccount,
+    transaction,
+    status,
+  });
+
+  const typeTransaction: string | undefined = useMemo(() => {
+    const typeField = fields.find(field => field.label && field.label === "Type");
+
+    if (typeField && typeField.type === "text" && typeField.value) {
+      return typeField.value;
+    }
+  }, [fields]);
+
+  if (transaction.model.commandDescriptor?.command.kind === "token.transfer") {
+    return (
+      <Box
+        flexDirection="column"
+        alignItems="center"
+        gap={4}
+        mb={4}
+        justifyContent="center"
+        className="title-test-transfer"
+      >
+        <ConfirmTitle title={undefined} typeTransaction={typeTransaction} {...props} />
+        <Alert type="warning">
+          <Trans i18nKey="solana.token.transferWarning">
+            <LinkWithExternalIcon
+              color="palette.warning.c60"
+              onClick={() => openURL(transferTokenHelpUrl)}
+            />
+          </Trans>
+        </Alert>
+      </Box>
+    );
+  }
+
+  return <ConfirmTitle title={undefined} typeTransaction={typeTransaction} {...props} />;
+};
+
+type TransactionConfirmFields = SolanaFamily["transactionConfirmFields"];
+type TitleComponent = NonNullable<NonNullable<TransactionConfirmFields>["title"]>;
+
+const transactionConfirmFields: TransactionConfirmFields = {
+  // footer: Footer, // is not shown without manifestId
+  // fieldComponents,
+  title: Title,
+};
+
+export default transactionConfirmFields;

apps/ledger-live-desktop/src/renderer/families/solana/index.ts

@@ -6,6 +6,7 @@ import AccountBalanceSummaryFooter from "./AccountBalanceSummaryFooter";
 import StakeBanner from "./StakeBanner";
 import { SolanaFamily } from "./types";
 import operationDetails from "./operationDetails";
+import transactionConfirmFields from "./TransactionConfirmFields";
 
 const family: SolanaFamily = {
   accountHeaderManageActions,
@@ -15,6 +16,7 @@ const family: SolanaFamily = {
   AccountBalanceSummaryFooter,
   StakeBanner,
   operationDetails,
+  transactionConfirmFields,
 };
 
 export default family;

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

@@ -195,7 +195,8 @@
       "STAKE": "Staked",
       "UNSTAKE": "Unstaked",
       "WITHDRAW_UNSTAKED": "Withdrawn",
-      "SENDING": "Sending"
+      "SENDING": "Sending",
+      "BURN": "Burned"
     },
     "edit": {
       "title": "Speed up or Cancel",
@@ -3695,6 +3696,10 @@
           }
         }
       }
+    },
+    "token": {
+      "frozenStateWarning": "Account assets are frozen!",
+      "transferWarning": "Solana SPL tokens transactions have unique characteristics. To learn more, visit: <0>ledger.com/spl</0>"
     }
   },
   "ethereum": {
@@ -6067,6 +6072,15 @@
     "SolanaAccountNotFunded": {
       "title": "Account not funded"
     },
+    "SolanaAssociatedTokenAccountWillBeFunded": {
+      "title": "Account will be funded"
+    },
+    "SolanaTokenAccountFrozen": {
+      "title": "Token account assets are frozen"
+    },
+    "SolanaTokenAccounNotInitialized": {
+      "title": "Account not initialized"
+    },
     "SolanaMemoIsTooLong": {
       "title": "Memo is too long. Max length is {{maxLength}}"
     },

apps/ledger-live-mobile/src/families/solana/AccountSubHeader.tsx

@@ -1,8 +1,32 @@
 import React from "react";
+import { Trans } from "react-i18next";
+import { SubAccount } from "@ledgerhq/types-live";
+import { Box, Alert, Text } from "@ledgerhq/native-ui";
+import { isTokenAccountFrozen } from "@ledgerhq/live-common/families/solana/logic";
+import { SolanaAccount, SolanaTokenAccount } from "@ledgerhq/live-common/families/solana/types";
 import AccountSubHeader from "~/components/AccountSubHeader";
 
-function SolanaAccountSubHeader() {
-  return <AccountSubHeader family="Solana" team="Solana Labs" />;
+type Account = SolanaAccount | SolanaTokenAccount | SubAccount;
+
+type Props = {
+  account: Account;
+};
+
+function SolanaAccountSubHeader({ account }: Props) {
+  return (
+    <>
+      {isTokenAccountFrozen(account) && (
+        <Box mt={6}>
+          <Alert type="warning">
+            <Text variant="body">
+              <Trans i18nKey="solana.token.frozenStateWarning" />
+            </Text>
+          </Alert>
+        </Box>
+      )}
+      <AccountSubHeader family="Solana" team="Solana Labs" />
+    </>
+  );
 }
 
 export default SolanaAccountSubHeader;

apps/ledger-live-mobile/src/families/solana/SendRowsFee.tsx

@@ -32,15 +32,15 @@ type Props = {
   StackNavigatorProps<BaseNavigatorStackParamList>
 >;
 
-export default function SolanaFeeRow({ account, status }: Props) {
+export default function SolanaFeeRow({ account, parentAccount, status }: Props) {
   const { colors } = useTheme();
   const extraInfoFees = useCallback(() => {
     Linking.openURL(urls.solana.supportPage);
   }, []);
 
   const fees = (status as SolanaTransactionStatus).estimatedFees;
 
-  const unit = useAccountUnit(account);
+  const unit = useAccountUnit(account.type === "TokenAccount" ? parentAccount || account : account);
   const currency = getAccountCurrency(account);
 
   return (

apps/ledger-live-mobile/src/families/solana/TransactionConfirmFields.tsx

@@ -0,0 +1,46 @@
+import invariant from "invariant";
+import React from "react";
+import { Linking, View } from "react-native";
+import { Trans } from "react-i18next";
+import { Link } from "@ledgerhq/native-ui";
+import { DeviceTransactionField } from "@ledgerhq/live-common/transaction/index";
+import {
+  SolanaAccount,
+  SolanaTokenAccount,
+  Transaction,
+  TransactionStatus,
+} from "@ledgerhq/live-common/families/solana/types";
+import Alert from "~/components/Alert";
+import { urls } from "~/utils/urls";
+import LText from "~/components/LText";
+
+type SolanaFieldComponentProps = {
+  account: SolanaAccount | SolanaTokenAccount;
+  parentAccount: SolanaAccount | undefined | null;
+  transaction: Transaction;
+  status: TransactionStatus;
+  field: DeviceTransactionField;
+};
+
+const Warning = ({ transaction }: SolanaFieldComponentProps) => {
+  invariant(transaction.family === "solana", "solana transaction");
+  if (transaction.model.commandDescriptor?.command.kind === "token.transfer") {
+    return (
+      <View>
+        <Alert type="hint">
+          <LText>
+            <Trans i18nKey="solana.token.transferWarning">
+              <Link onPress={() => Linking.openURL(urls.solana.splTokenInfo)} type="color" />
+            </Trans>
+          </LText>
+        </Alert>
+      </View>
+    );
+  }
+  return null;
+};
+
+export default {
+  warning: Warning,
+  fieldComponents: {},
+};

apps/ledger-live-mobile/src/locales/en/common.json

@@ -765,6 +765,12 @@
     "SolanaAccountNotFunded": {
       "title": "Account not funded"
     },
+    "SolanaAssociatedTokenAccountWillBeFunded": {
+      "title": "Account will be funded"
+    },
+    "SolanaTokenAccountFrozen": {
+      "title": "Token account assets are frozen"
+    },
     "SolanaAddressOfEd25519": {
       "title": "Address off ed25519 curve"
     },
@@ -5856,6 +5862,10 @@
         "description": "You may earn rewards by delegating your SOL assets to a validator."
       },
       "reserveWarning": "Please ensure you reserve at least {{amount}} SOL in your wallet to cover future network fees to deactivate and withdraw your stake"
+    },
+    "token": {
+      "frozenStateWarning": "Account assets are frozen!",
+      "transferWarning": "Double-check the transaction details on your Ledger device before signing. Solana SPL tokens transactions have unique characteristics. To learn more, visit: <0>ledger.com/spl</0>"
     }
   },
   "near": {

apps/ledger-live-mobile/src/screens/Account/ListHeaderComponent.tsx

@@ -161,7 +161,7 @@ export function getListHeaderComponents({
       <Header key="Header" />,
       !!AccountSubHeader && (
         <Box bg={colors.background.main} key="AccountSubHeader">
-          <AccountSubHeader />
+          <AccountSubHeader account={account} parentAccount={parentAccount} />
         </Box>
       ),
       oldestEditableOperation ? (

apps/ledger-live-mobile/src/utils/urls.tsx

@@ -160,6 +160,7 @@ export const urls = {
   solana: {
     supportPage: "https://support.ledger.com",
     stakingPage: "https://support.ledger.com/article/4731749170461-zd",
+    splTokenInfo: "Solana spl tokens link TODO: to be defined",
   },
   resources: {
     gettingStarted:

libs/coin-framework/src/operation.ts

@@ -173,6 +173,7 @@ export function getOperationAmountNumber(op: Operation): BigNumber {
     case "OPT_OUT":
     case "SLASH":
     case "LOCK":
+    case "BURN":
       return op.value.negated();
 
     case "FREEZE":