634 bugs (#636)

* created project structure

* removed unused file

* fixed styles check

* added yarn.lock file

* added react-dom library in demo app

* stashed files added

* build: staging deploy

* signin page ui

* renamed file

* fixed linting issues

* 544 signin page (#551)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* integrated rainbow wallet

* 545 rainbow wallet (#552)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* 547 metamask wallet (#553)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* removed fontawesome library & added svg image

* 548 walletconnect (#561)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* added user profile page

* 557 user profile (#562)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* integrated user contact list

* changed color of contact background on hover

* 554 user contacts (#563)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* pass ENVs

* 558 hamburger menu (#565)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* created contacts action menu

* added contact menu list

* UI for user contact page

* 555 contacts action (#566)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* updated code as per comment

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* contact info page

* add conversation UI

* 556 user contact info (#567)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* fixed 1st contact not highlighted issue

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* 559 add conversation (#571)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* updated code as per PR comments

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 560 preferences (#572)

* changed let to const

* UI for profile configuration

* 568 optimization (#573)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* 569 configure profile (#577)

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* env test

* 570 hide contact (#579)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* chat screen

* chat message UI

* 575 profile config info box (#581)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* library function integration for chat

* removed unused code

* feat: remove alias

* message actions

* fixed user config profile method

* edit message integration

* 574 chat (#589)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* resolved conflicts

* fixed conflict

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* edit message context state

* integrated message edit functionality

* 585 msg actions (#593)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* message actions

* fixed user config profile method

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* delete msg

* delete msg functionality integrated

* modified deleted msg text

* build: docker compose

* repair offchain resolver test

* 586 edit msg (#594)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* message actions

* fixed user config profile method

* edit message integration

* edit message context state

* integrated message edit functionality

* added edited text on edited msg

* added edited text below edited msg

* fixed message type text

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* reply msg functionality integrated

* Fix modules (#596)

* accepts more than one default con

* normalize ensName before adding it to contract list (#582)

* normalize ensName before adding it to contract list

* release 0.2.9

* fix bug in profile that prevented ENS name owners from creating a profile

* release profile and react

* Use latest react package in web (#591)

* fix bug in profile that prevented ENS name owners from creating a profile

* release profile and react

* use dm3-react v0.2.11 in web

* update yarn.lock

* use profile v0.2.2 (#592)

* use profile v0.2.2

* update yarn.lock

* use commonfJs instead of esnext

* replace dist.backend

* use node instead of ts-node

* remove billboard-widget and billdboard-client form packages

* push yarn lock

* remove old backend config

* lint ignore for billboard widget

* remove backend build from pipeline

* remove backen build from action.yml

* repair broken action.yml

* remove all eft over references to dist.backend

* fix global config

* use proper globalConfic Input

* add globa config to resolverEndpint deps

* reply msg integrated

* fixed code alignment

* message emojis integrated

* Added emoji reactions & removal of reactions

* fixed reaction emojis for deleted message

* created project structure

* removed unused file

* fixed styles check

* added yarn.lock file

* added react-dom library in demo app

* build: staging deploy

* 544 signin page (#551)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 545 rainbow wallet (#552)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 547 metamask wallet (#553)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 548 walletconnect (#561)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 557 user profile (#562)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 554 user contacts (#563)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* pass ENVs

* 558 hamburger menu (#565)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 555 contacts action (#566)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* updated code as per comment

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 556 user contact info (#567)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* fixed 1st contact not highlighted issue

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 559 add conversation (#571)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* updated code as per PR comments

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 560 preferences (#572)

* 568 optimization (#573)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>

* 569 configure profile (#577)

* env test

* 570 hide contact (#579)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* 575 profile config info box (#581)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* feat: remove alias

* 574 chat (#589)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* resolved conflicts

* fixed conflict

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* 585 msg actions (#593)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* message actions

* fixed user config profile method

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* build: docker compose

* repair offchain resolver test

* 586 edit msg (#594)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* message actions

* fixed user config profile method

* edit message integration

* edit message context state

* integrated message edit functionality

* added edited text on edited msg

* added edited text below edited msg

* fixed message type text

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* Fix modules (#596)

* accepts more than one default con

* normalize ensName before adding it to contract list (#582)

* normalize ensName before adding it to contract list

* release 0.2.9

* fix bug in profile that prevented ENS name owners from creating a profile

* release profile and react

* Use latest react package in web (#591)

* fix bug in profile that prevented ENS name owners from creating a profile

* release profile and react

* use dm3-react v0.2.11 in web

* update yarn.lock

* use profile v0.2.2 (#592)

* use profile v0.2.2

* update yarn.lock

* use commonfJs instead of esnext

* replace dist.backend

* use node instead of ts-node

* remove billboard-widget and billdboard-client form packages

* push yarn lock

* remove old backend config

* lint ignore for billboard widget

* remove backend build from pipeline

* remove backen build from action.yml

* repair broken action.yml

* remove all eft over references to dist.backend

* fix global config

* use proper globalConfic Input

* add globa config to resolverEndpint deps

* 604 msg reaction (#610)

* stashed files added

* signin page ui

* renamed file

* fixed linting issues

* integrated rainbow wallet

* integrated metamask wallet & fixed home image strech issue

* fixed error message

* removed provider check

* removed fontawesome library & added svg image

* added user profile page

* integrated user contact list

* changed color of contact background on hover

* created hamburger menu ui

* removed unused import

* fixed prettier issue

* created contacts action menu

* added contact menu list

* UI for user contact page

* contact info page

* add conversation UI

* integrated add conversation modal

* integrated preferences modal

* optimized code

* removed unused code & fixed linting

* changed let to const

* UI for profile configuration

* added error messages

* Configure user profile

* removed unused parameter

* fixed prettier issue

* env test

* hide contact integrated

* modified condition check

* profile not configured info box

* env test

* chat screen

* chat message UI

* library function integration for chat

* removed unused code

* message actions

* fixed user config profile method

* edit message integration

* edit message context state

* integrated message edit functionality

* delete msg

* delete msg functionality integrated

* modified deleted msg text

* reply msg functionality integrated

* reply msg integrated

* fixed code alignment

* message emojis integrated

* Added emoji reactions & removal of reactions

* fixed reaction emojis for deleted message

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>

* build: staging conf

* feat: delivery service properties api

* attachments in new message

* resolved merge conflicts

* resolved conflicts

* resolved conflict

* fixed scroller on message load

* edit, reply message attachments with size check

* fixed issue of loader

* attachments preview UI

* Image modal view

* preetified code

* attachments view & download

* fixed alignment

* fixed few bugs

* Fixed Sign in UI issue

* fixed contacts alignment

* referred to goerli network

* optimized message fetching

* contacts & message performance optimization

* removed unused code

* changed network back to goerli

* removed unsued package

* fews bug fixes

* fixed few more bugs

* fixed more bugs

* fixed contacts loading issue

* Some more bugs fixes

* animation & shimmer effect

* Fixed all bugs

* Bug fix: network changed back to goerli

---------

Co-authored-by: Bhupesh-MS <bhupeshd@mindfiresolutions.com>
Co-authored-by: Heiko Burkhardt <mail@heiko-burkhardt.de>
Co-authored-by: AlexNi245 <alex.plutta@googlemail.com>

packages/messenger-widget/src/components/AddConversation/AddConversation.tsx

@@ -4,6 +4,7 @@ import closeIcon from '../../assets/images/cross.svg';
 import { INPUT_FIELD_CLASS, addContact, closeConversationModal } from './bl';
 import { FormEvent, useContext, useState } from 'react';
 import { GlobalContext } from '../../utils/context-utils';
+import { showContactList } from '../../utils/common-utils';
 
 export default function AddConversation() {
     const { state, dispatch } = useContext(GlobalContext);
@@ -79,13 +80,14 @@ export default function AddConversation() {
                             className="close-modal-icon"
                             src={closeIcon}
                             alt="close"
-                            onClick={() =>
+                            onClick={() => {
                                 closeConversationModal(
                                     resetName,
                                     showErrorMessage,
                                     resetInputFieldClass,
-                                )
-                            }
+                                );
+                                showContactList(dispatch);
+                            }}
                         />
                     </div>
 

packages/messenger-widget/src/components/AttachmentPreview/AttachmentPreview.tsx

@@ -10,7 +10,7 @@ export function AttachmentPreview(props: AttachmentProps) {
     }
 
     return (
-        <div className="d-flex pt-1 align-items-center">
+        <div className="d-flex pb-2 pt-1 align-items-center">
             {props.filesSelected.map((item) => {
                 return (
                     <div

packages/messenger-widget/src/components/Chat/Chat.css

@@ -22,3 +22,26 @@
 .chat-height-high {
     height: 79vh;
 }
+
+.skeletion-chat-height {
+    height: 86vh;
+}
+
+.skeleton-message {
+    width: 15rem;
+    height: 2.5rem;
+    animation-iteration-count: infinite;
+    animation-name: shimmer;
+    animation-duration: 1.2s;
+    background: linear-gradient(-44deg, #3a3c50 30%, #acacac, #3a3c50 70%)
+        right/300% 100%;
+}
+
+@keyframes shimmer {
+    0% {
+        background-position: -468px 0;
+    }
+    100% {
+        background-position: 468px 0;
+    }
+}

packages/messenger-widget/src/components/Chat/Chat.tsx

@@ -22,6 +22,7 @@ export function Chat() {
         useState<boolean>(false);
     const [isProfileConfigured, setIsProfileConfigured] =
         useState<boolean>(false);
+    const [showShimEffect, setShowShimEffect] = useState(true);
 
     const alias =
         state.connection.ethAddress &&
@@ -31,6 +32,10 @@ export function Chat() {
         setIsProfileConfigured(status);
     };
 
+    const updateShowShimEffect = (action: boolean) => {
+        setShowShimEffect(action);
+    };
+
     const setListOfMessages = (msgs: []) => {
         setMessageList(msgs);
     };
@@ -46,16 +51,16 @@ export function Chat() {
     // handles messages list
     useEffect(() => {
         setIsProfileConfigured(true);
-        let isInitialized = false;
-
         // fetch the messages from local storage is exists
         if (state.accounts.selectedContact) {
             const msgDetails = localStorage.getItem(
                 state.accounts.selectedContact?.account.ensName,
             );
             if (msgDetails) {
-                isInitialized = true;
+                setShowShimEffect(false);
                 setListOfMessages(JSON.parse(msgDetails));
+            } else {
+                setShowShimEffect(true);
             }
         }
 
@@ -82,10 +87,12 @@ export function Chat() {
                     ),
                     alias,
                     setListOfMessages,
-                    isInitialized,
+                    isMessageListInitialized,
                     updateIsMessageListInitialized,
+                    updateShowShimEffect,
                 );
             } catch (error) {
+                setShowShimEffect(false);
                 setListOfMessages([]);
                 log(error, 'error');
             }
@@ -103,6 +110,9 @@ export function Chat() {
         }
     }, [messageList]);
 
+    /* shimmer effect contacts css */
+    const shimmerData: number[] = Array.from({ length: 50 }, (_, i) => i + 1);
+
     return (
         <div
             className={
@@ -111,31 +121,66 @@ export function Chat() {
                     : 'highlight-chat-border-none'
             }
         >
-            <div className="m-2 text-primary-color position-relative chat-container">
-                {/* To show information box that contact has not created profile */}
-                {!isProfileConfigured && <ConfigProfileAlertBox />}
-
-                {/* Chat messages */}
+            {/* Shimmer effect while messages are loading */}
+            {showShimEffect && (
                 <div
                     id="chat-box"
-                    className={'chat-items position-relative mb-2'.concat(
-                        ' ',
-                        !isProfileConfigured
-                            ? 'chat-height-small'
-                            : 'chat-height-high',
-                    )}
+                    className={
+                        'chat-items position-relative mb-2 skeletion-chat-height'
+                    }
                 >
-                    {messageList.length > 0 &&
-                        messageList.map((messageData: MessageProps, index) => (
-                            <div key={index} className="mt-2">
-                                <Message {...messageData} />
-                            </div>
-                        ))}
+                    {shimmerData.map((item, index) => {
+                        return (
+                            <span
+                                key={index}
+                                className={'text-primary-color d-grid msg'.concat(
+                                    ' ',
+                                    index % 2
+                                        ? 'me-2 justify-content-end'
+                                        : 'ms-2 justify-content-start',
+                                )}
+                            >
+                                <div className="d-flex">
+                                    <div
+                                        className="width-fill text-left font-size-14 border-radius-6 content-style 
+                                        ms-3 background-config-box skeleton-message"
+                                    ></div>
+                                </div>
+                            </span>
+                        );
+                    })}
                 </div>
+            )}
+
+            {!showShimEffect && (
+                <div className="m-2 text-primary-color position-relative chat-container">
+                    {/* To show information box that contact has not created profile */}
+                    {!isProfileConfigured && <ConfigProfileAlertBox />}
 
-                {/* Message, emoji and file attachments */}
-                <MessageInputBox />
-            </div>
+                    {/* Chat messages */}
+                    <div
+                        id="chat-box"
+                        className={'chat-items position-relative mb-2'.concat(
+                            ' ',
+                            !isProfileConfigured
+                                ? 'chat-height-small'
+                                : 'chat-height-high',
+                        )}
+                    >
+                        {messageList.length > 0 &&
+                            messageList.map(
+                                (messageData: MessageProps, index) => (
+                                    <div key={index} className="mt-2">
+                                        <Message {...messageData} />
+                                    </div>
+                                ),
+                            )}
+                    </div>
+
+                    {/* Message, emoji and file attachments */}
+                    <MessageInputBox />
+                </div>
+            )}
         </div>
     );
 }