+
{t('sponsor')}
+
+ {scopes.length > 0 && (
+
+ {scopes
+ .map((scope) => t(SPONSOR_SCOPE_LABEL_KEYS[scope]))
+ .join(', ')}
+
+ )}
+ {data.tx.SponsorSignature && (
+
{t('sponsor_co_signed')}
+ )}
+
@@ -128,6 +167,7 @@ export const DetailTab: FC<{ data: any }> = ({ data }) => {
{renderStatus()}
{renderSigners()}
+ {renderSponsor()}
{renderFlags()}
{renderFee()}
diff --git a/src/containers/Transactions/SimpleTab.tsx b/src/containers/Transactions/SimpleTab.tsx
index b0d7fe6de..6cd599b27 100644
--- a/src/containers/Transactions/SimpleTab.tsx
+++ b/src/containers/Transactions/SimpleTab.tsx
@@ -8,6 +8,7 @@ import { Simple } from './Simple'
import { useLanguage } from '../shared/hooks'
import { RouteLink } from '../shared/routing'
import { CURRENCY_OPTIONS, XRP_BASE } from '../shared/transactionUtils'
+import { getOperation } from '../shared/components/Transaction/SponsorshipTransfer/parser'
import { SimpleRow } from '../shared/components/Transaction/SimpleRow'
import '../shared/css/simpleTab.scss'
import './simpleTab.scss'
@@ -41,6 +42,7 @@ export const SimpleTab: FC<{ data: any; width: number }> = ({
sequence,
ticketSequence,
isHook,
+ sponsor,
) => (
<>
= ({
)}
+ {sponsor && (
+
+
+
+ )}
= ({
)
: 0
+ // On create/reassign, SponsorshipTransfer reuses the common Sponsor field
+ // for its own "new sponsor of the target object" meaning, not for
+ // co-sponsoring this outer transaction, so it's excluded from the generic
+ // Sponsor row there. On tfSponsorshipEnd the spec requires Sponsor to be
+ // omitted for that purpose, so if it's present it can only be genuine
+ // outer co-sponsorship.
+ const isNewSponsorField =
+ processed.tx.TransactionType === 'SponsorshipTransfer' &&
+ getOperation(processed.tx.Flags || 0) !== 'end'
+ const sponsor = isNewSponsorField ? undefined : processed.tx.Sponsor
+
const rowIndex = renderRowIndex(
time,
ledgerIndex,
@@ -99,6 +117,7 @@ export const SimpleTab: FC<{ data: any; width: number }> = ({
processed.tx.Sequence,
processed.tx.TicketSequence,
!!processed.tx.EmitDetails,
+ sponsor,
)
return (
diff --git a/src/containers/Transactions/test/DetailTab.test.tsx b/src/containers/Transactions/test/DetailTab.test.tsx
index fb678634b..98ab0012a 100644
--- a/src/containers/Transactions/test/DetailTab.test.tsx
+++ b/src/containers/Transactions/test/DetailTab.test.tsx
@@ -7,6 +7,7 @@ import FailedTransaction from '../../shared/components/Transaction/SignerListSet
import HookPayment from './mock_data/HookPayment.json'
import EmittedPayment from './mock_data/EmittedPayment.json'
import TrustSet from './mock_data/TrustSet.json'
+import SponsorshipTransferCreate from '../../shared/components/Transaction/SponsorshipTransfer/test/mock_data/SponsorshipTransferCreate.json'
import { DetailTab } from '../DetailTab'
import i18n from '../../../i18n/testConfigEnglish'
import { convertHexToString } from '../../../rippled/lib/utils'
@@ -151,6 +152,28 @@ describe('DetailTab container', () => {
expect(detailLines?.[3]).toHaveTextContent('Emitted 0 transactions')
})
+ it('renders a Sponsor section for a co-sponsored transaction', () => {
+ const sponsoredTransaction = {
+ ...Transaction,
+ tx: {
+ ...Transaction.tx,
+ Sponsor: 'rSponsor1111111111111111111111111',
+ SponsorFlags: 1,
+ },
+ }
+ const { container } = renderDetailTab(sponsoredTransaction)
+ expect(
+ container.querySelector('[data-testid="sponsor-section"]'),
+ ).toBeInTheDocument()
+ })
+
+ it('does not render a Sponsor section for SponsorshipTransfer, which reuses the field for its own meaning', () => {
+ const { container } = renderDetailTab(SponsorshipTransferCreate)
+ expect(
+ container.querySelector('[data-testid="sponsor-section"]'),
+ ).not.toBeInTheDocument()
+ })
+
it('renders flags', () => {
const { container } = renderDetailTab(TrustSet)
const expectedFlags = new Set([
diff --git a/src/containers/Transactions/test/SimpleTab.test.tsx b/src/containers/Transactions/test/SimpleTab.test.tsx
index 05f22a133..2efd9a1ac 100644
--- a/src/containers/Transactions/test/SimpleTab.test.tsx
+++ b/src/containers/Transactions/test/SimpleTab.test.tsx
@@ -6,6 +6,8 @@ import { QueryClientProvider } from 'react-query'
import EnableAmendment from './mock_data/EnableAmendment.json'
import Payment from '../../shared/components/Transaction/Payment/test/mock_data/Payment.json'
import DelegatePayment from './mock_data/DelegatePayment.json'
+import SponsorshipTransferCreate from '../../shared/components/Transaction/SponsorshipTransfer/test/mock_data/SponsorshipTransferCreate.json'
+import SponsorshipTransferEnd from '../../shared/components/Transaction/SponsorshipTransfer/test/mock_data/SponsorshipTransferEnd.json'
import { SimpleTab } from '../SimpleTab'
import summarize from '../../../rippled/lib/txSummary'
import i18n from '../../../i18n/testConfig'
@@ -79,4 +81,45 @@ describe('SimpleTab container', () => {
expectSimpleRowText(container, 'sequence', '2947132')
expectSimpleRowText(container, 'tx-cost', '\uE9000.000001')
})
+
+ it('renders a Sponsor row for a co-sponsored transaction', () => {
+ const sponsoredPayment = {
+ ...Payment,
+ tx: {
+ ...Payment.tx,
+ Sponsor: 'rSponsor1111111111111111111111111',
+ SponsorFlags: 1,
+ },
+ }
+ const { container } = renderSimpleTab(sponsoredPayment)
+ expectSimpleRowText(
+ container,
+ 'sponsor',
+ 'rSponsor1111111111111111111111111',
+ )
+ })
+
+ it('does not render a Sponsor row for SponsorshipTransfer create/reassign, which reuses the field for its own meaning', () => {
+ const { container } = renderSimpleTab(SponsorshipTransferCreate)
+ expect(
+ container.querySelector('[data-testid="sponsor"]'),
+ ).not.toBeInTheDocument()
+ })
+
+ it('renders a Sponsor row for SponsorshipTransfer end, where the field is free for genuine co-sponsorship', () => {
+ const coSponsoredEnd = {
+ ...SponsorshipTransferEnd,
+ tx: {
+ ...SponsorshipTransferEnd.tx,
+ Sponsor: 'rSponsor1111111111111111111111111',
+ SponsorFlags: 1,
+ },
+ }
+ const { container } = renderSimpleTab(coSponsoredEnd)
+ expectSimpleRowText(
+ container,
+ 'sponsor',
+ 'rSponsor1111111111111111111111111',
+ )
+ })
})
diff --git a/src/containers/shared/components/Transaction/DefaultSimple.tsx b/src/containers/shared/components/Transaction/DefaultSimple.tsx
index 481616688..070fc07ca 100644
--- a/src/containers/shared/components/Transaction/DefaultSimple.tsx
+++ b/src/containers/shared/components/Transaction/DefaultSimple.tsx
@@ -20,6 +20,9 @@ const DEFAULT_TX_ELEMENTS = [
'NetworkID',
'Sequence',
'SigningPubKey',
+ 'Sponsor',
+ 'SponsorFlags',
+ 'SponsorSignature',
'TransactionType',
'TxnSignature',
'ctid',
diff --git a/src/containers/shared/components/Transaction/SponsorshipSet/Description.tsx b/src/containers/shared/components/Transaction/SponsorshipSet/Description.tsx
new file mode 100644
index 000000000..f40b9baad
--- /dev/null
+++ b/src/containers/shared/components/Transaction/SponsorshipSet/Description.tsx
@@ -0,0 +1,44 @@
+import { Trans } from 'react-i18next'
+import type { SponsorshipSet } from 'xrpl'
+import { TransactionDescriptionProps } from '../types'
+import { Account } from '../../Account'
+import { parser } from './parser'
+
+function getDescriptionKey(
+ isDelete: boolean,
+ hasFeeDelta: boolean,
+ hasReserveDelta: boolean,
+) {
+ if (isDelete) return 'sponsorship_set_delete'
+ if (hasFeeDelta && hasReserveDelta)
+ return 'sponsorship_set_description_fee_reserve'
+ if (hasReserveDelta) return 'sponsorship_set_description_reserve'
+ if (hasFeeDelta) return 'sponsorship_set_description_fee'
+ return 'sponsorship_set_description_generic'
+}
+
+export const Description = ({
+ data,
+}: TransactionDescriptionProps) => {
+ const {
+ sponsor,
+ sponsee,
+ isDelete,
+ feeAmountDelta,
+ remainingOwnerCountDelta,
+ } = parser(data.tx)
+
+ return (
+ ,
+ Sponsee: ,
+ }}
+ />
+ )
+}
diff --git a/src/containers/shared/components/Transaction/SponsorshipSet/Simple.tsx b/src/containers/shared/components/Transaction/SponsorshipSet/Simple.tsx
new file mode 100644
index 000000000..0d4cbe115
--- /dev/null
+++ b/src/containers/shared/components/Transaction/SponsorshipSet/Simple.tsx
@@ -0,0 +1,76 @@
+import { useTranslation } from 'react-i18next'
+import { TransactionSimpleComponent, TransactionSimpleProps } from '../types'
+import { SimpleRow } from '../SimpleRow'
+import { Account } from '../../Account'
+import { Amount } from '../../Amount'
+
+export const Simple: TransactionSimpleComponent = ({
+ data,
+}: TransactionSimpleProps) => {
+ const { t } = useTranslation()
+ const {
+ sponsor,
+ sponsee,
+ isDelete,
+ feeAmountDelta,
+ maxFee,
+ remainingOwnerCountDelta,
+ requireSignForFee,
+ requireSignForReserve,
+ } = data.instructions
+
+ return (
+ <>
+
+
+
+
+
+
+ {isDelete && (
+
+ {t('sponsorship_deleted')}
+
+ )}
+ {!isDelete && feeAmountDelta && (
+
+
+
+ )}
+ {!isDelete && maxFee && (
+
+
+
+ )}
+ {!isDelete && remainingOwnerCountDelta !== undefined && (
+
+ {remainingOwnerCountDelta > 0
+ ? `+${remainingOwnerCountDelta}`
+ : remainingOwnerCountDelta}
+
+ )}
+ {!isDelete && requireSignForFee && (
+
+ {t('yes')}
+
+ )}
+ {!isDelete && requireSignForReserve && (
+
+ {t('yes')}
+
+ )}
+
+ )
+}
diff --git a/src/containers/shared/components/Transaction/SponsorshipSet/TableDetail.tsx b/src/containers/shared/components/Transaction/SponsorshipSet/TableDetail.tsx
new file mode 100644
index 000000000..b9bf60a42
--- /dev/null
+++ b/src/containers/shared/components/Transaction/SponsorshipSet/TableDetail.tsx
@@ -0,0 +1,62 @@
+import { useTranslation } from 'react-i18next'
+import { TransactionTableDetailProps } from '../types'
+import { Account } from '../../Account'
+import { Amount } from '../../Amount'
+
+export const TableDetail = ({ instructions }: TransactionTableDetailProps) => {
+ const { t } = useTranslation()
+ const {
+ sponsor,
+ sponsee,
+ isDelete,
+ feeAmountDelta,
+ maxFee,
+ remainingOwnerCountDelta,
+ } = instructions
+
+ return (
+
+
+
+ {isDelete && (
+
+ {t('status')}
+
+ {t('sponsorship_deleted')}
+
+
+ )}
+ {!isDelete && feeAmountDelta && (
+
+
{t('fee_amount_delta')}
+
+
+ )}
+ {!isDelete && maxFee && (
+
+ )}
+ {!isDelete && remainingOwnerCountDelta !== undefined && (
+
+ {t('reserve_count_delta')}
+
+ {remainingOwnerCountDelta > 0
+ ? `+${remainingOwnerCountDelta}`
+ : remainingOwnerCountDelta}
+
+
+ )}
+
+ {operation && (
+
+ {t('operation')}
+
+ {t(OPERATION_LABEL_KEYS[operation])}
+
+
+ )}
+ {objectId && (
+
+ {t('object_id')}
+
+ {shortenTxHash(objectId)}
+
+
+ )}
+ {sponsor && (
+
+ )}
+ {sponsee && (
+
+ )}
+