From fa510dd5fd1830d9fe1f458773350502610befc8 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 15:00:25 +0200
Subject: [PATCH 1/8] feat: add Mava Widget integration to index.html

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 3765ec0..105705e 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,8 @@
       'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
       })(window,document,'script','dataLayer','GTM-P7KSD4T');
     </script>
-    <!-- End Google Tag Manager -->
+    <!-- Mava Widget -->
+    <script defer src="https://widget.mava.app" widget-version="v2" id="MavaWebChat" enable-sdk="false" data-token="8e4e10aad5750451e8726768e8c639dae54f461beeb176f5ebd687371c9390f2"></script>
   </head>
   <body>
     <noscript>

From dd6e5dcaaeccb93cf3bc2b68abd7b345cd532ed2 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 15:40:42 +0200
Subject: [PATCH 2/8] feat(navBar): update layout and add new messaging section
 in NavBar component

---
 src/components/navBar/NavBar.tsx | 41 +++++++++++---------------------
 1 file changed, 14 insertions(+), 27 deletions(-)

diff --git a/src/components/navBar/NavBar.tsx b/src/components/navBar/NavBar.tsx
index e662dd4..58c7530 100644
--- a/src/components/navBar/NavBar.tsx
+++ b/src/components/navBar/NavBar.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { Link, NavLink } from 'react-router-dom';
 import { useDevModeStore } from '@/stores/useDevMode.store.ts';
+import { cn } from '@/utils/style.utils.ts';
 import iExecLogo from '../../assets/iexec-logo.svg';
 import { Button } from '../ui/button.tsx';
 import { Label } from '../ui/label.tsx';
@@ -15,7 +16,7 @@ export function NavBar() {
   };
 
   return (
-    <div className="group relative z-30 h-full flex-none lg:w-[255px]">
+    <div className="group relative z-30 h-full flex-none lg:w-[280px]">
       <label
         className="group/checkbox fixed top-7 right-7 z-30 flex size-5 w-[26px] origin-center transform flex-col justify-between lg:hidden"
         htmlFor="menu"
@@ -33,7 +34,7 @@ export function NavBar() {
         <span className="pointer-events-none block h-0.5 w-[26px] origin-top-right transform rounded-full bg-white duration-200 group-has-[:checked]/checkbox:scale-x-0"></span>
         <span className="pointer-events-none block h-0.5 w-[26px] origin-right transform rounded-full bg-white duration-200 group-has-[:checked]/checkbox:rotate-45"></span>
       </label>
-      <div className="border-grey-600 bg-grey-900 fixed flex h-dvh w-full -translate-x-full flex-col overflow-auto rounded-r-3xl border-r px-5 pt-10 duration-300 group-has-[:checked]:translate-x-0 lg:w-[255px] lg:translate-x-0">
+      <div className="border-grey-600 bg-grey-900 fixed flex h-dvh w-full -translate-x-full flex-col overflow-auto rounded-r-3xl border-r px-5 pt-10 pb-5 duration-300 group-has-[:checked]:translate-x-0 lg:w-[280px] lg:translate-x-0">
         <Link
           to="/my-data"
           className="-mx-2 flex items-center p-2"
@@ -72,35 +73,21 @@ export function NavBar() {
             <span>Dev Mode</span>
           </Label>
 
-          <hr className="border-grey-600 border-t" />
-
-          <div className="mb-16">
-            <Button
-              asChild
-              size="lg"
-              variant="discreet_outline"
-              className="w-full"
-            >
-              <a
-                href="https://iexecproject.atlassian.net/servicedesk/customer/portal/4"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Contact Support
-              </a>
-            </Button>
-            <Button
-              asChild
-              size="lg"
-              variant="discreet_outline"
-              className="mt-4 w-full"
-            >
+          <div
+            className={cn(
+              'radial-bg rounded-20 relative z-0 space-y-6 overflow-hidden p-6 text-white',
+              'before:absolute before:inset-px before:-z-10 before:rounded-[calc(20px-1px)] before:bg-[#161a2a]',
+              'after:from-grey-800 after:absolute after:inset-px after:-z-10 after:rounded-[calc(20px-1px)] after:bg-gradient-to-br after:from-50% after:to-[#00115C]'
+            )}
+          >
+            <p className="font-bold">Interested by Confidential Messaging?</p>
+            <Button variant="outline">
               <a
-                href="https://iexecproject.atlassian.net/servicedesk/customer/portal/4/group/9/create/71"
+                href="http://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                Feedback
+                Connect with us
               </a>
             </Button>
           </div>

From 32871ff8779fb4e753580bad45dfcdad8d1d1f20 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 15:42:06 +0200
Subject: [PATCH 3/8] fix(protectedData): correct wording in authorized users
 description

---
 src/views/myData/protectedData.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/myData/protectedData.tsx b/src/views/myData/protectedData.tsx
index 8a0d59a..cf8e33c 100644
--- a/src/views/myData/protectedData.tsx
+++ b/src/views/myData/protectedData.tsx
@@ -130,7 +130,7 @@ export default function ProtectedData() {
           <div>
             <h2 className="text-xl font-bold">Authorized users</h2>
             <p>
-              These are the users who you allowed to access this protected data.
+              These are the users you allowed to access this protected data.
             </p>
           </div>
           <Button

From ade5aa18238e7e315e2610ca7125ed19a4d6f093 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 15:46:21 +0200
Subject: [PATCH 4/8] feat(navBar): enhance layout and styling of messaging
 prompt in NavBar component

---
 src/components/navBar/NavBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/navBar/NavBar.tsx b/src/components/navBar/NavBar.tsx
index 58c7530..7df09c6 100644
--- a/src/components/navBar/NavBar.tsx
+++ b/src/components/navBar/NavBar.tsx
@@ -75,13 +75,15 @@ export function NavBar() {
 
           <div
             className={cn(
-              'radial-bg rounded-20 relative z-0 space-y-6 overflow-hidden p-6 text-white',
+              'radial-bg rounded-20 relative z-0 flex flex-col items-center gap-6 overflow-hidden p-6 text-white',
               'before:absolute before:inset-px before:-z-10 before:rounded-[calc(20px-1px)] before:bg-[#161a2a]',
               'after:from-grey-800 after:absolute after:inset-px after:-z-10 after:rounded-[calc(20px-1px)] after:bg-gradient-to-br after:from-50% after:to-[#00115C]'
             )}
           >
-            <p className="font-bold">Interested by Confidential Messaging?</p>
-            <Button variant="outline">
+            <p className="text-center font-bold md:text-left">
+              Interested by Confidential Messaging?
+            </p>
+            <Button variant="outline" asChild className="w-full max-w-44">
               <a
                 href="http://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form"
                 target="_blank"

From b843a958bf4d448d07215d99a1fe6d7afa8cd1d4 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 16:20:33 +0200
Subject: [PATCH 5/8] feat(protectedData): update layout and description for
 encrypted content section

---
 .../myData/protectedData/ProtectedDataDetails.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/modules/myData/protectedData/ProtectedDataDetails.tsx b/src/modules/myData/protectedData/ProtectedDataDetails.tsx
index 282089d..7cb32f7 100644
--- a/src/modules/myData/protectedData/ProtectedDataDetails.tsx
+++ b/src/modules/myData/protectedData/ProtectedDataDetails.tsx
@@ -62,12 +62,17 @@ export function ProtectedDataDetails({
         </div>
       </div>
       <div className="radial-bg before:bg-grey-800 md:before:bg-grey-900 rounded-20 relative z-0 flex flex-col gap-6 overflow-hidden p-8 before:absolute before:inset-px before:-z-10 before:rounded-[calc(20px-1px)]">
-        <div className="z-30 grid gap-6">
-          <div className="font-anybody flex items-center gap-4 font-extrabold">
-            <div className="rounded-lg bg-yellow-300/10 p-2.5 text-yellow-300">
-              <Link size={20} />
+        <div className="z-30 grid gap-2">
+          <div className="space-y-1">
+            <div className="font-anybody flex items-center gap-4 font-extrabold">
+              <div className="rounded-lg bg-yellow-300/10 p-2.5 text-yellow-300">
+                <Link size={20} />
+              </div>
+              Encrypted Content
             </div>
-            IPFS link
+            <p className="text-primary/90 text-xs italic">
+              Protected data stored either on IPFS or Arweave
+            </p>
           </div>
           <p>
             <Button

From ec43d4b10ce4e84b0d900631abc3513700d3d134 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 17:48:24 +0200
Subject: [PATCH 6/8] feat: add DialogSendMessageConfirmation component and
 integrate message sending confirmation

---
 .../myData/DialogSendMessageConfirmation.tsx  | 77 +++++++++++++++++++
 src/stores/useSendMessage.store.ts            | 15 ++++
 src/views/contact/contactList.tsx             |  2 +
 src/views/contact/sendMessage.tsx             | 12 +--
 4 files changed, 98 insertions(+), 8 deletions(-)
 create mode 100644 src/modules/myData/DialogSendMessageConfirmation.tsx
 create mode 100644 src/stores/useSendMessage.store.ts

diff --git a/src/modules/myData/DialogSendMessageConfirmation.tsx b/src/modules/myData/DialogSendMessageConfirmation.tsx
new file mode 100644
index 0000000..8723d8d
--- /dev/null
+++ b/src/modules/myData/DialogSendMessageConfirmation.tsx
@@ -0,0 +1,77 @@
+import { LOCAL_STORAGE_PREFIX } from '@/config/config';
+import { useState } from 'react';
+import useLocalStorageState from 'use-local-storage-state';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { toast } from '@/components/ui/use-toast';
+import { useSendMessageStore } from '@/stores/useSendMessage.store';
+
+export default function DialogSendMessageConfirmation() {
+  const [isSendMessageConfirmationOpen, setIsSendMessageConfirmationOpen] =
+    useState(true);
+  const { lastRecipient, setLastRecipient, isMessageSend, setIsMessageSend } =
+    useSendMessageStore();
+
+  const [isDialogSendMessageViewed, setDialogSendMessageViewed] =
+    useLocalStorageState(`${LOCAL_STORAGE_PREFIX}_setDialogSendMessageViewed`, {
+      defaultValue: false,
+    });
+
+  if (!lastRecipient || isDialogSendMessageViewed) {
+    if (isMessageSend) {
+      toast({
+        title: `You successfully sent a message.`,
+        variant: 'success',
+      });
+      setIsMessageSend(false);
+    }
+    return null;
+  }
+
+  return (
+    <Dialog
+      open={isSendMessageConfirmationOpen}
+      onOpenChange={(openState) => {
+        setIsSendMessageConfirmationOpen(openState);
+        if (!openState) {
+          setDialogSendMessageViewed(true);
+          setLastRecipient('');
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogTitle>
+          <p className="mt-3 text-lg">
+            Your message has been successfully sent
+          </p>
+        </DialogTitle>
+        <div className="mt-4 space-y-2">
+          <p>
+            Your message has been sent to: <span>{lastRecipient}</span>
+          </p>
+          <p>
+            <b>Are you looking for Privacy Preserving Communication ?</b>
+            <br />
+            Explore the possibilities to integrate Confidential Web3 Messaging.
+          </p>
+        </div>
+        <DialogFooter>
+          <Button asChild className="mx-auto w-full max-w-44">
+            <a
+              href="http://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Connect with us
+            </a>
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/stores/useSendMessage.store.ts b/src/stores/useSendMessage.store.ts
new file mode 100644
index 0000000..ed0890f
--- /dev/null
+++ b/src/stores/useSendMessage.store.ts
@@ -0,0 +1,15 @@
+import { create } from 'zustand';
+
+type SendMessageState = {
+  lastRecipient: string;
+  setLastRecipient: (param: string) => void;
+  isMessageSend: boolean;
+  setIsMessageSend: (param: boolean) => void;
+};
+
+export const useSendMessageStore = create<SendMessageState>((set) => ({
+  lastRecipient: '',
+  setLastRecipient: (sendMessage: string) => set({ lastRecipient: sendMessage }),
+  isMessageSend: false,
+  setIsMessageSend: (isMessageSend: boolean) => set({ isMessageSend: isMessageSend }),
+}));
diff --git a/src/views/contact/contactList.tsx b/src/views/contact/contactList.tsx
index 4ee3be5..ffe88c6 100644
--- a/src/views/contact/contactList.tsx
+++ b/src/views/contact/contactList.tsx
@@ -18,6 +18,7 @@ import {
   getWeb3mailClient,
   getWeb3telegramClient,
 } from '@/externals/iexecSdkClient';
+import DialogSendMessageConfirmation from '@/modules/myData/DialogSendMessageConfirmation';
 import useUserStore from '@/stores/useUser.store';
 import { chunkArray } from '@/utils/chunkArray';
 import { cn } from '@/utils/style.utils';
@@ -151,6 +152,7 @@ export default function ContactList() {
 
   return (
     <div className="space-y-6">
+      <DialogSendMessageConfirmation />
       <div>
         <h1 className="text-xl font-bold">Send Message to contact</h1>
         <p>Email or telegram that people have authorized you to access</p>
diff --git a/src/views/contact/sendMessage.tsx b/src/views/contact/sendMessage.tsx
index 7435b94..b0f282d 100644
--- a/src/views/contact/sendMessage.tsx
+++ b/src/views/contact/sendMessage.tsx
@@ -22,10 +22,12 @@ import {
   getWeb3mailClient,
   getWeb3telegramClient,
 } from '@/externals/iexecSdkClient';
+import { useSendMessageStore } from '@/stores/useSendMessage.store';
 import { pluralize } from '@/utils/pluralize';
 
 export default function SendMessage() {
   const navigate = useNavigate();
+  const { setLastRecipient, setIsMessageSend } = useSendMessageStore();
   const { protectedDataAddress } = useParams<{
     protectedDataAddress: Address;
   }>();
@@ -127,15 +129,9 @@ export default function SendMessage() {
       console.error(err);
     },
     onSuccess: () => {
+      setLastRecipient(protectedDataAddress!);
+      setIsMessageSend(protectedDataAddress!);
       navigate('/contacts');
-      toast({
-        title: `You have successfully sent a ${
-          protectedData.data?.schema
-            ? getDataType(protectedData.data.schema)
-            : 'unknown'
-        }.`,
-        variant: 'success',
-      });
     },
   });
 

From cc198ca4e96b274fe4eb247e556b30917e3747cc Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 17:48:43 +0200
Subject: [PATCH 7/8] style: format code for better readability in
 useSendMessage.store.ts

---
 src/stores/useSendMessage.store.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/stores/useSendMessage.store.ts b/src/stores/useSendMessage.store.ts
index ed0890f..9257d88 100644
--- a/src/stores/useSendMessage.store.ts
+++ b/src/stores/useSendMessage.store.ts
@@ -9,7 +9,9 @@ type SendMessageState = {
 
 export const useSendMessageStore = create<SendMessageState>((set) => ({
   lastRecipient: '',
-  setLastRecipient: (sendMessage: string) => set({ lastRecipient: sendMessage }),
+  setLastRecipient: (sendMessage: string) =>
+    set({ lastRecipient: sendMessage }),
   isMessageSend: false,
-  setIsMessageSend: (isMessageSend: boolean) => set({ isMessageSend: isMessageSend }),
+  setIsMessageSend: (isMessageSend: boolean) =>
+    set({ isMessageSend: isMessageSend }),
 }));

From 65561ce92445cfcb9dcbdf984431a94a9feface4 Mon Sep 17 00:00:00 2001
From: ErwanDecoster <wanerd2@gmail.com>
Date: Thu, 19 Jun 2025 17:52:52 +0200
Subject: [PATCH 8/8] feat(navBar, DialogSendMessageConfirmation): replace
 hardcoded URL with CONTACT_URL constant

---
 src/components/navBar/NavBar.tsx                     | 7 ++-----
 src/config/config.ts                                 | 2 ++
 src/modules/myData/DialogSendMessageConfirmation.tsx | 8 ++------
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/components/navBar/NavBar.tsx b/src/components/navBar/NavBar.tsx
index 7df09c6..e4e8003 100644
--- a/src/components/navBar/NavBar.tsx
+++ b/src/components/navBar/NavBar.tsx
@@ -1,3 +1,4 @@
+import { CONTACT_URL } from '@/config/config.ts';
 import { useState } from 'react';
 import { Link, NavLink } from 'react-router-dom';
 import { useDevModeStore } from '@/stores/useDevMode.store.ts';
@@ -84,11 +85,7 @@ export function NavBar() {
               Interested by Confidential Messaging?
             </p>
             <Button variant="outline" asChild className="w-full max-w-44">
-              <a
-                href="http://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
+              <a href={CONTACT_URL} target="_blank" rel="noopener noreferrer">
                 Connect with us
               </a>
             </Button>
diff --git a/src/config/config.ts b/src/config/config.ts
index 9ad2e4e..7e67bb9 100644
--- a/src/config/config.ts
+++ b/src/config/config.ts
@@ -1,6 +1,8 @@
 export const ITEMS_PER_PAGE = 6;
 
 export const LOCAL_STORAGE_PREFIX = 'Web3Messaging';
+export const CONTACT_URL =
+  'https://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form';
 
 /**
  * See smart-contract transactions:
diff --git a/src/modules/myData/DialogSendMessageConfirmation.tsx b/src/modules/myData/DialogSendMessageConfirmation.tsx
index 8723d8d..9873487 100644
--- a/src/modules/myData/DialogSendMessageConfirmation.tsx
+++ b/src/modules/myData/DialogSendMessageConfirmation.tsx
@@ -1,4 +1,4 @@
-import { LOCAL_STORAGE_PREFIX } from '@/config/config';
+import { CONTACT_URL, LOCAL_STORAGE_PREFIX } from '@/config/config';
 import { useState } from 'react';
 import useLocalStorageState from 'use-local-storage-state';
 import { Button } from '@/components/ui/button';
@@ -62,11 +62,7 @@ export default function DialogSendMessageConfirmation() {
         </div>
         <DialogFooter>
           <Button asChild className="mx-auto w-full max-w-44">
-            <a
-              href="http://airtable.com/appDiKrXe5wJgGpdP/pagm2GF2eNdX2ysw3/form"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
+            <a href={CONTACT_URL} target="_blank" rel="noopener noreferrer">
               Connect with us
             </a>
           </Button>
