add amm_clawback

Author: pdp2121

public/locales/en-US/translations.json

@@ -156,6 +156,7 @@
   "transaction_type_name_AMMWithdraw": "AMM Withdraw",
   "transaction_type_name_AMMVote": "AMM Vote",
   "transaction_type_name_AMMBid": "AMM Bid",
+  "transaction_type_name_AMMClawback": "AMMClawback",
   "transaction_type_name_AccountSet": "Account Set",
   "transaction_type_name_CheckCancel": "Check Cancel",
   "transaction_type_name_CheckCash": "Check Cash",
@@ -490,6 +491,7 @@
   "min_signer_quorum": "Minimum weight <0>{{quorum}}</0> required",
   "holder": "Holder",
   "action_from": "<0><0>{{action}}</0></0> <1><0>{{amount}}</0></1> from <3><0>{{destination}}</0></3>",
+  "action_from_and": "<0><0>{{action}}</0></0> <1><0>{{amount1}}</0></1> and <3><0>{{amount2}}</0></3> from <5><0>{{destination}}</0></5>",
   "claws_back": "Claws back",
   "claws_back_from": "<source/> claws back from <destination/>",
   "instruct_to_claw": "The max clawback amount is <amount/>",
@@ -561,5 +563,4 @@
   "enable_amendment_name": "Amendment Name",
   "amendment_status": "Amendment Status",
   "expected_date": "Expected Date"
-
 }

src/containers/shared/components/Transaction/AMMClawback/Simple.tsx

@@ -0,0 +1,29 @@
+import { useTranslation } from 'react-i18next'
+import { TransactionSimpleProps } from '../types'
+import { SimpleRow } from '../SimpleRow'
+import { Account } from '../../Account'
+import { Amount } from '../../Amount'
+
+export const Simple = ({ data }: TransactionSimpleProps) => {
+  const { t } = useTranslation()
+  const { amount2, amount, holder } = data.instructions
+  return (
+    <>
+      {holder && (
+        <SimpleRow label={t('holder')} data-test="holder">
+          <Account account={holder} />
+        </SimpleRow>
+      )}
+      {amount && (
+        <SimpleRow label={t('asset1')} data-test="asset1">
+          <Amount value={amount} displayIssuer />
+        </SimpleRow>
+      )}
+      {amount2 && (
+        <SimpleRow label={t('asset2')} data-test="asset2">
+          <Amount value={amount2} displayIssuer />
+        </SimpleRow>
+      )}
+    </>
+  )
+}

src/containers/shared/components/Transaction/AMMClawback/TableDetail.tsx

@@ -0,0 +1,33 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { Amount } from '../../Amount'
+import { Account } from '../../Account'
+import { TransactionTableDetailProps } from '../types'
+
+export const TableDetail = ({ instructions }: TransactionTableDetailProps) => {
+  const { t } = useTranslation()
+  const { amount2, amount, holder } = instructions
+  if (amount2) {
+    return (
+      <div className="ammClawback">
+        <Trans i18nKey="action_from_and">
+          <span className="label">{t('claws_back')}</span>
+          <Amount value={amount} displayIssuer />
+          and
+          <Amount value={amount2} displayIssuer />
+          from
+          <Account account={holder} />
+        </Trans>
+      </div>
+    )
+  }
+  return (
+    <div className="ammClawback">
+      <Trans i18nKey="action_from">
+        <span className="label">{t('claws_back')}</span>
+        <Amount value={amount} displayIssuer />
+        from
+        <Account account={holder} />
+      </Trans>
+    </div>
+  )
+}

src/containers/shared/components/Transaction/AMMClawback/index.ts

@@ -0,0 +1,16 @@
+import { Simple } from './Simple'
+import {
+  TransactionAction,
+  TransactionCategory,
+  TransactionMapping,
+} from '../types'
+import { parser } from './parser'
+import { TableDetail } from './TableDetail'
+
+export const AMMClawback: TransactionMapping = {
+  TableDetail,
+  Simple,
+  action: TransactionAction.CANCEL,
+  category: TransactionCategory.DEX,
+  parser,
+}

src/containers/shared/components/Transaction/AMMClawback/parser.ts

@@ -0,0 +1,22 @@
+import { findAssetAmount } from '../../../metaParser'
+import { AMMClawback } from './types'
+
+export function parser(tx: AMMClawback, meta: any) {
+  const account = tx.Account
+  const holder = tx.Holder
+  const amount = findAssetAmount(meta, tx.Asset, tx)
+  if (tx.Flags) {
+    const amount2 = findAssetAmount(meta, tx.Asset2, tx)
+    return {
+      amount,
+      account,
+      amount2,
+      holder,
+    }
+  }
+  return {
+    amount,
+    account,
+    holder,
+  }
+}

src/containers/shared/components/Transaction/AMMClawback/test/AMMClawbackSimple.test.tsx

@@ -0,0 +1,49 @@
+import { expectSimpleRowNotToExist, expectSimpleRowText } from '../../test'
+
+import { createSimpleWrapperFactory } from '../../test/createWrapperFactory'
+import { Simple } from '../Simple'
+import mockAMMClawbackNoFlag from './mock_data/withoutFlag.json'
+import mockAMMClawbackWithAmount from './mock_data/withAmount.json'
+import mockAMMClawbackWithFlag from './mock_data/withFlag.json'
+
+const createWrapper = createSimpleWrapperFactory(Simple)
+
+describe('AMMClawback: Simple', () => {
+  it('renders without tfClawTwoAssets flag, only one asset should be clawed back', () => {
+    const wrapper = createWrapper(mockAMMClawbackNoFlag)
+    expectSimpleRowText(
+      wrapper,
+      'asset1',
+      '$260.00 USD.rGGjMesMUrRMP8ZkLZ2cZ5agzmFwBfT4f2',
+    )
+    expectSimpleRowNotToExist(wrapper, 'asset2')
+    expectSimpleRowText(wrapper, 'holder', 'rJk5n4egp7Th4Y4vxAMVAbf1ziuiFuVKiw')
+    wrapper.unmount()
+  })
+
+  it('renders with tfClawTwoAssets flag, both asset should be clawed back', () => {
+    const wrapper = createWrapper(mockAMMClawbackWithFlag)
+    expectSimpleRowText(
+      wrapper,
+      'asset1',
+      '$260.00 USD.rUuVtbgagFKjHPTxmN639XYVHLATnB6VNk',
+    )
+    expectSimpleRowText(
+      wrapper,
+      'asset2',
+      '100.00 YEN.rUuVtbgagFKjHPTxmN639XYVHLATnB6VNk',
+    )
+    expectSimpleRowText(wrapper, 'holder', 'r4eWC5DixP74dpk7FDzXcap1BJ2NaoUeZN')
+    wrapper.unmount()
+  })
+
+  it('renders with Amount set', () => {
+    const wrapper = createWrapper(mockAMMClawbackWithAmount)
+    expectSimpleRowText(
+      wrapper,
+      'asset1',
+      '$20.00 USD.rK2Du3gUmFbg5UFFHFq9LKywVuGbqNsyyi',
+    )
+    wrapper.unmount()
+  })
+})

src/containers/shared/components/Transaction/AMMClawback/test/AMMClawbackTableDetail.test.tsx

@@ -0,0 +1,44 @@
+import { createTableDetailWrapperFactory } from '../../test'
+import { TableDetail } from '../TableDetail'
+import AMMClawbackNoFlag from './mock_data/withoutFlag.json'
+import AMMClawbackWithFlag from './mock_data/withFlag.json'
+import mockAMMClawbackWithAmount from './mock_data/withAmount.json'
+
+const createWrapper = createTableDetailWrapperFactory(TableDetail)
+
+describe('AMMClawback: TableDetail', () => {
+  it('renders without tfClawTwoAssets flag, only one asset should be clawed back', () => {
+    const wrapper = createWrapper(AMMClawbackNoFlag)
+    expect(wrapper).toHaveText(
+      'claws_back' +
+        '$260.00 USD.rGGjMesMUrRMP8ZkLZ2cZ5agzmFwBfT4f2' +
+        'from' +
+        'rJk5n4egp7Th4Y4vxAMVAbf1ziuiFuVKiw',
+    )
+    wrapper.unmount()
+  })
+
+  it('renders without tfClawTwoAssets flag, both assets should be clawed back', () => {
+    const wrapper = createWrapper(AMMClawbackWithFlag)
+    expect(wrapper).toHaveText(
+      'claws_back' +
+        '$260.00 USD.rUuVtbgagFKjHPTxmN639XYVHLATnB6VNk' +
+        'and' +
+        '100.00 YEN.rUuVtbgagFKjHPTxmN639XYVHLATnB6VNk' +
+        'from' +
+        'r4eWC5DixP74dpk7FDzXcap1BJ2NaoUeZN',
+    )
+    wrapper.unmount()
+  })
+
+  it('renders with Amount set', () => {
+    const wrapper = createWrapper(mockAMMClawbackWithAmount)
+    expect(wrapper).toHaveText(
+      'claws_back' +
+        '$20.00 USD.rK2Du3gUmFbg5UFFHFq9LKywVuGbqNsyyi' +
+        'from' +
+        'rJbLyxGA3jvwrFmiouADLHMKaBQn46SVZi',
+    )
+    wrapper.unmount()
+  })
+})