nftychat-universe 1.4.1 → 1.4.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.cjs.js +10 -6
- package/dist/index.esm.js +10 -6
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
@@ -12447,7 +12447,9 @@ function DmButton(props) {
|
|
12447
12447
|
} = wagmi.useConnect();
|
12448
12448
|
const {
|
12449
12449
|
signMessageAsync
|
12450
|
-
} = wagmi.useSignMessage(); //
|
12450
|
+
} = wagmi.useSignMessage(); // make sure signature requested once
|
12451
|
+
|
12452
|
+
const [signedWallet, setSignedWallet] = React.useState("No wallet signed"); // Custom states
|
12451
12453
|
|
12452
12454
|
const [numberOfNotifications, setNumberOfNotifications] = React.useState(0);
|
12453
12455
|
const mainUrl = "https://nftychat-staging.herokuapp.com"; // const mainUrl = "http://localhost:8080";
|
@@ -12476,13 +12478,15 @@ function DmButton(props) {
|
|
12476
12478
|
|
12477
12479
|
React.useEffect(() => {
|
12478
12480
|
async function resolveUserName() {
|
12479
|
-
if (!userName || userName === "") {
|
12481
|
+
if (!userName || userName === "" || userName === undefined) {
|
12480
12482
|
const tempUserName = await getDisplayName(wagmiAddress);
|
12481
12483
|
setUserName(tempUserName);
|
12482
12484
|
}
|
12483
12485
|
}
|
12484
12486
|
|
12485
12487
|
resolveUserName();
|
12488
|
+
console.log("wagmiAddress - " + wagmiAddress);
|
12489
|
+
console.log("userName - " + userName);
|
12486
12490
|
}, [userName, wagmiAddress]); //useEffect if displayName not defined
|
12487
12491
|
|
12488
12492
|
React.useEffect(() => {
|
@@ -12598,10 +12602,11 @@ function DmButton(props) {
|
|
12598
12602
|
|
12599
12603
|
|
12600
12604
|
React.useEffect(() => {
|
12601
|
-
if (!!wagmiAddress && !!popoverAnchor) {
|
12605
|
+
if (!!wagmiAddress && !!popoverAnchor && wagmiAddress !== signedWallet) {
|
12602
12606
|
getAccessToken();
|
12607
|
+
setSignedWallet(wagmiAddress);
|
12603
12608
|
}
|
12604
|
-
}, [popoverAnchor, wagmiAddress]); // useEffect to fetch conversations if user has authenticated
|
12609
|
+
}, [popoverAnchor, wagmiAddress, signedWallet]); // useEffect to fetch conversations if user has authenticated
|
12605
12610
|
|
12606
12611
|
React.useEffect(() => {
|
12607
12612
|
if (authenticated) {
|
@@ -12654,7 +12659,6 @@ function DmButton(props) {
|
|
12654
12659
|
onClick: event => {
|
12655
12660
|
setWalletPopoverOpen(true);
|
12656
12661
|
setPopoverAnchor(event.currentTarget);
|
12657
|
-
getAccessToken();
|
12658
12662
|
},
|
12659
12663
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
12660
12664
|
className: "universal_button__icon_container",
|
@@ -12862,7 +12866,7 @@ function DmButton(props) {
|
|
12862
12866
|
|
12863
12867
|
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}}
|
12864
12868
|
|
12865
|
-
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";
|
12869
|
+
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";
|
12866
12870
|
n(css,{});
|
12867
12871
|
|
12868
12872
|
const infuraId = "806586b223e14b3eb1e6e4285bf8240e";
|
package/dist/index.esm.js
CHANGED
@@ -12420,7 +12420,9 @@ function DmButton(props) {
|
|
12420
12420
|
} = useConnect();
|
12421
12421
|
const {
|
12422
12422
|
signMessageAsync
|
12423
|
-
} = useSignMessage(); //
|
12423
|
+
} = useSignMessage(); // make sure signature requested once
|
12424
|
+
|
12425
|
+
const [signedWallet, setSignedWallet] = useState("No wallet signed"); // Custom states
|
12424
12426
|
|
12425
12427
|
const [numberOfNotifications, setNumberOfNotifications] = useState(0);
|
12426
12428
|
const mainUrl = "https://nftychat-staging.herokuapp.com"; // const mainUrl = "http://localhost:8080";
|
@@ -12449,13 +12451,15 @@ function DmButton(props) {
|
|
12449
12451
|
|
12450
12452
|
useEffect(() => {
|
12451
12453
|
async function resolveUserName() {
|
12452
|
-
if (!userName || userName === "") {
|
12454
|
+
if (!userName || userName === "" || userName === undefined) {
|
12453
12455
|
const tempUserName = await getDisplayName(wagmiAddress);
|
12454
12456
|
setUserName(tempUserName);
|
12455
12457
|
}
|
12456
12458
|
}
|
12457
12459
|
|
12458
12460
|
resolveUserName();
|
12461
|
+
console.log("wagmiAddress - " + wagmiAddress);
|
12462
|
+
console.log("userName - " + userName);
|
12459
12463
|
}, [userName, wagmiAddress]); //useEffect if displayName not defined
|
12460
12464
|
|
12461
12465
|
useEffect(() => {
|
@@ -12571,10 +12575,11 @@ function DmButton(props) {
|
|
12571
12575
|
|
12572
12576
|
|
12573
12577
|
useEffect(() => {
|
12574
|
-
if (!!wagmiAddress && !!popoverAnchor) {
|
12578
|
+
if (!!wagmiAddress && !!popoverAnchor && wagmiAddress !== signedWallet) {
|
12575
12579
|
getAccessToken();
|
12580
|
+
setSignedWallet(wagmiAddress);
|
12576
12581
|
}
|
12577
|
-
}, [popoverAnchor, wagmiAddress]); // useEffect to fetch conversations if user has authenticated
|
12582
|
+
}, [popoverAnchor, wagmiAddress, signedWallet]); // useEffect to fetch conversations if user has authenticated
|
12578
12583
|
|
12579
12584
|
useEffect(() => {
|
12580
12585
|
if (authenticated) {
|
@@ -12627,7 +12632,6 @@ function DmButton(props) {
|
|
12627
12632
|
onClick: event => {
|
12628
12633
|
setWalletPopoverOpen(true);
|
12629
12634
|
setPopoverAnchor(event.currentTarget);
|
12630
|
-
getAccessToken();
|
12631
12635
|
},
|
12632
12636
|
children: [/*#__PURE__*/jsxs("div", {
|
12633
12637
|
className: "universal_button__icon_container",
|
@@ -12835,7 +12839,7 @@ function DmButton(props) {
|
|
12835
12839
|
|
12836
12840
|
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}}
|
12837
12841
|
|
12838
|
-
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";
|
12842
|
+
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";
|
12839
12843
|
n(css,{});
|
12840
12844
|
|
12841
12845
|
const infuraId = "806586b223e14b3eb1e6e4285bf8240e";
|