XLS-33 Multi Purpose token (#989)

## High Level Overview of Change
- add MPT transactions: MPTokenIssuance, MPTokenIssuanceDestroy,
MPTokenAuthorize, MPTokenIssuanceSet
- add MPT page
- support search by MPTID
- updates transactions: Payment, Clawback
- modified Currency to support MPTID
<!--
Please include a summary/list of the changes.
If too broad, please consider splitting into multiple PRs.
-->

### Context of Change
Spec:
https://github.com/XRPLF/XRPL-Standards/tree/master/XLS-0033d-multi-purpose-tokens

public/locales/ca-CA/translations.json

@@ -530,5 +530,28 @@
  "last_update_time": null,
  "asset_class": null,
  "trading_pairs": null,
- "deleted": null
+ "deleted": null,
+ "assets.mpt_tab_title": null,
+ "assets.no_mpts_message": null,
+ "transaction_type_name_MPTokenIssuanceCreate": null,
+ "transaction_type_name_MPTokenIssuanceDestroy": null,
+ "transaction_type_name_MPTokenIssuanceSet": null,
+ "transaction_type_name_MPTokenAuthorize": null,
+ "transaction_outstanding_balance_line_two": null,
+ "transaction_mptoken_line_one": null,
+ "transaction_mpt_issuance_line_one":null,
+ "mpt_issuance_id": null,
+ "asset_scale": null,
+ "metadata": null,
+ "max_amount": null,
+ "mpt_holder": null,
+ "check_mpt_id": null,
+ "outstanding_amount": null,
+ "locked": null,
+ "can_lock": null,
+ "require_auth": null,
+ "can_escrow": null,
+ "can_trade": null,
+ "can_transfer": null,
+ "can_clawback": null
 }

public/locales/en-US/translations.json

@@ -2,9 +2,11 @@
  "action": "action",
  "assets": "Assets",
  "assets.nft_tab_title": "Non-Fungible Tokens",
+ "assets.mpt_tab_title": "Multi-Purpose Tokens",
  "assets.issued_tab_title": "Issued Tokens",
  "assets.no_issued_message": "No tokens found.",
  "assets.no_nfts_message": "No NFTs found.",
+ "assets.no_mpts_message": "No MPTs found.",
  "network": "Network",
  "amendments": "Amendments",
  "network_name": "Unknown Network",
@@ -166,6 +168,10 @@
  "transaction_type_name_EscrowCreate": "Escrow Create",
  "transaction_type_name_EscrowFinish": "Escrow Finish",
  "transaction_type_name_Invoke": "Invoke",
+ "transaction_type_name_MPTokenIssuanceCreate": "MPT Issuance Create",
+ "transaction_type_name_MPTokenIssuanceDestroy": "MPT Issuance Destroy",
+ "transaction_type_name_MPTokenIssuanceSet": "MPT Issuance Set",
+ "transaction_type_name_MPTokenAuthorize": "MPT Authorize",
  "transaction_type_name_NFTokenAcceptOffer": "NFT Accept Offer",
  "transaction_type_name_NFTokenBurn": "NFT Burn",
  "transaction_type_name_NFTokenCancelOffer": "NFT Cancel Offer",
@@ -248,8 +254,11 @@
  "node_meta_type": "It {{action}} a node with type",
  "transaction_balance_line_one": "It <1><0>{{action}}</0></1> a <3><0>{{currency}}</0></3> RippleState node between <5><0>{{account}}</0></5> and <7><0>{{counterAccount}}</0></7>",
  "transaction_balance_line_two": "Balance changed by <1><0>{{change}}</0></1> from <3><0>{{previousBalance}}</0></3> to <5><0>{{finalBalance}}</0></5>",
+ "transaction_outstanding_balance_line_two": "Outstanding balance changed by <1><0>{{change}}</0></1> from <3><0>{{previousBalance}}</0></3> to <5><0>{{finalBalance}}</0></5>",
  "transaction_owned_directory": "It {{action}} a DirectoryNode node owned by",
  "transaction_unowned_directory": "It {{action}} a DirectoryNode node",
+ "transaction_mptoken_line_one": "It <1><0>{{action}}</0></1> an MPToken node of <3><0>{{account}}</0></3>",
+ "transaction_mpt_issuance_line_one": "It <1><0>{{action}}</0></1> an MPTokenIssuance node of <3><0>{{account}}</0></3>",
  "owned_account_root": "It {{action}} the AccountRoot node of",
  "unowned_account_root": "It {{action}} the AccountRoot node",
  "account_balance_increased": "Balance increased by <1><0>{{difference}}</0><1><0>{{currency}}</0></1></1> from <3><0>{{previous}}</0><1><0>{{currency}}</0></1></3> to <5><0>{{final}}</0><1><0>{{currency}}</0></1></5>",
@@ -530,5 +539,19 @@
  "last_update_time": "Last Update Time",
  "asset_class": "Asset Class",
  "trading_pairs": "Trading Pairs",
- "deleted": "Deleted"
+ "deleted": "Deleted",
+ "mpt_issuance_id": "MPT Issuance ID",
+ "asset_scale": "Asset Scale",
+ "metadata": "Metadata",
+ "max_amount": "Max Amount",
+ "mpt_holder": "MPT Holder",
+ "check_mpt_id": "Please check your MPT Issuance ID",
+ "outstanding_amount": "Issued Amount",
+ "locked": "Locked",
+ "can_lock": "Can Lock",
+ "require_auth": "Require Auth",
+ "can_escrow": "Can Escrow",
+ "can_trade": "Can Trade",
+ "can_transfer": "Can Transfer",
+ "can_clawback": "Can Clawback"
 }

public/locales/es-ES/translations.json

@@ -526,5 +526,28 @@
  "last_update_time": null,
  "asset_class": null,
  "trading_pairs": null,
- "deleted": null
+ "deleted": null,
+ "assets.mpt_tab_title": null,
+ "assets.no_mpts_message": null,
+ "transaction_type_name_MPTokenIssuanceCreate": null,
+ "transaction_type_name_MPTokenIssuanceDestroy": null,
+ "transaction_type_name_MPTokenIssuanceSet": null,
+ "transaction_type_name_MPTokenAuthorize": null,
+ "transaction_outstanding_balance_line_two": null,
+ "transaction_mptoken_line_one": null,
+ "transaction_mpt_issuance_line_one":null,
+ "mpt_issuance_id": null,
+ "asset_scale": null,
+ "metadata": null,
+ "max_amount": null,
+ "mpt_holder": null,
+ "check_mpt_id": null,
+ "outstanding_amount": null,
+ "locked": null,
+ "can_lock": null,
+ "require_auth": null,
+ "can_escrow": null,
+ "can_trade": null,
+ "can_transfer": null,
+ "can_clawback": null
 }

public/locales/fr-FR/translations.json

@@ -527,5 +527,28 @@
  "last_update_time": null,
  "asset_class": null,
  "trading_pairs": null,
- "deleted": null
+ "deleted": null,
+ "assets.mpt_tab_title": null,
+ "assets.no_mpts_message": null,
+ "transaction_type_name_MPTokenIssuanceCreate": null,
+ "transaction_type_name_MPTokenIssuanceDestroy": null,
+ "transaction_type_name_MPTokenIssuanceSet": null,
+ "transaction_type_name_MPTokenAuthorize": null,
+ "transaction_outstanding_balance_line_two": null,
+ "transaction_mptoken_line_one": null,
+ "transaction_mpt_issuance_line_one":null,
+ "mpt_issuance_id": null,
+ "asset_scale": null,
+ "metadata": null,
+ "max_amount": null,
+ "mpt_holder": null,
+ "check_mpt_id": null,
+ "outstanding_amount": null,
+ "locked": null,
+ "can_lock": null,
+ "require_auth": null,
+ "can_escrow": null,
+ "can_trade": null,
+ "can_transfer": null,
+ "can_clawback": null
 }

public/locales/ja-JP/translations.json

@@ -526,5 +526,28 @@
  "last_update_time": null,
  "asset_class": null,
  "trading_pairs": null,
- "deleted": null
+ "deleted": null,
+ "assets.mpt_tab_title": null,
+ "assets.no_mpts_message": null,
+ "transaction_type_name_MPTokenIssuanceCreate": null,
+ "transaction_type_name_MPTokenIssuanceDestroy": null,
+ "transaction_type_name_MPTokenIssuanceSet": null,
+ "transaction_type_name_MPTokenAuthorize": null,
+ "transaction_outstanding_balance_line_two": null,
+ "transaction_mptoken_line_one": null,
+ "transaction_mpt_issuance_line_one":null,
+ "mpt_issuance_id": null,
+ "asset_scale": null,
+ "metadata": null,
+ "max_amount": null,
+ "mpt_holder": null,
+ "check_mpt_id": null,
+ "outstanding_amount": null,
+ "locked": null,
+ "can_lock": null,
+ "require_auth": null,
+ "can_escrow": null,
+ "can_trade": null,
+ "can_transfer": null,
+ "can_clawback": null
 }

public/locales/ko-KR/translations.json

@@ -524,5 +524,28 @@
  "last_update_time": null,
  "asset_class": null,
  "trading_pairs": null,
- "deleted": null
+ "deleted": null,
+ "assets.mpt_tab_title": null,
+ "assets.no_mpts_message": null,
+ "transaction_type_name_MPTokenIssuanceCreate": null,
+ "transaction_type_name_MPTokenIssuanceDestroy": null,
+ "transaction_type_name_MPTokenIssuanceSet": null,
+ "transaction_type_name_MPTokenAuthorize": null,
+ "transaction_outstanding_balance_line_two": null,
+ "transaction_mptoken_line_one": null,
+ "transaction_mpt_issuance_line_one":null,
+ "mpt_issuance_id": null,
+ "asset_scale": null,
+ "metadata": null,
+ "max_amount": null,
+ "mpt_holder": null,
+ "check_mpt_id": null,
+ "outstanding_amount": null,
+ "locked": null,
+ "can_lock": null,
+ "require_auth": null,
+ "can_escrow": null,
+ "can_trade": null,
+ "can_transfer": null,
+ "can_clawback": null
 }

src/containers/Accounts/AMM/AMMAccounts/AMMAccountHeader/test/AMMAccountHeader.test.tsx

@@ -1,20 +1,24 @@
 import { mount } from 'enzyme'
 import { I18nextProvider } from 'react-i18next'
 import { MemoryRouter } from 'react-router'
+import { QueryClientProvider } from 'react-query'
 import i18n from '../../../../../../i18n/testConfig'
 import { AMMAccountHeader, AmmDataType } from '../AMMAccountHeader'
 import { flushPromises } from '../../../../../test/utils'
+import { queryClient } from '../../../../../shared/QueryClient'
 
 describe('AMM Account Header', () => {
  const TEST_ACCOUNT_ID = 'rTEST_ACCOUNT'
 
  const createWrapper = (state: AmmDataType) =>
  mount(
- <I18nextProvider i18n={i18n}>
- <MemoryRouter initialEntries={[`accounts/${TEST_ACCOUNT_ID}`]}>
- <AMMAccountHeader data={state} />
- </MemoryRouter>
- </I18nextProvider>,
+ <QueryClientProvider client={queryClient}>
+ <I18nextProvider i18n={i18n}>
+ <MemoryRouter initialEntries={[`accounts/${TEST_ACCOUNT_ID}`]}>
+ <AMMAccountHeader data={state} />
+ </MemoryRouter>
+ </I18nextProvider>
+ </QueryClientProvider>,
  )
 
  it('renders AMM account page', async () => {

src/containers/Accounts/AccountAssetTab/AccountAssetTab.tsx

@@ -5,18 +5,25 @@ import { useNavigate } from 'react-router'
 import { useRouteParams } from '../../shared/routing'
 import { AccountIssuedTokenTable } from '../AccountIssuedTokenTable'
 import { AccountNFTTable } from '../AccountNFTTable/AccountNFTTable'
+import { AccountMPTTable } from '../AccountMPTTable/AccountMPTTable'
 import { ACCOUNT_ROUTE } from '../../App/routes'
 
 // TODO: Add state types or convert to react query
 interface Props {
  account: any
 }
 
-const assetTypes = ['issued', 'nft']
+let assetTypes = ['issued', 'nft']
 
 const AccountAssetTabDisconnected = ({ account }: Props) => {
  const { id: accountId = '', assetType = assetTypes[0] } =
  useRouteParams(ACCOUNT_ROUTE)
+
+ const supportsMPT = ['mpt_sandbox', 'devnet'].includes(
+ process.env.VITE_ENVIRONMENT as string,
+ )
+ if (supportsMPT) assetTypes = ['issued', 'nft', 'mpt']
+
  const navigate = useNavigate()
  const { t } = useTranslation()
  function switchAsset(event: ChangeEvent<HTMLInputElement>) {
@@ -48,11 +55,13 @@ const AccountAssetTabDisconnected = ({ account }: Props) => {
  )
  })}
  </div>
+
  <div className="tab-body">
  {assetType === 'issued' && (
  <AccountIssuedTokenTable account={account} />
  )}
  {assetType === 'nft' && <AccountNFTTable accountId={accountId} />}
+ {assetType === 'mpt' && <AccountMPTTable accountId={accountId} />}
  </div>
  </>
  )