nftychat-universe 2.0.5 → 2.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +231 -187
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
@@ -12319,7 +12319,7 @@ lib.compareHotkey = compareHotkey;
|
|
12319
12319
|
lib.toKeyCode = toKeyCode;
|
12320
12320
|
lib.toKeyName = toKeyName;
|
12321
12321
|
|
12322
|
-
function
|
12322
|
+
function SupportButton(props) {
|
12323
12323
|
// Wamgi hooks
|
12324
12324
|
const {
|
12325
12325
|
address: wagmiAddress
|
@@ -12729,7 +12729,7 @@ const defaultWagmiClient$1 = createClient({
|
|
12729
12729
|
function UniversalDm$1(props) {
|
12730
12730
|
return /*#__PURE__*/jsxs(WagmiConfig, {
|
12731
12731
|
client: defaultWagmiClient$1,
|
12732
|
-
children: [/*#__PURE__*/jsx(Ie, {}), /*#__PURE__*/jsx(
|
12732
|
+
children: [/*#__PURE__*/jsx(Ie, {}), /*#__PURE__*/jsx(SupportButton, {
|
12733
12733
|
address: props.address,
|
12734
12734
|
chatTitle: props.chatTitle || "Support Chat",
|
12735
12735
|
welcomeMessage: props.welcomeMessage || "Welcome to Support Chat. We typically respond in 24 hours.",
|
@@ -12764,7 +12764,62 @@ function InboxButton({
|
|
12764
12764
|
|
12765
12765
|
var bestagonSuccessImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAvCAYAAACsaemzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPmSURBVHgBzZpPUtswFMbfU3BX7Uxu0HCDAGWmS7IgLUvWHf74BJATACcATpAA7XQJu7ahM8meQNMT1EdgQTexZfXJTlw7lhMH21i/YSaxJWJ/lvTp6ckIz2S9+6XOgdcnxyjwERk8Qs4IF6oCRdW/CFSZK+gY3wJiVQhRZ4DWoLnTmNRfggV5d3u1QT/UdoHXMFyAAoSA/EHvz4d+n8SMvwvvvBDu73B1Bguw1r06IDE9+loDTSBRw/BxakHve19r9DzOQDcY60cOISW2zY9AP6zB5k4/fCKVoPVumwa/uw+aQUPqZPpcKlNwoXINuoFw87C525k+PbeFVruX+6CRCYyx+BM3VQU467+kEdi2rZWrgRTDeWO4ZVqqwpldbuTYB6hb6zBsDZtqMV5xUoFsHZorD0E3XJjptomCNLVpQtRXv18mPmjlGJJGQAVt0JdHbrxZHja2Y7GjsoVIjKatE1Bdcv4q7zEmSMZroJ9Nx6Cg9NAPx6JEBI3jtTKNwEJEuRSw0lS2bSc2LFi0gmcENSgHb36RsZn8hFSixIZczoTPBIL81iktXotMlvJzLGoucm0WPg4EUfOVFa8pZ35mGGmNqRa2cc+2S7RppZjVn5/b6C7UWwIb91qoJJvOS4wksHGUzUXJjVPIjKBJDqupqiI9UYevxMTcXp5mCbcMw1hmyHAPskNP212hO+3PrSnFCEXL3F4dZY0dndFon8nYCLIRdB1uONt0x8PEmhMxTTNSxxcjjiEjtIKtM7+rPB+aCM3AbhsmDU6noRRVsJgJJIgNIQNyHgiHIEpRLySGcnY3jPJ2J5ANb1Vb710HhjAtijm8VbQYwnI573vzEAWkPRlGQCZwyI3XjXBIX//WrhkAG3dbZidcswAxgC60Bh93z3By4Uql8gcyExc1TRFiCOu+ubssv3gTqxzUdJGsXQ+kY1bsp0j3C1OQmEh+LojlnFfuWVbHG/+8UpRcZxUhhug8NP/n5wJBciALF3NoJQmJcp6C2HDtx8VeUXlxmgMj9xzLKdCT/JXDZDuGdUDwPk1WHSgEPL9v7kSii9gSnGy8BblBQWZhYmSE4sRaPSbIz+aniMlKRhqBKnuqzPqQcjMfgygMK2wEYZSCfBuHc9AUBpXt5LIE8rPx3OncNT8lxp+JgvK18fyYtulpZu4PPVBspJNByGgmaRtlwtwNrxyi8bywBh/2judVmivIs3Ha/oOSUe2nqki1aUwJjVaZBoHU7ZNseppUgsq2ccebF9OR+j0F38bTJdHzBc/nGUGkNizAeCH4YpvIsquFX0xKw0Lv+gRJdCEucFa6KiNSCJmAuagYyT+Tbgxl1bf7vAAAAABJRU5ErkJggg==";
|
12766
12766
|
|
12767
|
-
function
|
12767
|
+
function DmButtonPopover(props) {
|
12768
|
+
const [popoverAnchor, setPopoverAnchor] = useState(null);
|
12769
|
+
const {
|
12770
|
+
address: wagmiAddress
|
12771
|
+
} = useAccount();
|
12772
|
+
return /*#__PURE__*/jsx(Fragment$1, {
|
12773
|
+
children: props.AddOnType === "div" ? /*#__PURE__*/jsx(Fragment$1, {
|
12774
|
+
children: props.children
|
12775
|
+
}) : /*#__PURE__*/jsxs(Fragment$1, {
|
12776
|
+
children: [/*#__PURE__*/jsxs("button", {
|
12777
|
+
className: "universal_button__button",
|
12778
|
+
type: "button",
|
12779
|
+
onClick: event => {
|
12780
|
+
setPopoverAnchor(event.currentTarget);
|
12781
|
+
},
|
12782
|
+
children: [/*#__PURE__*/jsxs("div", {
|
12783
|
+
className: "universal_button__icon_container",
|
12784
|
+
children: [props.numberOfNotifications > 0 && /*#__PURE__*/jsx("div", {
|
12785
|
+
className: "universal_button__badge",
|
12786
|
+
children: props.numberOfNotifications
|
12787
|
+
}), /*#__PURE__*/jsx(Icon, {
|
12788
|
+
className: "universal_button__icon",
|
12789
|
+
icon: "ant-design:message-outlined"
|
12790
|
+
})]
|
12791
|
+
}), wagmiAddress === props.address ? /*#__PURE__*/jsx("span", {
|
12792
|
+
className: "universal_button__text",
|
12793
|
+
children: "Recent Messages"
|
12794
|
+
}) : /*#__PURE__*/jsx("span", {
|
12795
|
+
className: "universal_button__text",
|
12796
|
+
children: props.displayText
|
12797
|
+
})]
|
12798
|
+
}), /*#__PURE__*/jsx(Popover$1, {
|
12799
|
+
anchorEl: popoverAnchor,
|
12800
|
+
anchorOrigin: {
|
12801
|
+
vertical: props.popoverDirection,
|
12802
|
+
horizontal: "center"
|
12803
|
+
},
|
12804
|
+
className: "universal_button_popover",
|
12805
|
+
style: props.popoverDirection === "bottom" ? {
|
12806
|
+
marginTop: 8
|
12807
|
+
} : {
|
12808
|
+
marginTop: -8
|
12809
|
+
},
|
12810
|
+
onClose: () => setPopoverAnchor(null),
|
12811
|
+
open: popoverAnchor !== null,
|
12812
|
+
transformOrigin: {
|
12813
|
+
vertical: props.popoverDirection === "bottom" ? "top" : "bottom",
|
12814
|
+
horizontal: "center"
|
12815
|
+
},
|
12816
|
+
children: props.children
|
12817
|
+
})]
|
12818
|
+
})
|
12819
|
+
});
|
12820
|
+
}
|
12821
|
+
|
12822
|
+
function UniversalDmInner(props) {
|
12768
12823
|
// Wamgi hooks
|
12769
12824
|
const {
|
12770
12825
|
address: wagmiAddress
|
@@ -12788,7 +12843,6 @@ function DmButton(props) {
|
|
12788
12843
|
const mainUrl = "https://nftychat-staging.herokuapp.com";
|
12789
12844
|
// const mainUrl = "http://localhost:8080";
|
12790
12845
|
const [messageText, setMessageText] = useState("");
|
12791
|
-
const [popoverAnchor, setPopoverAnchor] = useState(null);
|
12792
12846
|
const [displayName, setDisplayName] = useState(props.displayName);
|
12793
12847
|
const [displayText, setDisplayText] = useState(props.displayText);
|
12794
12848
|
const [userName, setUserName] = useState("");
|
@@ -12932,11 +12986,11 @@ function DmButton(props) {
|
|
12932
12986
|
}
|
12933
12987
|
// useEffect to get signature after click
|
12934
12988
|
useEffect(() => {
|
12935
|
-
if (!!wagmiAddress &&
|
12989
|
+
if (!!wagmiAddress && wagmiAddress !== signedWallet) {
|
12936
12990
|
getAccessToken();
|
12937
12991
|
setSignedWallet(wagmiAddress);
|
12938
12992
|
}
|
12939
|
-
}, [
|
12993
|
+
}, [wagmiAddress, signedWallet]);
|
12940
12994
|
|
12941
12995
|
// useEffect to fetch conversations if user has authenticated
|
12942
12996
|
useEffect(() => {
|
@@ -12979,196 +13033,182 @@ function DmButton(props) {
|
|
12979
13033
|
setMessageSentScreen(true);
|
12980
13034
|
});
|
12981
13035
|
}
|
12982
|
-
return /*#__PURE__*/jsxs(
|
12983
|
-
|
12984
|
-
|
12985
|
-
|
12986
|
-
|
12987
|
-
|
12988
|
-
|
12989
|
-
props.connectWalletFunction();
|
12990
|
-
} else {
|
12991
|
-
setWalletPopoverOpen(true);
|
12992
|
-
}
|
12993
|
-
setPopoverAnchor(event.currentTarget);
|
12994
|
-
},
|
12995
|
-
children: [/*#__PURE__*/jsxs("div", {
|
12996
|
-
className: "universal_button__icon_container",
|
12997
|
-
children: [numberOfNotifications > 0 && /*#__PURE__*/jsx("div", {
|
12998
|
-
className: "universal_button__badge",
|
12999
|
-
children: numberOfNotifications
|
13000
|
-
}), /*#__PURE__*/jsx(Icon, {
|
13001
|
-
className: "universal_button__icon",
|
13002
|
-
icon: "ant-design:message-outlined"
|
13003
|
-
})]
|
13004
|
-
}), popoverAnchor !== null && authenticated === false ? /*#__PURE__*/jsx("span", {
|
13005
|
-
className: "universal_button__text",
|
13006
|
-
children: "Waiting for Signature"
|
13007
|
-
}) : wagmiAddress === props.address ? /*#__PURE__*/jsx("span", {
|
13008
|
-
className: "universal_button__text",
|
13009
|
-
children: "Recent Messages"
|
13010
|
-
}) : displayText !== "" ? /*#__PURE__*/jsx("span", {
|
13011
|
-
className: "universal_button__text",
|
13012
|
-
children: displayText
|
13013
|
-
}) : ""]
|
13014
|
-
}), /*#__PURE__*/jsx(Popover$1, {
|
13015
|
-
anchorEl: popoverAnchor,
|
13016
|
-
anchorOrigin: {
|
13017
|
-
vertical: props.popoverDirection,
|
13018
|
-
horizontal: "center"
|
13019
|
-
},
|
13020
|
-
className: "universal_button_popover",
|
13021
|
-
style: props.popoverDirection === "bottom" ? {
|
13022
|
-
marginTop: 8
|
13023
|
-
} : {
|
13024
|
-
marginTop: -8
|
13025
|
-
},
|
13026
|
-
onClose: () => setPopoverAnchor(null),
|
13027
|
-
open: popoverAnchor !== null && authenticated,
|
13028
|
-
transformOrigin: {
|
13029
|
-
vertical: props.popoverDirection === "bottom" ? "top" : "bottom",
|
13030
|
-
horizontal: "center"
|
13031
|
-
},
|
13036
|
+
return /*#__PURE__*/jsxs(Fragment$1, {
|
13037
|
+
children: [/*#__PURE__*/jsx(DmButtonPopover, {
|
13038
|
+
AddOnType: props.AddOnType,
|
13039
|
+
numberOfNotifications: numberOfNotifications,
|
13040
|
+
displayText: displayText,
|
13041
|
+
popoverDirection: props.popoverDirection,
|
13042
|
+
address: props.address,
|
13032
13043
|
children: /*#__PURE__*/jsxs("div", {
|
13033
13044
|
className: props.theme === "dark" ? "universal_button_popover__container universal_button_popover__container___dark" : "universal_button_popover__container",
|
13034
|
-
children: [
|
13035
|
-
children: [/*#__PURE__*/
|
13045
|
+
children: [!authenticated ? /*#__PURE__*/jsxs(Fragment$1, {
|
13046
|
+
children: [/*#__PURE__*/jsx("div", {
|
13036
13047
|
className: "universal_dm__content universal_dm__top",
|
13037
|
-
children:
|
13048
|
+
children: /*#__PURE__*/jsxs("span", {
|
13038
13049
|
className: "universal_dm__title",
|
13039
|
-
children: "
|
13040
|
-
}), /*#__PURE__*/jsx(InboxButton, {
|
13041
|
-
showRecentMessages: showRecentMessages,
|
13042
|
-
setShowRecentMessages: setShowRecentMessages,
|
13043
|
-
inboxNotEmpty: inboxNotEmpty,
|
13044
|
-
getConversations: getConversations
|
13045
|
-
})]
|
13046
|
-
}), /*#__PURE__*/jsx("div", {
|
13047
|
-
className: "universal_dm__content",
|
13048
|
-
children: /*#__PURE__*/jsx("div", {
|
13049
|
-
className: "message_separator"
|
13050
|
+
children: [" ", "Message ", displayName, " "]
|
13050
13051
|
})
|
13051
|
-
}), /*#__PURE__*/jsx("div", {
|
13052
|
-
className: "universal_dm__messages",
|
13053
|
-
children: conversations.map(conversation => /*#__PURE__*/jsxs("div", {
|
13054
|
-
className: "message__container",
|
13055
|
-
onClick: () => {
|
13056
|
-
window.open("https://nftychat.xyz/dms/" + conversation.conversation_id, "_blank");
|
13057
|
-
},
|
13058
|
-
children: [/*#__PURE__*/jsx("div", {
|
13059
|
-
className: "hover_text",
|
13060
|
-
children: " View on nftychat.xyz"
|
13061
|
-
}), /*#__PURE__*/jsxs("div", {
|
13062
|
-
className: "message_text__container",
|
13063
|
-
children: [/*#__PURE__*/jsxs("span", {
|
13064
|
-
className: "message_title",
|
13065
|
-
children: [" ", conversation.conversation_name]
|
13066
|
-
}), /*#__PURE__*/jsx("span", {
|
13067
|
-
className: "message_text",
|
13068
|
-
children: formatDmMessage(conversation.latest_message_text)
|
13069
|
-
})]
|
13070
|
-
}), conversation.unread_message_count > 0 && /*#__PURE__*/jsx("div", {
|
13071
|
-
className: "message__badge",
|
13072
|
-
children: conversation.unread_message_count
|
13073
|
-
})]
|
13074
|
-
}, conversation.conversation_id))
|
13075
|
-
}), /*#__PURE__*/jsxs("div", {
|
13076
|
-
className: "universal_dm__content universal_dm__bottom_2",
|
13077
|
-
children: [/*#__PURE__*/jsxs("span", {
|
13078
|
-
className: "universal_dm__user_text",
|
13079
|
-
children: ["Connected: ", userName]
|
13080
|
-
}), /*#__PURE__*/jsxs("a", {
|
13081
|
-
href: "https://nftychat.xyz",
|
13082
|
-
rel: "noopener noreferrer",
|
13083
|
-
target: "_blank",
|
13084
|
-
className: "universal_dm__nfty_link",
|
13085
|
-
children: [" ", "View all", /*#__PURE__*/jsx(Icon, {
|
13086
|
-
className: "universal_dm__link_arrow",
|
13087
|
-
icon: "bi:arrow-right"
|
13088
|
-
})]
|
13089
|
-
})]
|
13090
|
-
})]
|
13091
|
-
}), wagmiAddress !== props.address && !showRecentMessages && !messageSentScreen && /*#__PURE__*/jsxs(Fragment$1, {
|
13092
|
-
children: [/*#__PURE__*/jsxs("div", {
|
13093
|
-
className: "universal_dm__content universal_dm__top",
|
13094
|
-
children: [/*#__PURE__*/jsxs("span", {
|
13095
|
-
className: "universal_dm__title",
|
13096
|
-
children: [" Message ", displayName, " "]
|
13097
|
-
}), /*#__PURE__*/jsx(InboxButton, {
|
13098
|
-
showRecentMessages: showRecentMessages,
|
13099
|
-
setShowRecentMessages: setShowRecentMessages,
|
13100
|
-
inboxNotEmpty: inboxNotEmpty,
|
13101
|
-
getConversations: getConversations
|
13102
|
-
})]
|
13103
13052
|
}), /*#__PURE__*/jsx("div", {
|
13104
13053
|
className: "universal_dm__content",
|
13105
13054
|
children: /*#__PURE__*/jsx("div", {
|
13106
13055
|
className: "message_separator"
|
13107
13056
|
})
|
13108
|
-
}), /*#__PURE__*/jsx("
|
13109
|
-
className: "
|
13110
|
-
|
13111
|
-
|
13112
|
-
|
13113
|
-
|
13114
|
-
|
13115
|
-
|
13116
|
-
|
13117
|
-
|
13118
|
-
|
13119
|
-
|
13120
|
-
|
13121
|
-
|
13122
|
-
className: "universal_dm__send",
|
13123
|
-
onClick: sendClick,
|
13124
|
-
children: /*#__PURE__*/jsx(Icon, {
|
13125
|
-
className: "universal_dm__send_icon",
|
13126
|
-
icon: "fluent:send-24-filled"
|
13127
|
-
})
|
13128
|
-
})]
|
13057
|
+
}), /*#__PURE__*/jsx("button", {
|
13058
|
+
className: "universal_dm__connect_button",
|
13059
|
+
onClick: () => {
|
13060
|
+
if (!wagmiAddress) {
|
13061
|
+
if (props.connectWalletFunction) {
|
13062
|
+
props.connectWalletFunction();
|
13063
|
+
} else {
|
13064
|
+
setWalletPopoverOpen(true);
|
13065
|
+
}
|
13066
|
+
} else {
|
13067
|
+
getAccessToken();
|
13068
|
+
}
|
13069
|
+
},
|
13070
|
+
children: "Connect to chat"
|
13129
13071
|
})]
|
13130
|
-
})
|
13131
|
-
children: /*#__PURE__*/jsxs(
|
13132
|
-
|
13133
|
-
|
13134
|
-
|
13135
|
-
|
13136
|
-
|
13072
|
+
}) : /*#__PURE__*/jsxs(Fragment$1, {
|
13073
|
+
children: [(wagmiAddress === props.address || showRecentMessages) && !messageSentScreen && /*#__PURE__*/jsxs(Fragment$1, {
|
13074
|
+
children: [/*#__PURE__*/jsxs("div", {
|
13075
|
+
className: "universal_dm__content universal_dm__top",
|
13076
|
+
children: [/*#__PURE__*/jsx("span", {
|
13077
|
+
className: "universal_dm__title",
|
13078
|
+
children: " Your Inbox "
|
13079
|
+
}), /*#__PURE__*/jsx(InboxButton, {
|
13080
|
+
showRecentMessages: showRecentMessages,
|
13081
|
+
setShowRecentMessages: setShowRecentMessages,
|
13082
|
+
inboxNotEmpty: inboxNotEmpty,
|
13083
|
+
getConversations: getConversations
|
13084
|
+
})]
|
13085
|
+
}), /*#__PURE__*/jsx("div", {
|
13086
|
+
className: "universal_dm__content",
|
13087
|
+
children: /*#__PURE__*/jsx("div", {
|
13088
|
+
className: "message_separator"
|
13089
|
+
})
|
13090
|
+
}), /*#__PURE__*/jsx("div", {
|
13091
|
+
className: "universal_dm__messages",
|
13092
|
+
children: conversations.map(conversation => /*#__PURE__*/jsxs("div", {
|
13093
|
+
className: "message__container",
|
13094
|
+
onClick: () => {
|
13095
|
+
window.open("https://nftychat.xyz/dms/" + conversation.conversation_id, "_blank");
|
13096
|
+
},
|
13097
|
+
children: [/*#__PURE__*/jsxs("div", {
|
13098
|
+
className: "hover_text",
|
13099
|
+
children: [" ", "View on nftychat.xyz"]
|
13100
|
+
}), /*#__PURE__*/jsxs("div", {
|
13101
|
+
className: "message_text__container",
|
13102
|
+
children: [/*#__PURE__*/jsxs("span", {
|
13103
|
+
className: "message_title",
|
13104
|
+
children: [" ", conversation.conversation_name]
|
13105
|
+
}), /*#__PURE__*/jsx("span", {
|
13106
|
+
className: "message_text",
|
13107
|
+
children: formatDmMessage(conversation.latest_message_text)
|
13108
|
+
})]
|
13109
|
+
}), conversation.unread_message_count > 0 && /*#__PURE__*/jsx("div", {
|
13110
|
+
className: "message__badge",
|
13111
|
+
children: conversation.unread_message_count
|
13112
|
+
})]
|
13113
|
+
}, conversation.conversation_id))
|
13137
13114
|
}), /*#__PURE__*/jsxs("div", {
|
13138
|
-
className: "
|
13115
|
+
className: "universal_dm__content universal_dm__bottom_2",
|
13139
13116
|
children: [/*#__PURE__*/jsxs("span", {
|
13140
|
-
className: "
|
13141
|
-
children: ["
|
13142
|
-
}), /*#__PURE__*/
|
13143
|
-
|
13144
|
-
|
13117
|
+
className: "universal_dm__user_text",
|
13118
|
+
children: ["Connected: ", userName]
|
13119
|
+
}), /*#__PURE__*/jsxs("a", {
|
13120
|
+
href: "https://nftychat.xyz",
|
13121
|
+
rel: "noopener noreferrer",
|
13122
|
+
target: "_blank",
|
13123
|
+
className: "universal_dm__nfty_link",
|
13124
|
+
children: [" ", "View all", /*#__PURE__*/jsx(Icon, {
|
13125
|
+
className: "universal_dm__link_arrow",
|
13126
|
+
icon: "bi:arrow-right"
|
13127
|
+
})]
|
13145
13128
|
})]
|
13129
|
+
})]
|
13130
|
+
}), wagmiAddress !== props.address && !showRecentMessages && !messageSentScreen && /*#__PURE__*/jsxs(Fragment$1, {
|
13131
|
+
children: [/*#__PURE__*/jsxs("div", {
|
13132
|
+
className: "universal_dm__content universal_dm__top",
|
13133
|
+
children: [/*#__PURE__*/jsxs("span", {
|
13134
|
+
className: "universal_dm__title",
|
13135
|
+
children: [" ", "Message ", displayName, " "]
|
13136
|
+
}), /*#__PURE__*/jsx(InboxButton, {
|
13137
|
+
showRecentMessages: showRecentMessages,
|
13138
|
+
setShowRecentMessages: setShowRecentMessages,
|
13139
|
+
inboxNotEmpty: inboxNotEmpty,
|
13140
|
+
getConversations: getConversations
|
13141
|
+
})]
|
13142
|
+
}), /*#__PURE__*/jsx("div", {
|
13143
|
+
className: "universal_dm__content",
|
13144
|
+
children: /*#__PURE__*/jsx("div", {
|
13145
|
+
className: "message_separator"
|
13146
|
+
})
|
13147
|
+
}), /*#__PURE__*/jsx("div", {
|
13148
|
+
className: "universal_dm__content",
|
13149
|
+
children: /*#__PURE__*/jsx("textarea", {
|
13150
|
+
className: "universal_dm__textarea",
|
13151
|
+
spellCheck: false,
|
13152
|
+
value: messageText,
|
13153
|
+
onChange: e => setMessageText(e.target.value)
|
13154
|
+
})
|
13146
13155
|
}), /*#__PURE__*/jsxs("div", {
|
13147
|
-
className: "
|
13148
|
-
children: [/*#__PURE__*/jsxs("
|
13149
|
-
className: "
|
13150
|
-
|
13151
|
-
|
13152
|
-
|
13153
|
-
|
13154
|
-
children:
|
13155
|
-
className: "
|
13156
|
-
icon: "
|
13157
|
-
})
|
13158
|
-
}), /*#__PURE__*/jsxs("button", {
|
13159
|
-
className: "universal_dm__message_sent__button",
|
13160
|
-
onClick: () => {
|
13161
|
-
getConversations();
|
13162
|
-
setMessageSentScreen(false);
|
13163
|
-
setShowRecentMessages(true);
|
13164
|
-
},
|
13165
|
-
children: [/*#__PURE__*/jsx(Icon, {
|
13166
|
-
className: "universal_dm__message_sent__button_icon",
|
13167
|
-
icon: "bi:inbox"
|
13168
|
-
}), "View Messages"]
|
13156
|
+
className: "universal_dm__content universal_dm__bottom_1",
|
13157
|
+
children: [/*#__PURE__*/jsxs("span", {
|
13158
|
+
className: "universal_dm__user_text",
|
13159
|
+
children: ["Connected: ", userName]
|
13160
|
+
}), /*#__PURE__*/jsx("button", {
|
13161
|
+
className: "universal_dm__send",
|
13162
|
+
onClick: sendClick,
|
13163
|
+
children: /*#__PURE__*/jsx(Icon, {
|
13164
|
+
className: "universal_dm__send_icon",
|
13165
|
+
icon: "fluent:send-24-filled"
|
13166
|
+
})
|
13169
13167
|
})]
|
13170
13168
|
})]
|
13171
|
-
})
|
13169
|
+
}), messageSentScreen && /*#__PURE__*/jsx(Fragment$1, {
|
13170
|
+
children: /*#__PURE__*/jsxs("div", {
|
13171
|
+
className: "universal_dm__message_sent",
|
13172
|
+
children: [/*#__PURE__*/jsx("img", {
|
13173
|
+
className: "universal_dm__message_sent__image",
|
13174
|
+
src: bestagonSuccessImg,
|
13175
|
+
alt: "successIcon"
|
13176
|
+
}), /*#__PURE__*/jsxs("div", {
|
13177
|
+
className: "universal_dm__message_sent__text",
|
13178
|
+
children: [/*#__PURE__*/jsxs("span", {
|
13179
|
+
className: "universal_dm__message_sent__title",
|
13180
|
+
children: ["Message sent to ", displayName]
|
13181
|
+
}), /*#__PURE__*/jsx("span", {
|
13182
|
+
className: "universal_dm__message_sent__subtitle",
|
13183
|
+
children: "Send another message or view recent messages"
|
13184
|
+
})]
|
13185
|
+
}), /*#__PURE__*/jsxs("div", {
|
13186
|
+
className: "universal_dm__message_sent__button_group",
|
13187
|
+
children: [/*#__PURE__*/jsxs("button", {
|
13188
|
+
className: "universal_dm__message_sent__button",
|
13189
|
+
onClick: () => {
|
13190
|
+
setMessageSentScreen(false);
|
13191
|
+
setShowRecentMessages(false);
|
13192
|
+
},
|
13193
|
+
children: [/*#__PURE__*/jsx(Icon, {
|
13194
|
+
className: "universal_dm__message_sent__button_icon",
|
13195
|
+
icon: "ant-design:message-outlined"
|
13196
|
+
}), "Send Message"]
|
13197
|
+
}), /*#__PURE__*/jsxs("button", {
|
13198
|
+
className: "universal_dm__message_sent__button",
|
13199
|
+
onClick: () => {
|
13200
|
+
getConversations();
|
13201
|
+
setMessageSentScreen(false);
|
13202
|
+
setShowRecentMessages(true);
|
13203
|
+
},
|
13204
|
+
children: [/*#__PURE__*/jsx(Icon, {
|
13205
|
+
className: "universal_dm__message_sent__button_icon",
|
13206
|
+
icon: "bi:inbox"
|
13207
|
+
}), "View Messages"]
|
13208
|
+
})]
|
13209
|
+
})]
|
13210
|
+
})
|
13211
|
+
})]
|
13172
13212
|
}), /*#__PURE__*/jsx("div", {
|
13173
13213
|
className: "universal_dm__bottom_border",
|
13174
13214
|
children: /*#__PURE__*/jsx("a", {
|
@@ -13200,7 +13240,7 @@ function DmButton(props) {
|
|
13200
13240
|
});
|
13201
13241
|
}
|
13202
13242
|
|
13203
|
-
var css = "/* Fonts */\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n\n\n* {\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 font-variant-ligatures: no-contextual;\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: 15px;\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: 17px;\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, sans-serif;\n font-size: 15px;\n font-weight: 600;\n text-align: left;\n color: var(--primary-text)\n}\n.message_text{\n font-family: Inter, sans-serif;\n font-size: 15px;\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: 15px;\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";
|
13243
|
+
var css = "/* Fonts */\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n\n\n* {\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 font-variant-ligatures: no-contextual;\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_dm__connect_button {\n background-color: #2C2C2F;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n padding: 9px 12px;\n align-items: center;\n margin: 12px 16px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n.universal_dm__connect_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: 15px;\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: 17px;\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, sans-serif;\n font-size: 15px;\n font-weight: 600;\n text-align: left;\n color: var(--primary-text)\n}\n.message_text{\n font-family: Inter, sans-serif;\n font-size: 15px;\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: 15px;\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";
|
13204
13244
|
n(css,{});
|
13205
13245
|
|
13206
13246
|
const infuraId = "806586b223e14b3eb1e6e4285bf8240e";
|
@@ -13233,13 +13273,17 @@ const defaultWagmiClient = createClient({
|
|
13233
13273
|
function UniversalDm(props) {
|
13234
13274
|
return /*#__PURE__*/jsxs(WagmiConfig, {
|
13235
13275
|
client: defaultWagmiClient,
|
13236
|
-
children: [/*#__PURE__*/jsx(Ie, {}), /*#__PURE__*/jsx(
|
13237
|
-
|
13238
|
-
|
13239
|
-
|
13240
|
-
|
13241
|
-
|
13242
|
-
|
13276
|
+
children: [/*#__PURE__*/jsx(Ie, {}), /*#__PURE__*/jsx("div", {
|
13277
|
+
className: props.theme === "dark" ? "universal_button universal_button___dark" : "universal_button",
|
13278
|
+
children: /*#__PURE__*/jsx(UniversalDmInner, {
|
13279
|
+
addOnType: props.addOnType || 'popover',
|
13280
|
+
address: props.address,
|
13281
|
+
displayText: props.displayText,
|
13282
|
+
displayName: props.displayName,
|
13283
|
+
theme: props.theme || "light",
|
13284
|
+
popoverDirection: props.popoverDirection || "top",
|
13285
|
+
connectWalletFunction: props.connectWalletFunction
|
13286
|
+
})
|
13243
13287
|
})]
|
13244
13288
|
});
|
13245
13289
|
}
|