[Release] Bugfix - XRP custom UI missing (#7109)

* Brings back XRP LLD custom UI

* Brings back XRP LLM custom UI

* changeset

.changeset/sixty-trains-divide.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": patch
+"live-mobile": patch
+---
+
+Brings back the Custom UIs of XRP family in LLM & LLD (dropped due to the renamming of the family from ripple to xrp)

apps/ledger-live-desktop/src/renderer/families/ripple/SendAmountFields.tsx → apps/ledger-live-desktop/src/renderer/families/xrp/SendAmountFields.tsx

@@ -26,7 +26,7 @@ const InputRight = styled(Box).attrs(() => ({
   pr: 3,
 }))``;
 function FeesField({ account, transaction, onChange, status, trackProperties = {} }: Props) {
-  invariant(transaction.family === "xrp", "FeeField: ripple family expected");
+  invariant(transaction.family === "xrp", "FeeField: xrp family expected");
   const bridge = getAccountBridge(account);
   const onChangeFee = useCallback(
     (fee: BigNumber) => {

apps/ledger-live-mobile/src/components/RootNavigator/types/SendFundsNavigator.ts

@@ -198,7 +198,7 @@ export type SendFundsNavigatorStackParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditFee]: {
+  [ScreenName.XrpEditFee]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;
@@ -266,7 +266,7 @@ export type SendFundsNavigatorStackParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditTag]: {
+  [ScreenName.XrpEditTag]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;

apps/ledger-live-mobile/src/components/RootNavigator/types/SignTransactionNavigator.ts

@@ -157,7 +157,7 @@ export type SignTransactionNavigatorParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditFee]: {
+  [ScreenName.XrpEditFee]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;
@@ -238,7 +238,7 @@ export type SignTransactionNavigatorParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditTag]: {
+  [ScreenName.XrpEditTag]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;

apps/ledger-live-mobile/src/components/RootNavigator/types/SwapNavigator.ts

@@ -167,7 +167,7 @@ export type SwapNavigatorParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditFee]: {
+  [ScreenName.XrpEditFee]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;
@@ -235,7 +235,7 @@ export type SwapNavigatorParamList = {
       | ScreenName.SendSelectDevice
       | ScreenName.SwapForm;
   };
-  [ScreenName.RippleEditTag]: {
+  [ScreenName.XrpEditTag]: {
     accountId: string;
     parentId?: string;
     transaction: RippleTransaction;

apps/ledger-live-mobile/src/const/navigation.ts

@@ -126,8 +126,8 @@ export enum ScreenName {
   RegionSettings = "RegionSettings",
   RepairDevice = "RepairDevice",
   Resources = "Resources",
-  RippleEditFee = "RippleEditFee",
-  RippleEditTag = "RippleEditTag",
+  XrpEditFee = "XrpEditFee",
+  XrpEditTag = "XrpEditTag",
   ScanAccounts = "ScanAccounts",
   ScanRecipient = "ScanRecipient",
   SendAmountCoin = "SendAmountCoin",

apps/ledger-live-mobile/src/families/index.ts

@@ -10,7 +10,7 @@ export * from "./hedera";
 export * from "./internet_computer";
 export * from "./near";
 export * from "./polkadot";
-export * from "./ripple";
+export * from "./xrp";
 export * from "./solana";
 export * from "./stacks";
 export * from "./casper";

apps/ledger-live-mobile/src/families/ripple/ScreenEditFee.tsx → apps/ledger-live-mobile/src/families/xrp/ScreenEditFee.tsx

@@ -24,7 +24,7 @@ type RouteParams = {
   transaction: Transaction;
 };
 
-function RippleEditFee({ route }: Props) {
+function XrpEditFee({ route }: Props) {
   const { colors } = useTheme();
   const { account } = useSelector(accountScreenSelector(route));
   if (!account) return null;
@@ -47,7 +47,7 @@ function RippleEditFee({ route }: Props) {
   );
 }
 
-export { options, RippleEditFee as component };
+export { options, XrpEditFee as component };
 const styles = StyleSheet.create({
   root: {
     flex: 1,

apps/ledger-live-mobile/src/families/ripple/ScreenEditTag.tsx → apps/ledger-live-mobile/src/families/xrp/ScreenEditTag.tsx

@@ -19,7 +19,7 @@ import { BaseComposite } from "~/components/RootNavigator/types/helpers";
 import { SendFundsNavigatorStackParamList } from "~/components/RootNavigator/types/SendFundsNavigator";
 
 type NavigationProps = BaseComposite<
-  StackScreenProps<SendFundsNavigatorStackParamList, ScreenName.RippleEditTag>
+  StackScreenProps<SendFundsNavigatorStackParamList, ScreenName.XrpEditTag>
 >;
 
 const uint32maxPlus1 = BigNumber(2).pow(32);
@@ -28,7 +28,7 @@ const options = {
   headerLeft: undefined,
 };
 
-function RippleEditTag({ route, navigation }: NavigationProps) {
+function XrpEditTag({ route, navigation }: NavigationProps) {
   const { colors } = useTheme();
   const { account } = useSelector(accountScreenSelector(route));
   const { t } = useTranslation();
@@ -111,7 +111,7 @@ function RippleEditTag({ route, navigation }: NavigationProps) {
   );
 }
 
-export { options, RippleEditTag as component };
+export { options, XrpEditTag as component };
 const styles = StyleSheet.create({
   root: {
     flex: 1,

apps/ledger-live-mobile/src/families/ripple/SendRowTag.tsx → apps/ledger-live-mobile/src/families/xrp/SendRowTag.tsx

@@ -24,13 +24,13 @@ type Props = {
   account: Account;
   transaction: Transaction;
 } & Navigation;
-export default function RippleTagRow({ account, transaction }: Props) {
+export default function XrpTagRow({ account, transaction }: Props) {
   const { colors } = useTheme();
   const navigation = useNavigation<Navigation["navigation"]>();
   const route = useRoute<Navigation["route"]>();
   const { locale } = useSettings();
   const editTag = useCallback(() => {
-    navigation.navigate(ScreenName.RippleEditTag, {
+    navigation.navigate(ScreenName.XrpEditTag, {
       ...route.params,
       accountId: account.id,
       parentId: undefined,

apps/ledger-live-mobile/src/families/ripple/SendRowsCustom.tsx → apps/ledger-live-mobile/src/families/xrp/SendRowsCustom.tsx

@@ -18,7 +18,7 @@ type Props = {
   transaction: Transaction;
   account: Account;
 } & Navigation;
-export default function RippleSendRowsCustom(props: Props) {
+export default function XrpSendRowsCustom(props: Props) {
   const { transaction, ...rest } = props;
   return <SendRowTag {...rest} transaction={transaction} />;
 }

apps/ledger-live-mobile/src/families/ripple/SendRowsFee.tsx → apps/ledger-live-mobile/src/families/xrp/SendRowsFee.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import type { Account, AccountLike } from "@ledgerhq/types-live";
 import type { Transaction } from "@ledgerhq/live-common/generated/types";
 import type { CompositeScreenProps } from "@react-navigation/native";
-import RippleFeeRow from "./RippleFeeRow";
+import XrpFeeRow from "./XrpFeeRow";
 import type { BaseNavigatorStackParamList } from "~/components/RootNavigator/types/BaseNavigator";
 import type { StackNavigatorProps } from "~/components/RootNavigator/types/helpers";
 import type { SendFundsNavigatorStackParamList } from "~/components/RootNavigator/types/SendFundsNavigator";
@@ -21,8 +21,8 @@ type Props = {
   StackNavigatorProps<BaseNavigatorStackParamList>
 >;
 
-export default function RippleSendRowsFee(props: Props) {
+export default function XrpSendRowsFee(props: Props) {
   const { account } = props;
   if (account.type !== "Account") return null;
-  return <RippleFeeRow {...props} />;
+  return <XrpFeeRow {...props} />;
 }

apps/ledger-live-mobile/src/families/ripple/RippleFeeRow.tsx → apps/ledger-live-mobile/src/families/xrp/XrpFeeRow.tsx

@@ -45,12 +45,12 @@ type Props = {
   transaction: Transaction;
 };
 
-export default function RippleFeeRow({ account, transaction, parentAccount }: Props) {
+export default function XrpFeeRow({ account, transaction, parentAccount }: Props) {
   const { colors } = useTheme();
   const navigation = useNavigation<Navigation>();
   const route = useRoute<Route>();
   const openFees = useCallback(() => {
-    navigation.navigate(ScreenName.RippleEditFee, {
+    navigation.navigate(ScreenName.XrpEditFee, {
       ...route.params,
       accountId: account.id,
       parentId: parentAccount?.id,

apps/ledger-live-mobile/src/families/xrp/index.ts

@@ -0,0 +1,4 @@
+import * as XrpEditFee from "./ScreenEditFee";
+import * as XrpEditTag from "./ScreenEditTag";
+
+export { XrpEditFee, XrpEditTag };