Add Credentials and PermissionedDomain tx Support

package.json

@@ -106,7 +106,7 @@
     "ts-jest": "^26.5.6",
     "ts-node": "^10.9.2",
     "typescript": "^4.9.5",
-    "xrpl": "^3.1.0"
+    "xrpl": "^4.1.0"
   },
   "resolutions": {
     "jest-environment-jsdom": "29.3.1"

public/locales/ca-CA/translations.json

@@ -560,5 +560,6 @@
   "search_results_banner": null,
   "enable_amendment_name": null,
   "amendment_status": null,
-  "expected_date": null
+  "expected_date": null,
+  "credential_type": null
 }

public/locales/en-US/translations.json

@@ -160,6 +160,9 @@
   "transaction_type_name_CheckCancel": "Check Cancel",
   "transaction_type_name_CheckCash": "Check Cash",
   "transaction_type_name_CheckCreate": "Check Create",
+  "transaction_type_name_CredentialAccept": "Credential Accept",
+  "transaction_type_name_CredentialCreate": "Credential Create",
+  "transaction_type_name_CredentialDelete": "Credential Delete",
   "transaction_type_name_DIDDelete": "DID Delete",
   "transaction_type_name_DIDSet": "DID Set",
   "transaction_type_name_DepositPreauth": "Deposit Preauth",
@@ -542,7 +545,7 @@
   "deleted": "Deleted",
   "holders": "HOLDERS: {{holders}}",
   "trustlines": " TRUSTLINES: {{trustlines}}",
-  "website": "Wesbite",
+  "website": "Website",
   "mpt_issuance_id": "MPT Issuance ID",
   "asset_scale": "Asset Scale",
   "metadata": "Metadata",
@@ -560,6 +563,9 @@
   "search_results_banner": "Token search by name and account is now available! Try searching for USD",
   "enable_amendment_name": "Amendment Name",
   "amendment_status": "Amendment Status",
-  "expected_date": "Expected Date"
+  "expected_date": "Expected Date",
+  "credential_type": "Credential Type",
+  "subject": "Subject",
+  "expiration": "Expiration"
 
 }

public/locales/es-ES/translations.json

@@ -556,5 +556,8 @@
   "search_results_banner": null,
   "enable_amendment_name": null,
   "amendment_status": null,
-  "expected_date": null
+  "expected_date": null,
+  "credential_type": null,
+  "subject": null,
+  "expiration": null
 }

public/locales/fr-FR/translations.json

@@ -557,5 +557,8 @@
   "search_results_banner": null,
   "enable_amendment_name": null,
   "amendment_status": null,
-  "expected_date": null
+  "expected_date": null,
+  "credential_type": null,
+  "subject": null,
+  "expiration": null
 }

public/locales/ja-JP/translations.json

@@ -556,5 +556,8 @@
   "search_results_banner": null,
   "enable_amendment_name": null,
   "amendment_status": null,
-  "expected_date": null
+  "expected_date": null,
+  "credential_type": null,
+  "subject": null,
+  "expiration": null
 }

public/locales/ko-KR/translations.json

@@ -554,5 +554,8 @@
   "search_results_banner": null,
   "enable_amendment_name": null,
   "amendment_status": null,
-  "expected_date": null
+  "expected_date": null,
+  "credential_type": null,
+  "subject": null,
+  "expiration": null
 }

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

@@ -0,0 +1,35 @@
+import { useTranslation } from 'react-i18next'
+import { type CredentialAccept } from 'xrpl'
+import { TransactionSimpleComponent, TransactionSimpleProps } from '../types'
+import { SimpleRow } from '../SimpleRow'
+import { convertHexToString } from '../../../../../rippled/lib/utils'
+
+const Simple: TransactionSimpleComponent = (
+  props: TransactionSimpleProps<CredentialAccept>,
+) => {
+  const { t } = useTranslation()
+  const { data } = props
+  const { Account, Issuer, CredentialType } = data.instructions
+
+  return (
+    <>
+      {Account && (
+        <SimpleRow label={t('account')} data-test="account">
+          {convertHexToString(Account)}
+        </SimpleRow>
+      )}
+      {Issuer && (
+        <SimpleRow label={t('issuer')} data-test="issuer">
+          {convertHexToString(Issuer)}
+        </SimpleRow>
+      )}
+      {CredentialType && (
+        <SimpleRow label={t('credential_type')} data-test="credential-type">
+          {convertHexToString(CredentialType)}
+        </SimpleRow>
+      )}
+    </>
+  )
+}
+
+export { Simple }

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

@@ -0,0 +1,13 @@
+import {
+  TransactionAction,
+  TransactionCategory,
+  TransactionMapping,
+} from '../types'
+
+import { Simple } from './Simple'
+
+export const CredentialAcceptTransaction: TransactionMapping = {
+  Simple,
+  action: TransactionAction.ACCEPT,
+  category: TransactionCategory.ACCOUNT,
+}

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

@@ -0,0 +1,46 @@
+import { useTranslation } from 'react-i18next'
+import { type CredentialCreate } from 'xrpl'
+import { TransactionSimpleComponent, TransactionSimpleProps } from '../types'
+import { SimpleRow } from '../SimpleRow'
+import { convertHexToString } from '../../../../../rippled/lib/utils'
+
+const Simple: TransactionSimpleComponent = (
+  props: TransactionSimpleProps<CredentialCreate>,
+) => {
+  const { t } = useTranslation()
+  const { data } = props
+  const { Account, Subject, CredentialType, Expiration, URI } =
+    data.instructions
+
+  return (
+    <>
+      {Account && (
+        <SimpleRow label={t('account')} data-test="account">
+          {convertHexToString(Account)}
+        </SimpleRow>
+      )}
+      {Subject && (
+        <SimpleRow label={t('subject')} data-test="subject">
+          {convertHexToString(Subject)}
+        </SimpleRow>
+      )}
+      {CredentialType && (
+        <SimpleRow label={t('credential_type')} data-test="credential-type">
+          {convertHexToString(CredentialType)}
+        </SimpleRow>
+      )}
+      {Expiration && (
+        <SimpleRow label={t('expiration')} data-test="expiration">
+          {convertHexToString(Expiration)}
+        </SimpleRow>
+      )}
+      {URI && (
+        <SimpleRow label={t('uri')} data-test="uri">
+          {convertHexToString(URI)}
+        </SimpleRow>
+      )}
+    </>
+  )
+}
+
+export { Simple }

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

@@ -0,0 +1,13 @@
+import {
+  TransactionAction,
+  TransactionCategory,
+  TransactionMapping,
+} from '../types'
+
+import { Simple } from './Simple'
+
+export const CredentialCreateTransaction: TransactionMapping = {
+  Simple,
+  action: TransactionAction.CREATE,
+  category: TransactionCategory.ACCOUNT,
+}

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

@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next'
+import { type CredentialDelete } from 'xrpl'
+import { TransactionSimpleComponent, TransactionSimpleProps } from '../types'
+import { SimpleRow } from '../SimpleRow'
+import { convertHexToString } from '../../../../../rippled/lib/utils'
+
+const Simple: TransactionSimpleComponent = (
+  props: TransactionSimpleProps<CredentialDelete>,
+) => {
+  const { t } = useTranslation()
+  const { data } = props
+  const { Account, Subject, CredentialType, Issuer } = data.instructions
+
+  return (
+    <>
+      {Account && (
+        <SimpleRow label={t('account')} data-test="account">
+          {convertHexToString(Account)}
+        </SimpleRow>
+      )}
+      {Subject && (
+        <SimpleRow label={t('subject')} data-test="subject">
+          {convertHexToString(Subject)}
+        </SimpleRow>
+      )}
+      {Issuer && (
+        <SimpleRow label={t('issuer')} data-test="issuer">
+          {convertHexToString(Issuer)}
+        </SimpleRow>
+      )}
+      {CredentialType && (
+        <SimpleRow label={t('credential_type')} data-test="credential-type">
+          {convertHexToString(CredentialType)}
+        </SimpleRow>
+      )}
+    </>
+  )
+}
+
+export { Simple }

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

@@ -0,0 +1,13 @@
+import {
+  TransactionAction,
+  TransactionCategory,
+  TransactionMapping,
+} from '../types'
+
+import { Simple } from './Simple'
+
+export const CredentialDeleteTransaction: TransactionMapping = {
+  Simple,
+  action: TransactionAction.CANCEL,
+  category: TransactionCategory.ACCOUNT,
+}

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

@@ -6,6 +6,9 @@
 import { AMMVote } from './AMMVote'
 import { AccountDeleteTransaction as AccountDelete } from './AccountDelete'
 import { AccountSetTransaction as AccountSet } from './AccountSet'
+import { CredentialAcceptTransaction as CredentialAccept } from './CredentialAccept'
+import { CredentialAcceptTransaction as CredentialCreate } from './CredentialCreate'
+import { CredentialAcceptTransaction as CredentialDelete } from './CredentialDelete'
 import { DIDSetTransaction as DIDSet } from './DIDSet'
 import { DepositPreauthTransaction as DepositPreauth } from './DepositPreauth'
 import { EnableAmendmentTransaction as EnableAmendment } from './EnableAmendment'
@@ -56,6 +59,9 @@
   AccountDelete,
   AccountSet,
   Clawback,
+  CredentialAccept,
+  CredentialCreate,
+  CredentialDelete,
   DIDSet,
   DepositPreauth,
   EnableAmendment,