nftychat-universe 2.0.2 → 2.0.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +19 -18
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -12340,8 +12340,8 @@ function DmButton$1(props) {
|
|
|
12340
12340
|
|
|
12341
12341
|
// Custom states
|
|
12342
12342
|
const [numberOfNotifications, setNumberOfNotifications] = useState(0);
|
|
12343
|
-
|
|
12344
|
-
const mainUrl = "http://localhost:8080";
|
|
12343
|
+
const mainUrl = "https://nftychat-staging.herokuapp.com";
|
|
12344
|
+
//const mainUrl = "http://localhost:8080";
|
|
12345
12345
|
const [inputText, setInputText] = useState("");
|
|
12346
12346
|
const [popoverAnchor, setPopoverAnchor] = useState(null);
|
|
12347
12347
|
const [userName, setUserName] = useState("");
|
|
@@ -12374,7 +12374,6 @@ function DmButton$1(props) {
|
|
|
12374
12374
|
|
|
12375
12375
|
// Function to scroll down
|
|
12376
12376
|
function scrollDown() {
|
|
12377
|
-
console.log(bottomRef);
|
|
12378
12377
|
if (bottomRef.current) {
|
|
12379
12378
|
bottomRef.current.scrollIntoView();
|
|
12380
12379
|
}
|
|
@@ -12419,12 +12418,13 @@ function DmButton$1(props) {
|
|
|
12419
12418
|
}
|
|
12420
12419
|
localStorage.setItem("token_" + wagmiAddress, tempAccessToken);
|
|
12421
12420
|
setAuthenticated(true);
|
|
12421
|
+
setSignedWallet(wagmiAddress);
|
|
12422
12422
|
return tempAccessToken;
|
|
12423
12423
|
}
|
|
12424
12424
|
|
|
12425
12425
|
// gets conversation data
|
|
12426
12426
|
async function getConversationData(tempAccessToken) {
|
|
12427
|
-
if (conversation !== null) {
|
|
12427
|
+
if (conversation !== null && signedWallet === wagmiAddress) {
|
|
12428
12428
|
return conversation;
|
|
12429
12429
|
} else {
|
|
12430
12430
|
return fetch(mainUrl + "/v1/conversations", {
|
|
@@ -12494,25 +12494,22 @@ function DmButton$1(props) {
|
|
|
12494
12494
|
// useEffect to get signature after click
|
|
12495
12495
|
useEffect(() => {
|
|
12496
12496
|
if (!!wagmiAddress && !!popoverAnchor && wagmiAddress !== signedWallet) {
|
|
12497
|
+
setAuthenticated(false);
|
|
12497
12498
|
getAccessToken();
|
|
12498
|
-
setSignedWallet(wagmiAddress);
|
|
12499
12499
|
}
|
|
12500
12500
|
}, [popoverAnchor, wagmiAddress, signedWallet]);
|
|
12501
12501
|
|
|
12502
|
-
// useEffect to fetch messages if user has authenticated
|
|
12503
|
-
useEffect(() => {
|
|
12504
|
-
if (authenticated) {
|
|
12505
|
-
getMessages();
|
|
12506
|
-
}
|
|
12507
|
-
}, [props.address, wagmiAddress, authenticated]);
|
|
12508
|
-
|
|
12509
12502
|
// useEffect to continually fetch messages
|
|
12510
12503
|
useEffect(() => {
|
|
12511
|
-
const interval = setInterval(() =>
|
|
12504
|
+
const interval = setInterval(() => {
|
|
12505
|
+
if (authenticated) {
|
|
12506
|
+
getMessages();
|
|
12507
|
+
}
|
|
12508
|
+
}, 2000);
|
|
12512
12509
|
return () => {
|
|
12513
12510
|
clearInterval(interval);
|
|
12514
12511
|
};
|
|
12515
|
-
}, []);
|
|
12512
|
+
}, [props.address, wagmiAddress, authenticated]);
|
|
12516
12513
|
async function sendMessage() {
|
|
12517
12514
|
if (inputText === "") return;
|
|
12518
12515
|
const tempAccessToken = await getAccessToken();
|
|
@@ -12633,10 +12630,14 @@ function DmButton$1(props) {
|
|
|
12633
12630
|
}), !authenticated ? /*#__PURE__*/jsx("button", {
|
|
12634
12631
|
className: "universal_support__connect_button",
|
|
12635
12632
|
onClick: () => {
|
|
12636
|
-
if (
|
|
12637
|
-
props.connectWalletFunction
|
|
12633
|
+
if (!wagmiAddress) {
|
|
12634
|
+
if (props.connectWalletFunction) {
|
|
12635
|
+
props.connectWalletFunction();
|
|
12636
|
+
} else {
|
|
12637
|
+
setWalletPopoverOpen(true);
|
|
12638
|
+
}
|
|
12638
12639
|
} else {
|
|
12639
|
-
|
|
12640
|
+
getAccessToken();
|
|
12640
12641
|
}
|
|
12641
12642
|
},
|
|
12642
12643
|
children: "Connect to chat"
|
|
@@ -12694,7 +12695,7 @@ function DmButton$1(props) {
|
|
|
12694
12695
|
|
|
12695
12696
|
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}}
|
|
12696
12697
|
|
|
12697
|
-
var css$1 = "/* 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_support,\n.universal_support>*,\n.universal_support__popover,\n.universal_support__popover>* {\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_support__dark,\n.universal_support__dark>*,\n.universal_support__popover_dark,\n.universal_support__popover_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_support__button {\n align-items: center;\n background-color: transparent;\n border-radius: 9999px;\n border: none;\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.universal_support__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: -18px;\n height: 18px;\n width: 18px;\n font-size: 10px;\n}\n\n\n.universal_support__popover_contents {\n background-color: var(--background);\n display: flex;\n flex-direction: column;\n width: 360px;\n height: 470px;\n}\n.universal_support__title {\n padding:13px 16px 10px 16px;\n justify-content: space-between;\n display: flex;\n}\n.universal_support__title_text {\n font-size: 16px;\n font-weight: 700;\n color: var(--primary-text)\n}\n\n.universal_support__title_icon {\n color: var(--primary-text);\n height: 24px;\n width: 24px;\n border-radius: 100%;\n cursor: pointer;\n}\n.universal_support__title_icon:hover{\n background-color: var(--button-hover);\n}\n\n.universal_support__seperator {\n width: calc(100%-24px);\n margin: 0px 16px 12px 16px; \n border-bottom: 1px solid var(--main-gray);\n}\n\n.universal_support__chat{\n flex: 1;\n overflow-y: scroll;\n display: flex;\n flex-direction: column;\n}\n /* handle scrolling */\n .universal_support__chat * {\n overflow-anchor: none;\n }\n\n.universal_support__chat__welcome_message{\n margin: 0px 16px;\n background-color: var(--bottom-border);\n padding: 8px 12px;\n color: var(--primary-text);\n font-size: 14px;\n font-weight: 400;\n align-items: center;\n border-radius: 5px;\n text-align: center;\n margin-bottom: 12px;\n}\n.universal_support__chat__buffer{\n flex:1;\n}\n\n.universal_support__chat__message{\n margin: 0px 16px;\n padding:6px 0px;\n font-size: 14px;\n font-weight: 400;\n color: var(--primary-text);\n overflow-wrap: break-word;\n}\n.universal_support__chat__username{\n font-size: 14px;\n font-weight: 700;\n color: var(--primary-text)\n}\n\n.universal_support__chat__username_purple{\n font-size: 14px;\n font-weight: 700;\n color: #B85CBA;\n}\n\n\n\n.universal_support__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_support__connect_button:hover{\n background-color: var(--bottom-border);\n}\n\n.universal_support__text_input{\n background-color: var(--background);\n border-radius: 6px;\n border: 1px solid var(--main-gray);\n color: var(--secondary-text);\n font-family: Inter, sans-serif;\n font-size: 14px; \n font-weight: 400;\n margin: 9px 16px 8px 16px;\n outline: none;\n padding: 8px;\n resize: none;\n transition: border-color 200ms;\n}\n\n.universal_support__bottom_content {\n padding: 0px 16px;\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.universal_support__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_support__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_support__bottom_border__text {\n color: var(--primary-text);\n text-decoration: none;\n font-size: 13px;\n}\n\n.universal_support__icon{\n width: 48px;\n height: 44px;\n}\n\n/* Send button */\n.universal_support__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_support__send:hover {\n background-color: var(--button-hover);\n}\n\n.universal_support__send_icon {\n height: 100%;\n width: 100%;\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";
|
|
12698
|
+
var css$1 = "/* 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_support,\n.universal_support>*,\n.universal_support__popover,\n.universal_support__popover>* {\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_support__dark,\n.universal_support__dark>*,\n.universal_support__popover_dark,\n.universal_support__popover_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_support__button {\n align-items: center;\n background-color: transparent;\n border-radius: 9999px;\n border: none;\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.universal_support__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: -18px;\n height: 18px;\n width: 18px;\n font-size: 10px;\n}\n\n\n.universal_support__popover_contents {\n background-color: var(--background);\n display: flex;\n flex-direction: column;\n width: 360px;\n height: 470px;\n}\n.universal_support__title {\n padding:13px 16px 10px 16px;\n justify-content: space-between;\n display: flex;\n}\n.universal_support__title_text {\n font-size: 16px;\n font-weight: 700;\n color: var(--primary-text)\n}\n\n.universal_support__title_icon {\n color: var(--primary-text);\n height: 24px;\n width: 24px;\n border-radius: 100%;\n cursor: pointer;\n}\n.universal_support__title_icon:hover{\n background-color: var(--button-hover);\n}\n\n.universal_support__seperator {\n width: calc(100%-24px);\n margin: 0px 16px 12px 16px; \n border-bottom: 1px solid var(--main-gray);\n}\n\n.universal_support__chat{\n flex: 1;\n overflow-y: scroll;\n display: flex;\n flex-direction: column;\n}\n /* handle scrolling */\n .universal_support__chat * {\n overflow-anchor: none;\n }\n\n.universal_support__chat__welcome_message{\n margin: 0px 16px;\n background-color: var(--bottom-border);\n padding: 8px 12px;\n color: var(--primary-text);\n font-size: 14px;\n font-weight: 400;\n align-items: center;\n border-radius: 5px;\n text-align: center;\n margin-bottom: 12px;\n}\n.universal_support__chat__buffer{\n flex:1;\n}\n\n.universal_support__chat__message{\n margin: 0px 16px;\n padding:6px 0px;\n font-size: 14px;\n font-weight: 400;\n color: var(--primary-text);\n overflow-wrap: break-word;\n}\n.universal_support__chat__username{\n font-size: 14px;\n font-weight: 700;\n color: var(--primary-text)\n}\n\n.universal_support__chat__username_purple{\n font-size: 14px;\n font-weight: 700;\n color: #B85CBA;\n}\n\n\n\n.universal_support__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_support__connect_button:hover{\n background-color: var(--button-hover);\n}\n\n.universal_support__text_input{\n background-color: var(--background);\n border-radius: 6px;\n border: 1px solid var(--main-gray);\n color: var(--secondary-text);\n font-family: Inter, sans-serif;\n font-size: 14px; \n font-weight: 400;\n margin: 9px 16px 8px 16px;\n outline: none;\n padding: 8px;\n resize: none;\n transition: border-color 200ms;\n}\n\n.universal_support__bottom_content {\n padding: 0px 16px;\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.universal_support__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_support__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_support__bottom_border__text {\n color: var(--primary-text);\n text-decoration: none;\n font-size: 13px;\n}\n\n.universal_support__icon{\n width: 48px;\n height: 44px;\n}\n\n/* Send button */\n.universal_support__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_support__send:hover {\n background-color: var(--button-hover);\n}\n\n.universal_support__send_icon {\n height: 100%;\n width: 100%;\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";
|
|
12698
12699
|
n(css$1,{});
|
|
12699
12700
|
|
|
12700
12701
|
const infuraId$1 = "806586b223e14b3eb1e6e4285bf8240e";
|