JSFiddle - React, Tailwind, and code Playground

HTML

<script type="module">
  import { verifyCertificateForString, Step } from 'https://esm.sh/@cronstamp/clientlib';

  let message = 'This data has been modified.';

  let certificate = {
    blockchains: {
      xrp: {
        transaction: 'B0479FE372F06F1BBE5E0AD547D9A92A67A211E2A6FEC832EF9710CE42BA783F',
        block_timestamp: 786501102,
        merkle_tree_splice: [
          'aqQGaOTkjQ7sn2l1EhWypyY7pg/nwil+oKYBR+mrMvU=',
          '',
          'rKpRM19PEdnKcgm2FuADP9dKptszNFBweCtgvsdICCM='
        ]
      }
    },
    meta: {
      version: 1,
      blockchains: ['xrp'],
      salt: '7174d145aa1f57d50b38cb94d70533ce'
    },
    info: {
      hash_algorithm: 'SHA-256',
      salted_hash: 'GfGTduOe5dpC3JL4RY1NnnmZUFwREQWkE2Tzw45N6jk='
    },
    document_hash: '2xXmxEInHGanIixLeS28kOBomIYWuuFKWsFnceNwRQI='
  };

  let verificationResult = await verifyCertificateForString(certificate, message)
      .onMessage((data) => console.log(data.message))
      .start();

  if (verificationResult.step == Step.VERIFICATION_FULL_SUCCESS) {
    console.log(`Document verified successfully.`);
  } else {
    console.log(`Error during certificate verification: ${verificationResult.message}`);
  }
</script>