nftychat-universe 1.4.2 → 1.4.3

package/dist/index.cjs.js

@@ -12447,7 +12447,9 @@ function DmButton(props) {
   } = wagmi.useConnect();
   const {
     signMessageAsync
-  } = wagmi.useSignMessage(); // Custom states
+  } = wagmi.useSignMessage(); // make sure signature requested once
+
+  const [signedWallet, setSignedWallet] = React.useState("No wallet signed"); // Custom states
 
   const [numberOfNotifications, setNumberOfNotifications] = React.useState(0);
   const mainUrl = "https://nftychat-staging.herokuapp.com"; // const mainUrl = "http://localhost:8080";
@@ -12476,13 +12478,15 @@ function DmButton(props) {
 
   React.useEffect(() => {
     async function resolveUserName() {
-      if (!userName || userName === "") {
+      if (!userName || userName === "" || userName === undefined) {
         const tempUserName = await getDisplayName(wagmiAddress);
         setUserName(tempUserName);
       }
     }
 
     resolveUserName();
+    console.log("wagmiAddress - " + wagmiAddress);
+    console.log("userName - " + userName);
   }, [userName, wagmiAddress]); //useEffect if displayName not defined
 
   React.useEffect(() => {
@@ -12598,10 +12602,11 @@ function DmButton(props) {
 
 
   React.useEffect(() => {
-    if (!!wagmiAddress && !!popoverAnchor) {
+    if (!!wagmiAddress && !!popoverAnchor && wagmiAddress !== signedWallet) {
       getAccessToken();
+      setSignedWallet(wagmiAddress);
     }
-  }, [popoverAnchor, wagmiAddress]); // useEffect to fetch conversations if user has authenticated
+  }, [popoverAnchor, wagmiAddress, signedWallet]); // useEffect to fetch conversations if user has authenticated
 
   React.useEffect(() => {
     if (authenticated) {
@@ -12654,7 +12659,6 @@ function DmButton(props) {
       onClick: event => {
         setWalletPopoverOpen(true);
         setPopoverAnchor(event.currentTarget);
-        getAccessToken();
       },
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "universal_button__icon_container",
@@ -12862,7 +12866,7 @@ function DmButton(props) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = "* {\n  --message-height:44px\n}\n.universal_button,\n.universal_button *,\n.universal_button_popover__container,\n.universal_button_popover__container *,\n.wallet_popover__modal,\n.wallet_popover__modal * {\n  --background: #fff;\n  --primary-text: #19191A;\n  --secondary-text: #606166;\n  --bottom-border: #f3f3f3;\n  --main-gray: #dedede;\n  --button-hover: #ccc;\n\n  font-family: \"Inter\", sans-serif;\n}\n\n.universal_button___dark,\n.universal_button___dark *,\n.universal_button_popover__container___dark,\n.universal_button_popover__container___dark *,\n.wallet_popover__modal___dark,\n.wallet_popover__modal___dark * {\n  --background: #0f0f0f;\n  --primary-text: #fff;\n  --secondary-text: #ccc;\n  --bottom-border: #252527;\n  --main-gray: #2c2c2f;\n  --button-hover: #4f4f55;\n}\n\n.universal_button {\n  position: relative;\n}\n\n.universal_button__button {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 9999px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  font-family: Inter, sans-serif;\n  gap: 8px;\n  justify-content: center;\n  padding: 8px 16px;\n  transition: color 200ms, background-color 200ms;\n}\n\n.universal_button__button:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_button__icon_container {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n}\n.universal_dm__inbox_badge{\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  height: 8px;\n  width: 8px;\n}\n\n.universal_button__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n  width: 14px;\n}\n\n.universal_button__icon {\n  height: 100%;\n  width: 100%;\n}\n\n.universal_button__text {\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.universal_button_popover {\n  border-radius: 6px;\n}\n\n\n.universal_button_popover__container {\n  background-color: var(--background);\n  display: flex;\n  flex-direction: column;\n  width: 384px;\n}\n\n.universal_dm__textarea {\n  background-color: var(--background);\n  border-radius: 6px;\n  border: 1px solid var(--main-gray);\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 1rem;\n  margin-bottom: 8px;\n  min-height: 66px;\n  outline: none;\n  padding: 8px;\n  resize: none;\n  transition: border-color 200ms;\n  flex: auto;\n}\n\n.universal_dm__textarea:focus {\n  border-color: var(--button-hover);\n}\n\n.universal_dm__title{\n  font-family: 'Noto Sans';\n  font-size: 18px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n\n/* recent messages */\n.universal_dm__messages {\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 16px 8px 16px;\n  flex-direction: column;\n}\n\n.message__container{\n  margin-bottom: 8px; \n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n  height: var(--message-height);\n}\n\n.message_title{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n.message_text{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  min-height: 24px;\n  letter-spacing: 0em;\n  text-align: left;\n  color: var(--secondary-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: clip;\n}\n.message_separator {\n  width: 100%;\n  border: 1px solid var(--main-gray);\n  height: 0px;\n  margin-bottom: 12px;\n} \n\n.message_text__container{\n  display: flex;\n  flex-direction: column;\n  max-width: 96%;  \n}\n\n.message__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  width: 14px;\n}\n.hover_text {\n  color: var(--primary-text);\n  opacity: 0;\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  text-align: center;\n  position: absolute;\n  display: flex;\n  align-items: center; /** Y-axis align **/\n  justify-content: center; /** X-axis align **/\n  width: 98%;\n  height: var(--message-height);\n}\n.message__container:hover .message_text__container,\n.message__container:hover .message__badge{\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  -webkit-filter: blur(3px);\n  -moz-filter: blur(3px);\n  -ms-filter: blur(3px);\n  -o-filter: blur(3px);\n  filter: blur(3px);\n}\n.message__container:hover .hover_text {\n  -webkit-opacity: 1;\n  opacity: 1;\n}\n\n.universal_dm__content {\n  padding: 0px 16px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.universal_dm__top {\n  margin-bottom: 8px;\n  margin-top: 10px;\n}\n\n.universal_dm__bottom_1 {\n  margin-bottom: 20px;\n}\n.universal_dm__bottom_2 {\n  margin-bottom: 16px;\n}\n\n\n.universal_button_popover__content {\n  margin: 12px;\n}\n\n.universal_button_popover__content_top {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 12px 12px 8px 12px;\n}\n\n.universal_button_popover__content_bottom {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 12px 12px 12px;\n}\n\n.universal_dm__content_left {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_button_popover__subtitle{\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_dm__user_text {\n  text-decoration: none;\n  color: var(--secondary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n}\n\n.universal_dm__nfty_link {\n  text-decoration: none;\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n\n.universal_dm__link_arrow{\n  margin-left: 4px\n}\n\n.universal_button_popover__link_text{\n  color: var(--button-text);\n}\n\n.universal_button_popover__content a:hover, \n.universal_button_popover__content a:visited, \n.universal_button_popover__content a:link, \n.universal_button_popover__content a:active\n{\n  text-decoration: none;\n}\n\n/* inbox button */\n.universal_dm__inbox {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  transition: color 200ms, background-color 200ms;\n  width: 32px;\n}\n.universal_dm__inbox__selected{\n  background-color: var(--main-gray);   \n}\n.universal_dm__inbox:hover {\n  background-color: var(--button-hover); \n}\n\n.universal_dm__inbox_icon {\n  height: 100%;\n  width: 100%;\n}\n\n/* Send button */\n.universal_dm__send {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  width: 24px;\n  justify-content: center;\n  padding: 3px 1px 3px 3px;\n  transition: color 200ms, background-color 200ms;\n  background-color: var(--main-gray);\n}\n\n.universal_dm__send:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_dm__send_icon {\n  height: 100%;\n  width: 100%;\n}\n.universal_dm__bottom_border {\n  background-color: var(--bottom-border);\n  padding:8px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n.universal_dm__bottom_border__text {\n  color: var(--primary-text);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n/* Message sent screen */\n.universal_dm__message_sent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.universal_dm__message_sent__image{\n  margin-top: 24px;\n  margin-bottom: 18px;\n}\n\n.universal_dm__message_sent__text {\n  margin-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.universal_dm__message_sent__title {\n  color: var(--primary-text);\n  font-weight: 700;\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.universal_dm__message_sent__subtitle {\n  color: var(--primary-text);\n  font-weight: 400;\n  font-size: 13px;\n}\n\n.universal_dm__message_sent__button_group{\n  display: flex;\n  align-items: center;\n  justify-content:space-between;\n  margin: 0px 16px 24px 16px;\n  width: calc(100% - 32px);\n}\n.universal_dm__message_sent__button{\n padding: 10px 22px;\n padding-top: 10px;\n color: var(--primary-text);\n background-color: var(--main-gray);\n border: none;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: left;\n cursor: pointer;\n}\n.universal_dm__message_sent__button:hover{\n  background-color: var(--button-hover);\n }\n .universal_dm__message_sent__button_icon{\n  height: 20px;\n  width: 20px;\n  margin-right: 6px;\n}\n\n\n/* Wallet popover */\n.wallet_popover {\n  /* border: red dashed 1px; */\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 100vh;\n  justify-content: center;\n  width: 100vw;\n}\n\n.wallet_popover__modal {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 14px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0px 2px 4px rgb(0 0 0 / 6%), 0px 4px 6px rgb(0 0 0 / 10%);\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 24px;\n  max-width: 360px;\n  overflow: hidden;\n  padding: 24px;\n  pointer-events: auto;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n\n.wallet_popover__button {\n  align-items: center;\n  background-color: #298574;\n  border-radius: 9999px;\n  border: none;\n  color: white;\n  cursor: pointer;\n  cursor: pointer;\n  display: flex;\n  font-size: 15px;\n  font-weight: 500;\n  height: 48px;\n  justify-content: center;\n  transition: background-color 150ms;\n  user-select: none;\n  width: 164px;\n}\n\n.wallet_popover__button:enabled:hover {\n  background-color: hsl(169, 53%, 40%);\n}\n\n.wallet_popover__button:enabled:active {\n  background-color: hsl(169, 53%, 45%);\n}\n\n.wallet_popover__button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
+var css = "* {\n  --message-height:44px\n}\n.universal_button,\n.universal_button *,\n.universal_button_popover__container,\n.universal_button_popover__container *,\n.wallet_popover__modal,\n.wallet_popover__modal * {\n  --background: #fff;\n  --primary-text: #19191A;\n  --secondary-text: #606166;\n  --bottom-border: #f3f3f3;\n  --main-gray: #dedede;\n  --button-hover: #ccc;\n\n  font-family: \"Inter\", sans-serif;\n}\n\n.universal_button___dark,\n.universal_button___dark *,\n.universal_button_popover__container___dark,\n.universal_button_popover__container___dark *,\n.wallet_popover__modal___dark,\n.wallet_popover__modal___dark * {\n  --background: #0f0f0f;\n  --primary-text: #fff;\n  --secondary-text: #ccc;\n  --bottom-border: #252527;\n  --main-gray: #2c2c2f;\n  --button-hover: #4f4f55;\n}\n\n.universal_button {\n  position: relative;\n}\n\n.universal_button__button {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 9999px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  font-family: Inter, sans-serif;\n  gap: 8px;\n  justify-content: center;\n  padding: 8px 16px;\n  transition: color 200ms, background-color 200ms;\n}\n\n.universal_button__button:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_button__icon_container {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n}\n.universal_dm__inbox_badge{\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  height: 8px;\n  width: 8px;\n}\n\n.universal_button__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n  width: 14px;\n}\n\n.universal_button__icon {\n  height: 100%;\n  width: 100%;\n}\n\n.universal_button__text {\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.universal_button_popover {\n  border-radius: 6px;\n}\n\n\n.universal_button_popover__container {\n  background-color: var(--background);\n  display: flex;\n  flex-direction: column;\n  width: 384px;\n}\n\n.universal_dm__textarea {\n  background-color: var(--background);\n  border-radius: 6px;\n  border: 1px solid var(--main-gray);\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 1rem;\n  margin-bottom: 8px;\n  min-height: 66px;\n  outline: none;\n  padding: 8px;\n  resize: none;\n  transition: border-color 200ms;\n  flex: auto;\n}\n\n.universal_dm__textarea:focus {\n  border-color: var(--button-hover);\n}\n\n.universal_dm__title{\n  font-family: 'Inter';\n  font-size: 18px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n\n/* recent messages */\n.universal_dm__messages {\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 16px 8px 16px;\n  flex-direction: column;\n}\n\n.message__container{\n  margin-bottom: 8px; \n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n  height: var(--message-height);\n}\n\n.message_title{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n.message_text{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  min-height: 24px;\n  letter-spacing: 0em;\n  text-align: left;\n  color: var(--secondary-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: clip;\n}\n.message_separator {\n  width: 100%;\n  border: 1px solid var(--main-gray);\n  height: 0px;\n  margin-bottom: 12px;\n} \n\n.message_text__container{\n  display: flex;\n  flex-direction: column;\n  max-width: 96%;  \n}\n\n.message__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  width: 14px;\n}\n.hover_text {\n  color: var(--primary-text);\n  opacity: 0;\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  text-align: center;\n  position: absolute;\n  display: flex;\n  align-items: center; /** Y-axis align **/\n  justify-content: center; /** X-axis align **/\n  width: 98%;\n  height: var(--message-height);\n}\n.message__container:hover .message_text__container,\n.message__container:hover .message__badge{\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  -webkit-filter: blur(3px);\n  -moz-filter: blur(3px);\n  -ms-filter: blur(3px);\n  -o-filter: blur(3px);\n  filter: blur(3px);\n}\n.message__container:hover .hover_text {\n  -webkit-opacity: 1;\n  opacity: 1;\n}\n\n.universal_dm__content {\n  padding: 0px 16px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.universal_dm__top {\n  margin-bottom: 8px;\n  margin-top: 10px;\n}\n\n.universal_dm__bottom_1 {\n  margin-bottom: 20px;\n}\n.universal_dm__bottom_2 {\n  margin-bottom: 16px;\n}\n\n\n.universal_button_popover__content {\n  margin: 12px;\n}\n\n.universal_button_popover__content_top {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 12px 12px 8px 12px;\n}\n\n.universal_button_popover__content_bottom {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 12px 12px 12px;\n}\n\n.universal_dm__content_left {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_button_popover__subtitle{\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_dm__user_text {\n  text-decoration: none;\n  color: var(--secondary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n}\n\n.universal_dm__nfty_link {\n  text-decoration: none;\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n\n.universal_dm__link_arrow{\n  margin-left: 4px\n}\n\n.universal_button_popover__link_text{\n  color: var(--button-text);\n}\n\n.universal_button_popover__content a:hover, \n.universal_button_popover__content a:visited, \n.universal_button_popover__content a:link, \n.universal_button_popover__content a:active\n{\n  text-decoration: none;\n}\n\n/* inbox button */\n.universal_dm__inbox {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  transition: color 200ms, background-color 200ms;\n  width: 32px;\n}\n.universal_dm__inbox__selected{\n  background-color: var(--main-gray);   \n}\n.universal_dm__inbox:hover {\n  background-color: var(--button-hover); \n}\n\n.universal_dm__inbox_icon {\n  height: 100%;\n  width: 100%;\n}\n\n/* Send button */\n.universal_dm__send {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  width: 24px;\n  justify-content: center;\n  padding: 3px 1px 3px 3px;\n  transition: color 200ms, background-color 200ms;\n  background-color: var(--main-gray);\n}\n\n.universal_dm__send:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_dm__send_icon {\n  height: 100%;\n  width: 100%;\n}\n.universal_dm__bottom_border {\n  background-color: var(--bottom-border);\n  padding:8px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n.universal_dm__bottom_border__text {\n  color: var(--primary-text);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n/* Message sent screen */\n.universal_dm__message_sent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.universal_dm__message_sent__image{\n  margin-top: 24px;\n  margin-bottom: 18px;\n}\n\n.universal_dm__message_sent__text {\n  margin-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.universal_dm__message_sent__title {\n  color: var(--primary-text);\n  font-weight: 700;\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.universal_dm__message_sent__subtitle {\n  color: var(--primary-text);\n  font-weight: 400;\n  font-size: 13px;\n}\n\n.universal_dm__message_sent__button_group{\n  display: flex;\n  align-items: center;\n  justify-content:space-between;\n  margin: 0px 16px 24px 16px;\n  width: calc(100% - 32px);\n}\n.universal_dm__message_sent__button{\n padding: 10px 22px;\n padding-top: 10px;\n color: var(--primary-text);\n background-color: var(--main-gray);\n border: none;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: left;\n cursor: pointer;\n}\n.universal_dm__message_sent__button:hover{\n  background-color: var(--button-hover);\n }\n .universal_dm__message_sent__button_icon{\n  height: 20px;\n  width: 20px;\n  margin-right: 6px;\n}\n\n\n/* Wallet popover */\n.wallet_popover {\n  /* border: red dashed 1px; */\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 100vh;\n  justify-content: center;\n  width: 100vw;\n}\n\n.wallet_popover__modal {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 14px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0px 2px 4px rgb(0 0 0 / 6%), 0px 4px 6px rgb(0 0 0 / 10%);\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 24px;\n  max-width: 360px;\n  overflow: hidden;\n  padding: 24px;\n  pointer-events: auto;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n\n.wallet_popover__button {\n  align-items: center;\n  background-color: #298574;\n  border-radius: 9999px;\n  border: none;\n  color: white;\n  cursor: pointer;\n  cursor: pointer;\n  display: flex;\n  font-size: 15px;\n  font-weight: 500;\n  height: 48px;\n  justify-content: center;\n  transition: background-color 150ms;\n  user-select: none;\n  width: 164px;\n}\n\n.wallet_popover__button:enabled:hover {\n  background-color: hsl(169, 53%, 40%);\n}\n\n.wallet_popover__button:enabled:active {\n  background-color: hsl(169, 53%, 45%);\n}\n\n.wallet_popover__button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
 n(css,{});
 
 const infuraId = "806586b223e14b3eb1e6e4285bf8240e";

package/dist/index.esm.js

@@ -12420,7 +12420,9 @@ function DmButton(props) {
   } = useConnect();
   const {
     signMessageAsync
-  } = useSignMessage(); // Custom states
+  } = useSignMessage(); // make sure signature requested once
+
+  const [signedWallet, setSignedWallet] = useState("No wallet signed"); // Custom states
 
   const [numberOfNotifications, setNumberOfNotifications] = useState(0);
   const mainUrl = "https://nftychat-staging.herokuapp.com"; // const mainUrl = "http://localhost:8080";
@@ -12449,13 +12451,15 @@ function DmButton(props) {
 
   useEffect(() => {
     async function resolveUserName() {
-      if (!userName || userName === "") {
+      if (!userName || userName === "" || userName === undefined) {
         const tempUserName = await getDisplayName(wagmiAddress);
         setUserName(tempUserName);
       }
     }
 
     resolveUserName();
+    console.log("wagmiAddress - " + wagmiAddress);
+    console.log("userName - " + userName);
   }, [userName, wagmiAddress]); //useEffect if displayName not defined
 
   useEffect(() => {
@@ -12571,10 +12575,11 @@ function DmButton(props) {
 
 
   useEffect(() => {
-    if (!!wagmiAddress && !!popoverAnchor) {
+    if (!!wagmiAddress && !!popoverAnchor && wagmiAddress !== signedWallet) {
       getAccessToken();
+      setSignedWallet(wagmiAddress);
     }
-  }, [popoverAnchor, wagmiAddress]); // useEffect to fetch conversations if user has authenticated
+  }, [popoverAnchor, wagmiAddress, signedWallet]); // useEffect to fetch conversations if user has authenticated
 
   useEffect(() => {
     if (authenticated) {
@@ -12627,7 +12632,6 @@ function DmButton(props) {
       onClick: event => {
         setWalletPopoverOpen(true);
         setPopoverAnchor(event.currentTarget);
-        getAccessToken();
       },
       children: [/*#__PURE__*/jsxs("div", {
         className: "universal_button__icon_container",
@@ -12835,7 +12839,7 @@ function DmButton(props) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = "* {\n  --message-height:44px\n}\n.universal_button,\n.universal_button *,\n.universal_button_popover__container,\n.universal_button_popover__container *,\n.wallet_popover__modal,\n.wallet_popover__modal * {\n  --background: #fff;\n  --primary-text: #19191A;\n  --secondary-text: #606166;\n  --bottom-border: #f3f3f3;\n  --main-gray: #dedede;\n  --button-hover: #ccc;\n\n  font-family: \"Inter\", sans-serif;\n}\n\n.universal_button___dark,\n.universal_button___dark *,\n.universal_button_popover__container___dark,\n.universal_button_popover__container___dark *,\n.wallet_popover__modal___dark,\n.wallet_popover__modal___dark * {\n  --background: #0f0f0f;\n  --primary-text: #fff;\n  --secondary-text: #ccc;\n  --bottom-border: #252527;\n  --main-gray: #2c2c2f;\n  --button-hover: #4f4f55;\n}\n\n.universal_button {\n  position: relative;\n}\n\n.universal_button__button {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 9999px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  font-family: Inter, sans-serif;\n  gap: 8px;\n  justify-content: center;\n  padding: 8px 16px;\n  transition: color 200ms, background-color 200ms;\n}\n\n.universal_button__button:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_button__icon_container {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n}\n.universal_dm__inbox_badge{\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  height: 8px;\n  width: 8px;\n}\n\n.universal_button__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n  width: 14px;\n}\n\n.universal_button__icon {\n  height: 100%;\n  width: 100%;\n}\n\n.universal_button__text {\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.universal_button_popover {\n  border-radius: 6px;\n}\n\n\n.universal_button_popover__container {\n  background-color: var(--background);\n  display: flex;\n  flex-direction: column;\n  width: 384px;\n}\n\n.universal_dm__textarea {\n  background-color: var(--background);\n  border-radius: 6px;\n  border: 1px solid var(--main-gray);\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 1rem;\n  margin-bottom: 8px;\n  min-height: 66px;\n  outline: none;\n  padding: 8px;\n  resize: none;\n  transition: border-color 200ms;\n  flex: auto;\n}\n\n.universal_dm__textarea:focus {\n  border-color: var(--button-hover);\n}\n\n.universal_dm__title{\n  font-family: 'Noto Sans';\n  font-size: 18px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n\n/* recent messages */\n.universal_dm__messages {\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 16px 8px 16px;\n  flex-direction: column;\n}\n\n.message__container{\n  margin-bottom: 8px; \n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n  height: var(--message-height);\n}\n\n.message_title{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n.message_text{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  min-height: 24px;\n  letter-spacing: 0em;\n  text-align: left;\n  color: var(--secondary-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: clip;\n}\n.message_separator {\n  width: 100%;\n  border: 1px solid var(--main-gray);\n  height: 0px;\n  margin-bottom: 12px;\n} \n\n.message_text__container{\n  display: flex;\n  flex-direction: column;\n  max-width: 96%;  \n}\n\n.message__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  width: 14px;\n}\n.hover_text {\n  color: var(--primary-text);\n  opacity: 0;\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  text-align: center;\n  position: absolute;\n  display: flex;\n  align-items: center; /** Y-axis align **/\n  justify-content: center; /** X-axis align **/\n  width: 98%;\n  height: var(--message-height);\n}\n.message__container:hover .message_text__container,\n.message__container:hover .message__badge{\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  -webkit-filter: blur(3px);\n  -moz-filter: blur(3px);\n  -ms-filter: blur(3px);\n  -o-filter: blur(3px);\n  filter: blur(3px);\n}\n.message__container:hover .hover_text {\n  -webkit-opacity: 1;\n  opacity: 1;\n}\n\n.universal_dm__content {\n  padding: 0px 16px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.universal_dm__top {\n  margin-bottom: 8px;\n  margin-top: 10px;\n}\n\n.universal_dm__bottom_1 {\n  margin-bottom: 20px;\n}\n.universal_dm__bottom_2 {\n  margin-bottom: 16px;\n}\n\n\n.universal_button_popover__content {\n  margin: 12px;\n}\n\n.universal_button_popover__content_top {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 12px 12px 8px 12px;\n}\n\n.universal_button_popover__content_bottom {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 12px 12px 12px;\n}\n\n.universal_dm__content_left {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_button_popover__subtitle{\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_dm__user_text {\n  text-decoration: none;\n  color: var(--secondary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n}\n\n.universal_dm__nfty_link {\n  text-decoration: none;\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n\n.universal_dm__link_arrow{\n  margin-left: 4px\n}\n\n.universal_button_popover__link_text{\n  color: var(--button-text);\n}\n\n.universal_button_popover__content a:hover, \n.universal_button_popover__content a:visited, \n.universal_button_popover__content a:link, \n.universal_button_popover__content a:active\n{\n  text-decoration: none;\n}\n\n/* inbox button */\n.universal_dm__inbox {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  transition: color 200ms, background-color 200ms;\n  width: 32px;\n}\n.universal_dm__inbox__selected{\n  background-color: var(--main-gray);   \n}\n.universal_dm__inbox:hover {\n  background-color: var(--button-hover); \n}\n\n.universal_dm__inbox_icon {\n  height: 100%;\n  width: 100%;\n}\n\n/* Send button */\n.universal_dm__send {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  width: 24px;\n  justify-content: center;\n  padding: 3px 1px 3px 3px;\n  transition: color 200ms, background-color 200ms;\n  background-color: var(--main-gray);\n}\n\n.universal_dm__send:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_dm__send_icon {\n  height: 100%;\n  width: 100%;\n}\n.universal_dm__bottom_border {\n  background-color: var(--bottom-border);\n  padding:8px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n.universal_dm__bottom_border__text {\n  color: var(--primary-text);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n/* Message sent screen */\n.universal_dm__message_sent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.universal_dm__message_sent__image{\n  margin-top: 24px;\n  margin-bottom: 18px;\n}\n\n.universal_dm__message_sent__text {\n  margin-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.universal_dm__message_sent__title {\n  color: var(--primary-text);\n  font-weight: 700;\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.universal_dm__message_sent__subtitle {\n  color: var(--primary-text);\n  font-weight: 400;\n  font-size: 13px;\n}\n\n.universal_dm__message_sent__button_group{\n  display: flex;\n  align-items: center;\n  justify-content:space-between;\n  margin: 0px 16px 24px 16px;\n  width: calc(100% - 32px);\n}\n.universal_dm__message_sent__button{\n padding: 10px 22px;\n padding-top: 10px;\n color: var(--primary-text);\n background-color: var(--main-gray);\n border: none;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: left;\n cursor: pointer;\n}\n.universal_dm__message_sent__button:hover{\n  background-color: var(--button-hover);\n }\n .universal_dm__message_sent__button_icon{\n  height: 20px;\n  width: 20px;\n  margin-right: 6px;\n}\n\n\n/* Wallet popover */\n.wallet_popover {\n  /* border: red dashed 1px; */\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 100vh;\n  justify-content: center;\n  width: 100vw;\n}\n\n.wallet_popover__modal {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 14px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0px 2px 4px rgb(0 0 0 / 6%), 0px 4px 6px rgb(0 0 0 / 10%);\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 24px;\n  max-width: 360px;\n  overflow: hidden;\n  padding: 24px;\n  pointer-events: auto;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n\n.wallet_popover__button {\n  align-items: center;\n  background-color: #298574;\n  border-radius: 9999px;\n  border: none;\n  color: white;\n  cursor: pointer;\n  cursor: pointer;\n  display: flex;\n  font-size: 15px;\n  font-weight: 500;\n  height: 48px;\n  justify-content: center;\n  transition: background-color 150ms;\n  user-select: none;\n  width: 164px;\n}\n\n.wallet_popover__button:enabled:hover {\n  background-color: hsl(169, 53%, 40%);\n}\n\n.wallet_popover__button:enabled:active {\n  background-color: hsl(169, 53%, 45%);\n}\n\n.wallet_popover__button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
+var css = "* {\n  --message-height:44px\n}\n.universal_button,\n.universal_button *,\n.universal_button_popover__container,\n.universal_button_popover__container *,\n.wallet_popover__modal,\n.wallet_popover__modal * {\n  --background: #fff;\n  --primary-text: #19191A;\n  --secondary-text: #606166;\n  --bottom-border: #f3f3f3;\n  --main-gray: #dedede;\n  --button-hover: #ccc;\n\n  font-family: \"Inter\", sans-serif;\n}\n\n.universal_button___dark,\n.universal_button___dark *,\n.universal_button_popover__container___dark,\n.universal_button_popover__container___dark *,\n.wallet_popover__modal___dark,\n.wallet_popover__modal___dark * {\n  --background: #0f0f0f;\n  --primary-text: #fff;\n  --secondary-text: #ccc;\n  --bottom-border: #252527;\n  --main-gray: #2c2c2f;\n  --button-hover: #4f4f55;\n}\n\n.universal_button {\n  position: relative;\n}\n\n.universal_button__button {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 9999px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  font-family: Inter, sans-serif;\n  gap: 8px;\n  justify-content: center;\n  padding: 8px 16px;\n  transition: color 200ms, background-color 200ms;\n}\n\n.universal_button__button:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_button__icon_container {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n}\n.universal_dm__inbox_badge{\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  height: 8px;\n  width: 8px;\n}\n\n.universal_button__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n  width: 14px;\n}\n\n.universal_button__icon {\n  height: 100%;\n  width: 100%;\n}\n\n.universal_button__text {\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.universal_button_popover {\n  border-radius: 6px;\n}\n\n\n.universal_button_popover__container {\n  background-color: var(--background);\n  display: flex;\n  flex-direction: column;\n  width: 384px;\n}\n\n.universal_dm__textarea {\n  background-color: var(--background);\n  border-radius: 6px;\n  border: 1px solid var(--main-gray);\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 1rem;\n  margin-bottom: 8px;\n  min-height: 66px;\n  outline: none;\n  padding: 8px;\n  resize: none;\n  transition: border-color 200ms;\n  flex: auto;\n}\n\n.universal_dm__textarea:focus {\n  border-color: var(--button-hover);\n}\n\n.universal_dm__title{\n  font-family: 'Inter';\n  font-size: 18px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n\n/* recent messages */\n.universal_dm__messages {\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 16px 8px 16px;\n  flex-direction: column;\n}\n\n.message__container{\n  margin-bottom: 8px; \n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n  height: var(--message-height);\n}\n\n.message_title{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: left;\n  color: var(--primary-text)\n}\n.message_text{\n  font-family: Inter;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  min-height: 24px;\n  letter-spacing: 0em;\n  text-align: left;\n  color: var(--secondary-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: clip;\n}\n.message_separator {\n  width: 100%;\n  border: 1px solid var(--main-gray);\n  height: 0px;\n  margin-bottom: 12px;\n} \n\n.message_text__container{\n  display: flex;\n  flex-direction: column;\n  max-width: 96%;  \n}\n\n.message__badge {\n  align-items: center;\n  background-color: #fa2449;\n  border-radius: 9999px;\n  color: white;\n  display: flex;\n  font-size: 10px;\n  height: 14px;\n  justify-content: center;\n  width: 14px;\n}\n.hover_text {\n  color: var(--primary-text);\n  opacity: 0;\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  text-align: center;\n  position: absolute;\n  display: flex;\n  align-items: center; /** Y-axis align **/\n  justify-content: center; /** X-axis align **/\n  width: 98%;\n  height: var(--message-height);\n}\n.message__container:hover .message_text__container,\n.message__container:hover .message__badge{\n  -webkit-transition: all 300ms ease-in-out;\n  -o-transition: all 300ms ease-in-out;\n  transition: all 300ms ease-in-out;\n  -webkit-filter: blur(3px);\n  -moz-filter: blur(3px);\n  -ms-filter: blur(3px);\n  -o-filter: blur(3px);\n  filter: blur(3px);\n}\n.message__container:hover .hover_text {\n  -webkit-opacity: 1;\n  opacity: 1;\n}\n\n.universal_dm__content {\n  padding: 0px 16px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.universal_dm__top {\n  margin-bottom: 8px;\n  margin-top: 10px;\n}\n\n.universal_dm__bottom_1 {\n  margin-bottom: 20px;\n}\n.universal_dm__bottom_2 {\n  margin-bottom: 16px;\n}\n\n\n.universal_button_popover__content {\n  margin: 12px;\n}\n\n.universal_button_popover__content_top {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 12px 12px 8px 12px;\n}\n\n.universal_button_popover__content_bottom {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 12px 12px 12px;\n}\n\n.universal_dm__content_left {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_button_popover__subtitle{\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n\n.universal_dm__user_text {\n  text-decoration: none;\n  color: var(--secondary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n}\n\n.universal_dm__nfty_link {\n  text-decoration: none;\n  color: var(--primary-text);\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n}\n\n.universal_dm__link_arrow{\n  margin-left: 4px\n}\n\n.universal_button_popover__link_text{\n  color: var(--button-text);\n}\n\n.universal_button_popover__content a:hover, \n.universal_button_popover__content a:visited, \n.universal_button_popover__content a:link, \n.universal_button_popover__content a:active\n{\n  text-decoration: none;\n}\n\n/* inbox button */\n.universal_dm__inbox {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  transition: color 200ms, background-color 200ms;\n  width: 32px;\n}\n.universal_dm__inbox__selected{\n  background-color: var(--main-gray);   \n}\n.universal_dm__inbox:hover {\n  background-color: var(--button-hover); \n}\n\n.universal_dm__inbox_icon {\n  height: 100%;\n  width: 100%;\n}\n\n/* Send button */\n.universal_dm__send {\n  align-items: center;\n  background-color: transparent;\n  border-radius: 9999px;\n  border: none;\n  color: var(--primary-text);\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  width: 24px;\n  justify-content: center;\n  padding: 3px 1px 3px 3px;\n  transition: color 200ms, background-color 200ms;\n  background-color: var(--main-gray);\n}\n\n.universal_dm__send:hover {\n  background-color: var(--button-hover);\n}\n\n.universal_dm__send_icon {\n  height: 100%;\n  width: 100%;\n}\n.universal_dm__bottom_border {\n  background-color: var(--bottom-border);\n  padding:8px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n.universal_dm__bottom_border__text {\n  color: var(--primary-text);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n/* Message sent screen */\n.universal_dm__message_sent {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.universal_dm__message_sent__image{\n  margin-top: 24px;\n  margin-bottom: 18px;\n}\n\n.universal_dm__message_sent__text {\n  margin-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.universal_dm__message_sent__title {\n  color: var(--primary-text);\n  font-weight: 700;\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.universal_dm__message_sent__subtitle {\n  color: var(--primary-text);\n  font-weight: 400;\n  font-size: 13px;\n}\n\n.universal_dm__message_sent__button_group{\n  display: flex;\n  align-items: center;\n  justify-content:space-between;\n  margin: 0px 16px 24px 16px;\n  width: calc(100% - 32px);\n}\n.universal_dm__message_sent__button{\n padding: 10px 22px;\n padding-top: 10px;\n color: var(--primary-text);\n background-color: var(--main-gray);\n border: none;\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: left;\n cursor: pointer;\n}\n.universal_dm__message_sent__button:hover{\n  background-color: var(--button-hover);\n }\n .universal_dm__message_sent__button_icon{\n  height: 20px;\n  width: 20px;\n  margin-right: 6px;\n}\n\n\n/* Wallet popover */\n.wallet_popover {\n  /* border: red dashed 1px; */\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 100vh;\n  justify-content: center;\n  width: 100vw;\n}\n\n.wallet_popover__modal {\n  align-items: center;\n  background-color: var(--background);\n  border-radius: 14px;\n  border: 1px solid var(--main-gray);\n  box-shadow: 0px 2px 4px rgb(0 0 0 / 6%), 0px 4px 6px rgb(0 0 0 / 10%);\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 24px;\n  max-width: 360px;\n  overflow: hidden;\n  padding: 24px;\n  pointer-events: auto;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n\n.wallet_popover__button {\n  align-items: center;\n  background-color: #298574;\n  border-radius: 9999px;\n  border: none;\n  color: white;\n  cursor: pointer;\n  cursor: pointer;\n  display: flex;\n  font-size: 15px;\n  font-weight: 500;\n  height: 48px;\n  justify-content: center;\n  transition: background-color 150ms;\n  user-select: none;\n  width: 164px;\n}\n\n.wallet_popover__button:enabled:hover {\n  background-color: hsl(169, 53%, 40%);\n}\n\n.wallet_popover__button:enabled:active {\n  background-color: hsl(169, 53%, 45%);\n}\n\n.wallet_popover__button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n";
 n(css,{});
 
 const infuraId = "806586b223e14b3eb1e6e4285bf8240e";

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/nftychat/nftychat-universe"
   },
-  "version": "1.4.2",
+  "version": "1.4.3",
   "license": "MIT",
   "description": "nftychat plugins for your website",
   "author": "nftychat",