feat: mava script and user attribute

jaybuidl · jaybuidl · commit de304f3f6980 · 2024-11-04T23:37:20.000+07:00
diff --git a/web/src/context/AtlasProvider.tsx b/web/src/context/AtlasProvider.tsx
@@ -133,7 +133,15 @@ const AtlasProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) =
     queryFn: async () => {
       try {
         if (!isVerified || isUndefined(address)) return undefined;
-        return await fetchUser(atlasGqlClient);
+        const user = await fetchUser(atlasGqlClient);
+
+        if (user?.email && window.Mava) {
+          window.Mava.initialize();
+          window.Mava.identify({ emailAddress: user.email });
+          window.Mava.identify({ customAttributes: [{ label: "Wallet Address", value: address }] });
+        }
+
+        return user;
       } catch {
         return undefined;
       }
diff --git a/web/src/index.html b/web/src/index.html
@@ -7,12 +7,17 @@
       name="description"
       content="Kleros is a decentralized, blockchain-based dispute resolution platform that offers fast and affordable arbitration for various type of dispute. Join the future of dispute resolution with Kleros Court."
     />
-    <meta
-      name="keywords"
-      content="dispute resolution, decentralized arbitration, Kleros, blockchain court"
-    />
+    <meta name="keywords" content="dispute resolution, decentralized arbitration, Kleros, blockchain court" />
     <link rel="shortcut icon" type="image/svg+xml" href="./favicon.ico" />
     <title>Kleros · Court</title>
+    <script
+      defer
+      src="https://widget.mava.app"
+      widget-version="v2"
+      id="MavaWebChat"
+      enable-sdk="true"
+      data-token="1fea31aa0b93836faca36269f324468e08cc26f0298f8d8e6c5b089d0d58eb1c"
+    ></script>
   </head>
   <body>
     <div id="app"></div>
