Update Dedicated RPC for XDC Network

package.json

@@ -52,13 +52,13 @@
     "@govtechsg/oa-encryption": "^1.3.5",
     "@govtechsg/open-attestation-utils": "1.0.9",
     "@reduxjs/toolkit": "^1.6.1",
-    "@tradetrust-tt/decentralized-renderer-react-components": "^3.14.1",
-    "@tradetrust-tt/document-store": "^3.2.0",
-    "@tradetrust-tt/token-registry": "^4.10.1",
-    "@tradetrust-tt/tradetrust": "^6.9.4",
-    "@tradetrust-tt/tradetrust-ui-components": "^2.22.2",
-    "@tradetrust-tt/tradetrust-utils": "^1.13.5",
-    "@tradetrust-tt/tt-verify": "^8.9.4",
+    "@tradetrust-tt/decentralized-renderer-react-components": "^3.14.3",
+    "@tradetrust-tt/document-store": "^4.1.0",
+    "@tradetrust-tt/token-registry": "^4.15.0",
+    "@tradetrust-tt/tradetrust": "^6.9.7",
+    "@tradetrust-tt/tradetrust-ui-components": "^2.22.3",
+    "@tradetrust-tt/tradetrust-utils": "^1.14.3",
+    "@tradetrust-tt/tt-verify": "^8.10.2",
     "@types/gtag.js": "0.0.8",
     "buffer": "^6.0.3",
     "cross-env": "^7.0.3",

src/AppContainer.tsx

@@ -1,9 +1,11 @@
-import { Overlay } from "@tradetrust-tt/tradetrust-ui-components";
+import { Button, ButtonSize, Overlay } from "@tradetrust-tt/tradetrust-ui-components";
 import React, { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
 import { Footer } from "./components/Layout/Footer";
 import { NavigationBar, rightNavItems } from "./components/Layout/NavigationBar";
 import { Routes, routes } from "./routes";
+import PopupMessage from "./components/PopupMessage";
+import { URLS } from "./constants";
 
 const AppContainer = (): React.ReactElement => {
   const location = useLocation();
@@ -22,6 +24,31 @@ const AppContainer = (): React.ReactElement => {
         leftItems={[]}
         rightItems={rightNavItems}
       />
+      <PopupMessage />
+      <div className="bg-cerulean-800 text-white py-2 px-0" data-testid="new-verifier-banner">
+        <div className="container">
+          <div className="flex flex-wrap">
+            <div className="col-auto flex items-center justify-between w-full">
+              <p className="mb-0 w-full sm:w-2/3">
+                To serve our community better, we are upgrading to a newer version that has new capabilities to your
+                transferable documents.
+              </p>
+              <div className="w-full sm:w-1/3 flex gap-2">
+                <a href={URLS.DOCS} target="_blank" rel="noopener noreferrer" className="flex-1 flex">
+                  <Button className="bg-cerulean-500 text-white hover:bg-cerulean-800 w-full" size={ButtonSize.SM}>
+                    Learn More
+                  </Button>
+                </a>
+                <a href={URLS.REF_V5TR} target="_blank" rel="noopener noreferrer" className="flex-1 flexß">
+                  <Button className="bg-white text-cerulean-500 hover:bg-cloud-100 w-full" size={ButtonSize.SM}>
+                    Try New Verifier
+                  </Button>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
       <main
         className="bg-cerulean-50 bg-cover"
         style={{ backgroundImage: "url('/static/images/common/wave-lines.png')" }}

src/common/contexts/TokenInformationContext/TokenInformationContext.tsx

@@ -69,6 +69,11 @@ interface TokenInformationContextProviderProps {
   children: React.ReactNode;
 }
 
+export const TitleEscrowInterface = {
+  V4: "0x079dff60",
+  V5: "0x3e143f7b",
+};
+
 export const TokenInformationContextProvider: FunctionComponent<TokenInformationContextProviderProps> = ({
   children,
 }) => {