biuauthui
Version:
Ui modal for biuAuth
650 lines (623 loc) • 224 kB
JavaScript
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
import { BNS } from '@leekone/bnsjs';
import { providers, utils, Contract } from 'ethers';
import { createContext, useState, useRef, useEffect, useMemo, useContext, memo, useCallback } from 'react';
import { Avatar, Popover, Typography, Image as Image$2, App, Form, Modal as Modal$1, Button, Select, Tooltip, Switch } from 'antd';
import BigNumberNoEther, { BigNumber } from 'bignumber.js';
import classNames from 'classnames';
import { useTranslation, initReactI18next } from 'react-i18next';
import { ReactSVG } from 'react-svg';
import { useAccount, useDisconnect, useNetwork, usePublicClient, useWalletClient, useWaitForTransaction, useBalance } from 'wagmi';
import { LOGIN_PROVIDER } from '@toruslabs/openlogin-utils';
import { get, post } from '@toruslabs/http-helpers';
import { WALLET_ADAPTERS, log, ADAPTER_STATUS, ADAPTER_NAMES, ADAPTER_EVENTS, BaseNetworkSwitch } from '@web3auth/base';
import CID from 'cids';
import { createFromIconfontCN, UserOutlined } from '@ant-design/icons';
import i18n from 'i18next';
import { SafeEventEmitter } from '@toruslabs/openlogin-jrpc';
import { createRoot } from 'react-dom/client';
import cloneDeep from 'lodash.clonedeep';
import deepmerge from 'lodash.merge';
import bowser from 'bowser';
import { parseInput } from '@leekone/bnsjs/utils/validation';
import { BigNumber as BigNumber$1 } from 'ethers/lib/ethers';
import Countdown, { zeroPad } from 'react-countdown';
import { MaxUint256 } from '@ethersproject/constants';
import { AddressZero } from '@ethersproject/constants/src.ts/addresses';
import { Contract as Contract$1 } from '@ethersproject/contracts';
import { waitForTransaction, switchNetwork, sendTransaction } from '@wagmi/core';
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise, SuppressedError, Symbol */
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
}
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
var e = new Error(message);
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
};
const opts = {};
if (process.env.REACT_APP_GRAPHURI) {
opts.graphURI = process.env.REACT_APP_GRAPHURI;
}
const defaultValue = new BNS(opts);
defaultValue.staticNetwork = false;
const BnsContext = /*#__PURE__*/createContext(Object.assign(Object.assign({}, defaultValue), {
ready: false
}));
const chainID = process.env.NODE_ENV === "production" ? 137 : 137;
function EnsProvider(_ref) {
let {
children
} = _ref;
const [ready, setReady] = useState(false);
const chainIdRef = useRef(null);
const chainSetPromise = useRef(null);
const setChainPromise = () => {
const provider = new providers.JsonRpcProvider("https://polygon-bor.publicnode.com");
// eslint-disable-next-line promise/always-return
return defaultValue.setProvider(provider).then(() => {
chainIdRef.current = chainID;
chainSetPromise.current = null;
setReady(true);
});
};
useEffect(() => {
if (typeof window !== "undefined" && !chainSetPromise.current) {
chainSetPromise.current = setChainPromise();
}
}, []);
const value = useMemo(() => new Proxy(Object.assign(Object.assign({}, defaultValue), {
ready
}), {
// chain id safety check
get(target, prop, reciever) {
var _a;
const targetFn = target[prop];
// if on client + target is async function
if (typeof window !== "undefined" && typeof targetFn === "function" && ((_a = targetFn.constructor) === null || _a === void 0 ? void 0 : _a.name) === "AsyncFunction") {
const currentChainId = 137;
// if reference chainId isn't up to date
if (chainIdRef.current !== currentChainId) {
// if there is no ongoing chain set promise
if (!chainSetPromise.current) {
// set ready to false before making changes
setReady(false);
// set chain set promise to new promise
chainSetPromise.current = setChainPromise();
}
// eslint-disable-next-line func-names
return function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return __awaiter(this, void 0, void 0, function* () {
// wait for existing chain set promise
yield chainSetPromise.current;
// return result of target function
return targetFn(...args);
});
};
}
}
// pass through all other getters
return Reflect.get(target, prop, reciever);
}
}), [ready]);
return jsx(BnsContext.Provider, Object.assign({
value: value
}, {
children: children
}));
}
const BNSContext = () => useContext(BnsContext);
function styleInject(css, ref) {
if (ref === void 0) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') {
return;
}
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z$3 = ".w3a-parent-container .w3a-wallet-popover-box{width:350px;z-index:9999}.w3a-parent-container .ant-popover-inner{background:#111114;border:1px solid #29292b;border-radius:10px 10px 10px 10px;margin-top:10px;padding:28px 33px;width:350px;z-index:9999}.w3a-parent-container .w3a-user-info{align-items:center;display:flex}.w3a-parent-container .w3a-user-nickname{color:#fff;cursor:pointer;font-size:18px;font-weight:500;line-height:21px;margin:0 8px}.w3a-parent-container .w3a-user-card,.w3a-parent-container .w3a-user-card .w3a-user-info{display:flex;flex-direction:column}.w3a-parent-container .w3a-user-introduction{color:#a1a1a3;font-size:14px}.w3a-parent-container .w3a-user-card .w3a-user-info .w3a-user-nickname{color:#fff;font-size:24px;font-weight:500;margin-bottom:12px;margin-top:17px}.w3a-parent-container .w3a-user-card .w3a-user-info .w3a-user-userid{color:#fff;cursor:pointer;font-size:16px;line-height:16px}.w3a-parent-container .w3a-user-card .w3a-user-info .w3a-user-userid.w3a-user-userid-max{font-size:20px;margin-top:15px}.w3a-parent-container .ant-typography .ant-typography-copy,.w3a-parent-container .ant-typography .ant-typography-copy:focus{color:#7522f2}.w3a-parent-container .w3a-user-intro{color:#a1a1a3;font-size:14px;margin-top:8px;text-align:center}.w3a-parent-container .w3a-user-profile{display:flex;justify-content:space-between;margin-bottom:28px}.w3a-parent-container .w3a-user-profile .w3a-profile-item{align-items:center;display:flex;flex-direction:column}.w3a-parent-container .w3a-user-profile .w3a-profile-title{color:#a1a1a3;font-size:14px}.w3a-parent-container .w3a-user-profile .w3a-profile-value{color:#fff;font-size:18px;font-weight:500;margin-top:3px}.w3a-parent-container .w3a-socials{align-items:center;display:flex;flex-wrap:wrap;gap:22px;margin-bottom:39px}.w3a-parent-container .w3a-socials .w3a-social-item{cursor:pointer}.w3a-parent-container .w3a-wallet-action{align-items:center;display:flex;justify-content:center}.w3a-parent-container .w3a-wallet-exit-icon svg{fill:#fff;height:16px;margin-right:8px;width:16px}.w3a-parent-container .w3a-wallet-btn{align-items:center;background:#15151a;border:1px solid #29292b;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:46px;justify-content:center;opacity:1;width:126px}.w3a-parent-container .hexagon{background-color:#fff;background-size:cover;background-size:103%;padding:3px;position:relative}.w3a-parent-container .hexagon,.w3a-parent-container .hexagon span{align-items:center;background-position:50%;background-repeat:no-repeat;border-radius:0!important;clip-path:url(#shape-hex);cursor:pointer;display:flex;flex-shrink:0;justify-content:center}.w3a-parent-container .hexagon span{background-color:#000;background-size:cover;background-size:105%;bottom:3px;height:auto!important;left:3px;margin:0!important;position:absolute;right:3px;top:3px;width:auto!important}.w3a-parent-container .hexagon span img{display:none}.w3a-parent-container .borderRadius{background-color:#000;border-radius:50%!important;clip-path:none}.w3a-parent-container .w3a-arrow-down-icon svg{fill:#fff;height:7px;width:9px}";
styleInject(css_248z$3);
var ArrowDown = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221690265127783%22%20class%3D%22icon%22%20viewBox%3D%220%200%201365%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%224298%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22266.6015625%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M777.329778%20882.005333a113.777778%20113.777778%200%200%201-189.326222%200L117.873778%20176.924444A113.777778%20113.777778%200%200%201%20212.764444%200h940.145778a113.777778%20113.777778%200%200%201%2094.663111%20176.924444L777.329778%20882.005333z%22%20p-id%3D%224299%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
var ExitIcon = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221691476935973%22%20class%3D%22icon%22%20viewBox%3D%220%200%201152%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%224387%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22225%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M768%2076.8H192A115.2%20115.2%200%200%200%2076.8%20192v640A115.2%20115.2%200%200%200%20192%20947.2h576V1024H192a192%20192%200%200%201-192-192V192a192%20192%200%200%201%20192-192h576v76.8z%22%20p-id%3D%224388%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M1134.336%20484.864l-244.352-244.416a38.4%2038.4%200%201%200-54.336%2054.336L1014.464%20473.6H403.2a38.4%2038.4%200%200%200%200%2076.8h611.264l-178.816%20178.816a38.4%2038.4%200%201%200%2054.336%2054.336l244.352-244.416a38.4%2038.4%200%200%200%200-54.272z%22%20p-id%3D%224389%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
const BASE_URL = "https://biubiu.id";
const PASSWORDLESS_BACKEND = {
mainnet: "https://admin.openlogin.com",
cyan: "https://admin.openlogin.com",
aqua: "https://admin.openlogin.com",
testnet: "https://lrc.admin.openlogin.com",
development: "https://lrc.admin.openlogin.com"
};
const NODE_REAL_CHAIN = {
1: "eth-mainnet",
56: "bsc-mainnet",
137: "matic-mainnet"
};
const OPENLOGIN_PROVIDERS = Object.values(LOGIN_PROVIDER).filter(x => x !== LOGIN_PROVIDER.WEBAUTHN && x !== LOGIN_PROVIDER.JWT);
const OPENLOGIN_PROVIDERS_NAMES = OPENLOGIN_PROVIDERS.reduce((acc, x) => {
if (x === "email_passwordless") acc[x] = "Email";else if (x === "sms_passwordless") acc[x] = "Mobile";else acc[x] = capitalizeFirstLetter(x);
return acc;
}, {});
const getAdapterSocialLogins = function (adapterName, adapter) {
let loginMethodsConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
const finalLoginMethodsConfig = {};
if (adapterName === WALLET_ADAPTERS.OPENLOGIN) {
OPENLOGIN_PROVIDERS.forEach(loginMethod => {
const currentLoginMethodConfig = loginMethodsConfig[loginMethod] || {
name: OPENLOGIN_PROVIDERS_NAMES[loginMethod],
showOnMobile: true,
showOnModal: true,
showOnDesktop: true
};
finalLoginMethodsConfig[loginMethod] = Object.assign({}, currentLoginMethodConfig);
});
log.debug("OpenLogin login method ui config", finalLoginMethodsConfig);
} else {
throw new Error(`${adapterName} is not a valid adapter`);
}
return finalLoginMethodsConfig;
};
function validateImageUrl(url) {
return __awaiter(this, void 0, void 0, function* () {
return new Promise((resolve, reject) => {
const img = new Image();
img.src = url;
if (img.complete) {
resolve(true);
} else {
img.addEventListener("load", () => {
resolve(true);
});
img.addEventListener("error", () => {
reject();
});
}
});
});
}
function getNetworkIconId(ticker) {
return __awaiter(this, void 0, void 0, function* () {
const fallbackId = "network-default";
if (!ticker) return fallbackId;
try {
const url = `https://images.web3auth.io/network-${ticker.toLowerCase()}.svg`;
const isValid = yield validateImageUrl(url);
if (isValid) {
return `network-${ticker.toLowerCase()}`;
}
return fallbackId;
} catch (_a) {
return fallbackId;
}
});
}
const getPasswordlessBackendUrl = web3AuthNetwork => {
var _a;
return (_a = PASSWORDLESS_BACKEND[web3AuthNetwork]) !== null && _a !== void 0 ? _a : PASSWORDLESS_BACKEND.mainnet;
};
const getUserCountry = web3AuthNetwork => __awaiter(void 0, void 0, void 0, function* () {
try {
const result = yield get(`${getPasswordlessBackendUrl(web3AuthNetwork)}/api/v2/user/location`);
if (result && result.data.country) return {
country: result.data.country,
dialCode: result.data.dial_code
};
return null;
} catch (error) {
log.error("error getting user country", error);
return null;
}
});
const validatePhoneNumber = (phoneNumber, web3AuthNetwork) => __awaiter(void 0, void 0, void 0, function* () {
try {
const result = yield post(`${getPasswordlessBackendUrl(web3AuthNetwork)}/api/v2/phone_number/validate`, {
phone_number: phoneNumber
});
if (result && result.success) return result.parsed_number;
return false;
} catch (error) {
log.error("error validating phone number", error);
if (error.status === 400) {
return false;
}
// sending true because we don't want the user to be stuck on a flow
// if there is an error with the api or something went wrong.
return true;
}
});
const languageMap = {
en: "english",
de: "german",
ja: "japanese",
ko: "korean",
zh: "mandarin",
es: "spanish",
fr: "french",
pt: "portuguese",
nl: "dutch"
};
function handleFixIpfs() {
let img = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
let newImg = img;
if (newImg.indexOf("ipfs://") > -1) {
let url = newImg.split("//")[1];
if (url.startsWith("Qm") && url.indexOf("/") > 0) {
const cid = new CID(url.split("/")[0]);
url = cid.toV1().toString();
return `https://${url}.ipfs.nftstorage.link/${newImg.split("//")[1].split("/")[1]}`;
}
if (url.startsWith("Qm")) {
const cid = new CID(url);
newImg = cid.toV1().toString();
// return `https://${img}.ipfs.nftstorage.link`;
return `https://thedial.infura-ipfs.io/ipfs/${newImg}`;
// return `https://gateway.pinata.cloud/ipfs/${url}`
// return `https://cloudflare-ipfs.com/ipfs/${url}`
}
return `https://${url}.ipfs.nftstorage.link`;
}
return newImg;
}
const imageCache = {};
function isNft(contract) {
if (!contract) return false;
if (contract.indexOf("0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee") > -1) return false;
return true;
}
const handleGetImageUrl = url => {
if (!url) {
return "";
}
if (imageCache[url]) {
return imageCache[url].src;
}
const img = new Image();
img.src = handleFixIpfs(url);
imageCache[url] = img;
return img.src;
};
function normalizeHexAddress$1(address) {
if (!address) {
return "";
}
const addressString = typeof address === "object" && !("toLowerCase" in address) ? address.toString("hex") : address;
if (typeof addressString === "string") {
const noPrefix = addressString.replace(/^0x/, "");
const even = noPrefix.length % 2 === 0 ? noPrefix : `0${noPrefix}`;
return `0x${Buffer.from(even, "hex").toString("hex")}`;
}
return "";
}
function isProbablyEVMAddress(str) {
if (!str) {
return false;
}
if (normalizeHexAddress$1(str).startsWith("0x") && str.length === 42) {
return true;
}
return false;
}
function truncateAddress(address) {
if (!address) {
return "";
}
if (isProbablyEVMAddress(address)) {
if ((address === null || address === void 0 ? void 0 : address.length) < 14) {
return address;
}
return `${address.slice(0, 6)}…${address.slice(-4)}`;
}
if (address.length > 42) {
return `${address.slice(0, 6)}…${address.slice(-6)}`;
}
return address;
}
const MyIcon$1 = createFromIconfontCN({
scriptUrl: "//at.alicdn.com/t/c/font_4061730_bw04wxh6gxa.js"
});
function FontIcon$1(props) {
const {
type,
style,
size,
color,
className
} = props,
rest = __rest(props, ["type", "style", "size", "color", "className"]);
return jsx(MyIcon$1, Object.assign({}, rest, {
className: classNames("font_icon", className),
style: Object.assign({
color: color || "#fff",
fontSize: size || 30
}, style),
type: type
}));
}
var CircleArrowLeft = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%2224%20%2F%20arrows%20%2F%20circle-arrow-left%22%3E%3Cpath%20id%3D%22icon%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2023C5.92487%2023%201%2018.0751%201%2012C1%205.92487%205.92487%201%2012%201C18.0751%201%2023%205.92487%2023%2012C23%2018.0751%2018.0751%2023%2012%2023ZM12%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021ZM17%2011H10.4142L12.7071%208.70711L11.2929%207.29289L6.58579%2012L11.2929%2016.7071L12.7071%2015.2929L10.4142%2013H17V11Z%22%20fill%3D%22%23D3D3D4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
var Close = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.4142%2012L19.7782%2018.364L18.364%2019.7782L12%2013.4143L5.63604%2019.7782L4.22183%2018.364L10.5858%2012L4.22183%205.63608L5.63604%204.22187L12%2010.5858L18.364%204.22187L19.7782%205.63608L13.4142%2012Z%22%20fill%3D%22%23DFDFDF%22%2F%3E%3C%2Fsvg%3E";
var Connected = "data:image/svg+xml,%3Csvg%20width%3D%22141%22%20height%3D%22107%22%20viewBox%3D%220%200%20141%20107%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.5276%2083.0535C22.5745%2083.0354%2022.613%2082.9958%2022.6292%2082.9402C22.6821%2082.7569%2022.6159%2082.1413%2022.4252%2081.0511C23.204%2080.5866%2023.6245%2080.2954%2023.7147%2080.1668C23.7483%2080.1143%2023.7517%2080.0538%2023.7224%2080.0059C23.6705%2079.9274%2023.6072%2079.8336%2022.0991%2080.112C20.9422%2078.3357%2020.7713%2078.3673%2020.6693%2078.3822C20.66%2078.3858%2020.6489%2078.3852%2020.6349%2078.3906C20.5881%2078.4087%2020.5495%2078.4483%2020.5334%2078.5039C20.4744%2078.6994%2020.5567%2079.4123%2020.7783%2080.6237C19.4856%2081.4304%2019.502%2081.5424%2019.5165%2081.6354C19.5224%2081.6923%2019.5658%2081.7347%2019.6306%2081.7491C19.7839%2081.7834%2020.2955%2081.7134%2021.1934%2081.5284C22.2344%2083.103%2022.3865%2083.0786%2022.4915%2083.0576C22.5072%2083.0565%2022.5183%2083.0571%2022.5276%2083.0535Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M38.1699%2024.3125L36.5906%2023.6967L34.7166%2027.4815L36.2959%2028.0974L38.1699%2024.3125Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M48.5645%2034.7988L49.9232%2035.2505L51.3245%2032.0124L49.9658%2031.5607L48.5645%2034.7988Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M34.4449%2075.5265L33.4902%2076.6264L36.2729%2078.6922L37.2275%2077.5924L34.4449%2075.5265Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M35.969%2054.562L35.5664%2056.1768L39.8078%2056.8795L40.2104%2055.2647L35.969%2054.562Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M38.1949%2089.7319L37.135%2091.092L40.6027%2093.371L41.6626%2092.0109L38.1949%2089.7319Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M35.664%2043.2933L36.2599%2041.7217L32.1621%2040.5607L31.5662%2042.1323L35.664%2043.2933Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M65.9671%209.19276C65.9998%209.18006%2066.023%209.15631%2066.0317%209.12332C66.0671%209.00603%2066.1432%208.66753%2066.0171%207.96665C66.5192%207.66361%2066.6733%207.41471%2066.733%207.3324C66.7575%207.29825%2066.7582%207.2585%2066.7356%207.22781C66.6999%207.1775%2066.6827%206.98733%2065.706%207.16352C64.9602%206.0171%2064.827%206.16686%2064.7612%206.17758C64.7565%206.1794%2064.7471%206.18303%2064.7424%206.18484C64.7097%206.19754%2064.6865%206.2213%2064.6778%206.25429C64.641%206.38196%2064.5887%206.75785%2064.7307%207.54138C63.8979%208.06133%2064.0099%208.21478%2064.0221%208.27417C64.026%208.31211%2064.0534%208.34097%2064.0945%208.34972C64.194%208.37033%2064.4345%208.4035%2065.019%208.28554C65.6929%209.30198%2065.8761%209.20827%2065.9467%209.19573C65.9513%209.19392%2065.9624%209.19458%2065.9671%209.19276Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M88.1272%2023.1029C88.16%2023.0902%2088.1831%2023.0665%2088.1919%2023.0335C88.2272%2022.9162%2088.3034%2022.5777%2088.1773%2021.8768C88.6794%2021.5738%2088.8335%2021.3249%2088.8932%2021.2426C88.9176%2021.2084%2088.9184%2021.1687%2088.8957%2021.138C88.8601%2021.0877%2088.8429%2020.8975%2087.8661%2021.0737C87.1203%2019.9273%2086.9872%2020.077%2086.9213%2020.0877C86.9166%2020.0896%2086.9073%2020.0932%2086.9026%2020.095C86.8698%2020.1077%2086.8467%2020.1315%2086.8379%2020.1644C86.8012%2020.2921%2086.7489%2020.668%2086.8908%2021.4515C86.0581%2021.9715%2086.17%2022.1249%2086.1823%2022.1843C86.1862%2022.2223%2086.2135%2022.2511%2086.2546%2022.2599C86.3542%2022.2805%2086.5946%2022.3137%2087.1792%2022.1957C87.8531%2023.2121%2088.0363%2023.1184%2088.1068%2023.1059C88.1115%2023.1041%2088.1225%2023.1047%2088.1272%2023.1029Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M106.127%2076.1029C106.16%2076.0902%20106.183%2076.0665%20106.192%2076.0335C106.227%2075.9162%20106.303%2075.5777%20106.177%2074.8768C106.679%2074.5738%20106.833%2074.3249%20106.893%2074.2426C106.918%2074.2084%20106.918%2074.1687%20106.896%2074.138C106.86%2074.0877%20106.843%2073.8975%20105.866%2074.0737C105.12%2072.9273%20104.987%2073.077%20104.921%2073.0877C104.917%2073.0896%20104.907%2073.0932%20104.903%2073.095C104.87%2073.1077%20104.847%2073.1315%20104.838%2073.1644C104.801%2073.2921%20104.749%2073.668%20104.891%2074.4515C104.058%2074.9715%20104.17%2075.1249%20104.182%2075.1843C104.186%2075.2223%20104.214%2075.2511%20104.255%2075.2599C104.354%2075.2805%20104.595%2075.3137%20105.179%2075.1957C105.853%2076.2121%20106.036%2076.1184%20106.107%2076.1059C106.111%2076.1041%20106.123%2076.1047%20106.127%2076.1029Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M28.1272%2065.1029C28.16%2065.0902%2028.1831%2065.0665%2028.1919%2065.0335C28.2272%2064.9162%2028.3034%2064.5777%2028.1773%2063.8768C28.6794%2063.5738%2028.8335%2063.3249%2028.8932%2063.2426C28.9176%2063.2084%2028.9184%2063.1687%2028.8957%2063.138C28.8601%2063.0877%2028.8429%2062.8975%2027.8661%2063.0737C27.1203%2061.9273%2026.9872%2062.077%2026.9213%2062.0877C26.9166%2062.0896%2026.9073%2062.0932%2026.9026%2062.095C26.8698%2062.1077%2026.8467%2062.1315%2026.8379%2062.1644C26.8012%2062.2921%2026.7489%2062.668%2026.8908%2063.4515C26.0581%2063.9715%2026.17%2064.1249%2026.1823%2064.1843C26.1862%2064.2223%2026.2135%2064.2511%2026.2546%2064.2599C26.3542%2064.2805%2026.5946%2064.3137%2027.1792%2064.1957C27.8531%2065.2121%2028.0363%2065.1184%2028.1068%2065.1059C28.1115%2065.1041%2028.1225%2065.1047%2028.1272%2065.1029Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M24.1272%2035.1049C24.16%2035.0922%2024.1831%2035.0684%2024.1919%2035.0354C24.2272%2034.9181%2024.3034%2034.5796%2024.1773%2033.8788C24.6794%2033.5757%2024.8335%2033.3268%2024.8932%2033.2445C24.9176%2033.2104%2024.9184%2033.1706%2024.8957%2033.1399C24.8601%2033.0896%2024.8429%2032.8994%2023.8661%2033.0756C23.1203%2031.9292%2022.9872%2032.079%2022.9213%2032.0897C22.9166%2032.0915%2022.9073%2032.0951%2022.9026%2032.097C22.8698%2032.1097%2022.8467%2032.1334%2022.8379%2032.1664C22.8012%2032.2941%2022.7489%2032.67%2022.8908%2033.4535C22.0581%2033.9734%2022.17%2034.1269%2022.1823%2034.1863C22.1862%2034.2242%2022.2135%2034.2531%2022.2546%2034.2618C22.3542%2034.2824%2022.5946%2034.3156%2023.1792%2034.1977C23.8531%2035.2141%2024.0363%2035.1204%2024.1068%2035.1078C24.1115%2035.106%2024.1225%2035.1067%2024.1272%2035.1049Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M15.0937%2054.5618L14.5682%2055.7761L17.7171%2056.8229L18.2426%2055.6086L15.0937%2054.5618Z%22%20fill%3D%22%23FF623A%22%2F%3E%3Cpath%20d%3D%22M96.078%2032.6055C96.0647%2032.6548%2096.0739%2032.7102%2096.1097%2032.7569C96.2279%2032.9107%2096.7718%2033.2274%2097.7795%2033.7279C97.6907%2034.6456%2097.6758%2035.1653%2097.7268%2035.3167C97.7496%2035.3757%2097.7971%2035.4151%2097.8539%2035.4199C97.9495%2035.4246%2098.0645%2035.4293%2098.745%2034.0266C100.897%2034.1494%20100.974%2033.9904%20101.023%2033.8979C101.026%2033.8881%20101.033%2033.8794%20101.037%2033.8646C101.05%2033.8153%20101.041%2033.7599%20101.005%2033.7132C100.881%2033.5472%20100.247%2033.1851%2099.1216%2032.6367C99.2398%2031.0922%2099.1382%2031.0382%2099.0533%2030.994C99.0031%2030.9645%2098.9423%2030.9745%2098.8915%2031.0189C98.771%2031.1239%2098.5201%2031.5849%2098.1308%2032.4317C96.2142%2032.3356%2096.1425%2032.4749%2096.0964%2032.5735C96.0879%2032.587%2096.0807%2032.5957%2096.078%2032.6055Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M126.156%2049.8145C126.143%2049.8638%20126.152%2049.9192%20126.188%2049.9659C126.306%2050.1196%20126.85%2050.4363%20127.858%2050.9369C127.769%2051.8546%20127.754%2052.3743%20127.805%2052.5257C127.828%2052.5847%20127.875%2052.624%20127.932%2052.6289C128.028%2052.6336%20128.143%2052.6383%20128.823%2051.2356C130.975%2051.3584%20131.052%2051.1994%20131.101%2051.1069C131.104%2051.097%20131.111%2051.0884%20131.115%2051.0736C131.128%2051.0243%20131.119%2050.9689%20131.083%2050.9222C130.959%2050.7562%20130.325%2050.3941%20129.2%2049.8457C129.318%2048.3012%20129.216%2048.2472%20129.131%2048.203C129.081%2048.1735%20129.02%2048.1835%20128.97%2048.2279C128.849%2048.3328%20128.598%2048.7939%20128.209%2049.6407C126.292%2049.5445%20126.221%2049.6838%20126.175%2049.7824C126.166%2049.796%20126.159%2049.8046%20126.156%2049.8145Z%22%20fill%3D%22%23A7EE8D%22%2F%3E%3Cpath%20d%3D%22M120.338%2059.8887L121.794%2058.9664L119.823%2055.1516L118.367%2056.0739L120.338%2059.8887Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M117.531%2036.5586L116.343%2037.3991L118.15%2040.4974L119.339%2039.6569L117.531%2036.5586Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M80.6419%2025.9833L80.3163%2024.539L76.9483%2025.5732L77.2738%2027.0175L80.6419%2025.9833Z%22%20fill%3D%22%23FFBF19%22%2F%3E%3Cpath%20d%3D%22M109.829%2048.4349L108.749%2047.1323L105.618%2050.1823L106.698%2051.4849L109.829%2048.4349Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M66.7549%2020.4988L66.2797%2018.8115L62.3243%2020.2783L62.7995%2021.9656L66.7549%2020.4988Z%22%20fill%3D%22%239D4492%22%2F%3E%3Cpath%20d%3D%22M104.749%2024.9248L105.677%2026.3595L109.097%2023.7033L108.169%2022.2685L104.749%2024.9248Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M115.977%2091.7592C115.968%2091.7937%20115.973%2091.827%20115.995%2091.854C116.07%2091.9536%20116.301%2092.2199%20116.951%2092.5389C116.897%2093.1326%20117.008%2093.4088%20117.039%2093.5072C117.052%2093.5478%20117.084%2093.5724%20117.123%2093.5723C117.186%2093.5734%20117.352%2093.6739%20117.796%2092.7679C119.184%2092.8478%20119.142%2092.6486%20119.173%2092.5882C119.174%2092.5832%20119.177%2092.5734%20119.178%2092.5685C119.187%2092.534%20119.182%2092.5007%20119.16%2092.4737C119.078%2092.3667%20118.801%2092.0974%20118.074%2091.7416C118.15%2090.7464%20117.957%2090.7457%20117.901%2090.7199C117.868%2090.7003%20117.827%2090.7053%20117.796%2090.7336C117.719%2090.8028%20117.547%2090.9797%20117.291%2091.5294C116.053%2091.4689%20116.019%2091.6754%20115.987%2091.7407C115.986%2091.7457%20115.978%2091.7543%20115.977%2091.7592Z%22%20fill%3D%22%239BEC7D%22%2F%3E%3Cpath%20d%3D%22M127.489%2078.9367L126.811%2077.7749L124.057%2079.7229L124.735%2080.8847L127.489%2078.9367Z%22%20fill%3D%22%23FF623A%22%2F%3E%3Ccircle%20cx%3D%2273.5%22%20cy%3D%2264.7305%22%20r%3D%2227.5%22%20fill%3D%22%230E9F6E%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M68.5539%2071.8815C68.8439%2072.1793%2069.3223%2072.1793%2069.6122%2071.8815L84.2185%2056.8765C84.9214%2056.1545%2086.0815%2056.1545%2086.7843%2056.8765C87.461%2057.5716%2087.461%2058.6791%2086.7843%2059.3742L70.0456%2076.5698C69.5183%2077.1115%2068.6479%2077.1115%2068.1206%2076.5698L60.2157%2068.4491C59.539%2067.754%2059.539%2066.6465%2060.2157%2065.9515C60.9185%2065.2294%2062.0786%2065.2294%2062.7815%2065.9515L68.5539%2071.8815Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
var Copy = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221690364248390%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%224298%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M170.666667%2040.96c0-22.596267%2020.343467-40.96%2045.533866-40.96h546.133334C887.944533%200%20989.866667%2091.682133%20989.866667%20204.8v655.36c0%2022.596267-20.411733%2040.96-45.533867%2040.96-25.122133%200-45.4656-18.363733-45.4656-40.96V204.8c0-67.857067-61.166933-122.88-136.533333-122.88h-546.133334C191.010133%2081.92%20170.666667%2063.556267%20170.666667%2040.96zM307.2%20491.52c-25.122133%200-45.533867%2018.363733-45.533867%2040.96%200%2022.596267%2020.411733%2040.96%2045.533867%2040.96h182.0672c25.122133%200%2045.4656-18.363733%2045.4656-40.96%200-22.596267-20.343467-40.96-45.4656-40.96H307.2zM307.2%20655.36c-25.122133%200-45.533867%2018.363733-45.533867%2040.96%200%2022.596267%2020.411733%2040.96%2045.533867%2040.96h182.0672c25.122133%200%2045.4656-18.363733%2045.4656-40.96%200-22.596267-20.343467-40.96-45.4656-40.96H307.2z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%224299%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M216.200533%20204.8H580.266667c100.5568%200%20182.0672%2073.386667%20182.0672%20163.84v491.52c0%2090.453333-81.5104%20163.84-182.0672%20163.84H216.200533C115.643733%201024%2034.133333%20950.613333%2034.133333%20860.16V368.64C34.133333%20278.186667%20115.643733%20204.8%20216.200533%20204.8zM580.266667%20286.72H216.200533c-50.312533%200-91.067733%2036.6592-91.067733%2081.92v491.52c0%2045.2608%2040.7552%2081.92%2091.067733%2081.92H580.266667c50.244267%200%2090.999467-36.6592%2090.999466-81.92V368.64c0-45.2608-40.7552-81.92-90.999466-81.92z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%224300%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
var Expand = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.0991%2015.6785C11.694%2016.1072%2011.0119%2016.1072%2010.6068%2015.6785L4.98828%209.73136C4.36988%209.0768%204.83393%208%205.73441%208L16.9715%208C17.872%208%2018.336%209.0768%2017.7176%209.73136L12.0991%2015.6785Z%22%20fill%3D%22%23B7B8BD%22%2F%3E%3C%2Fsvg%3E";
var ExpandLight = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.0991%2015.6785C11.694%2016.1072%2011.0119%2016.1072%2010.6068%2015.6785L4.98828%209.73136C4.36988%209.0768%204.83393%208%205.73441%208L16.9715%208C17.872%208%2018.336%209.0768%2017.7176%209.73136L12.0991%2015.6785Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E";
var Failed = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221688983307012%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223733%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M1024%20512c0%20282.773333-229.226667%20512-512%20512S0%20794.773333%200%20512%20229.226667%200%20512%200s512%20229.226667%20512%20512z%22%20fill%3D%22%23FC5751%22%20p-id%3D%223734%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M670.4%20739.189333a37.333333%2037.333333%200%200%200%2052.8-52.8L564.8%20528%20723.2%20369.6a37.333333%2037.333333%200%200%200-52.8-52.789333L512%20475.210667%20353.610667%20316.8a37.333333%2037.333333%200%200%200-52.8%2052.8L459.210667%20528%20300.8%20686.4a37.333333%2037.333333%200%200%200%2052.8%2052.789333l158.4-158.4L670.4%20739.2z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%223735%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
var InfoCircle = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%20%20%3Cpath%20d%3D%22M13%2016H12V12H11M12%208H12.01M21%2012C21%2013.1819%2020.7672%2014.3522%2020.3149%2015.4442C19.8626%2016.5361%2019.1997%2017.5282%2018.364%2018.364C17.5282%2019.1997%2016.5361%2019.8626%2015.4442%2020.3149C14.3522%2020.7672%2013.1819%2021%2012%2021C10.8181%2021%209.64778%2020.7672%208.55585%2020.3149C7.46392%2019.8626%206.47177%2019.1997%205.63604%2018.364C4.80031%2017.5282%204.13738%2016.5361%203.68508%2015.4442C3.23279%2014.3522%203%2013.1819%203%2012C3%209.61305%203.94821%207.32387%205.63604%205.63604C7.32387%203.94821%209.61305%203%2012%203C14.3869%203%2016.6761%203.94821%2018.364%205.63604C20.0518%207.32387%2021%209.61305%2021%2012Z%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E";
var InfoCircleLight = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%20%20%3Cpath%20d%3D%22M13%2016H12V12H11M12%208H12.01M21%2012C21%2013.1819%2020.7672%2014.3522%2020.3149%2015.4442C19.8626%2016.5361%2019.1997%2017.5282%2018.364%2018.364C17.5282%2019.1997%2016.5361%2019.8626%2015.4442%2020.3149C14.3522%2020.7672%2013.1819%2021%2012%2021C10.8181%2021%209.64778%2020.7672%208.55585%2020.3149C7.46392%2019.8626%206.47177%2019.1997%205.63604%2018.364C4.80031%2017.5282%204.13738%2016.5361%203.68508%2015.4442C3.23279%2014.3522%203%2013.1819%203%2012C3%209.61305%203.94821%207.32387%205.63604%205.63604C7.32387%203.94821%209.61305%203%2012%203C14.3869%203%2016.6761%203.94821%2018.364%205.63604C20.0518%207.32387%2021%209.61305%2021%2012Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%3C%2Fsvg%3E";
var Logo = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221688607879953%22%20class%3D%22icon%22%20viewBox%3D%220%200%201689%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%22902%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22329.8828125%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M419.232381%2087.500078c207.639887-245.655573%20299.645528%2087.551278%20317.974977%20246.423567%202.559979%2021.964619%205.452755%2043.903638%208.371131%2065.791457%209.318323%2070.143421%2018.559847%20139.902846%2015.155075%20209.124675-5.759952%20115.864644-49.868389%20246.909963-170.571393%20287.485628C371.975171%20969.873599%2092.937473%20624.25085%2023.818044%20435.810805-25.307951%20301.744711-10.92087%20155.851514%20187.682292%20190.078432c-58.853914-161.381069%20136.856471-250.92913%20231.550089-102.603954z%20m211.684654%20103.730344c-4.198365-49.023596-41.292459-85.912891-82.892116-82.277721-41.548457%203.60957-71.935407%2046.438017-67.711442%2095.487212C484.486243%20253.437909%20521.631537%20290.301605%20563.205594%20286.717635c41.574057-3.63517%2071.909807-46.463617%2067.711441-95.487213z%20m-239.281226-24.780595c-17.689454-45.951621-63.589875-70.783416-102.475954-55.551542-38.911679%2015.308674-56.063537%2064.921064-38.399684%20110.847086%2017.689454%2045.951621%2063.589875%2070.783416%20102.501555%2055.551541%2038.911679-15.283074%2056.063537-64.895465%2038.399683-110.847085zM91.222288%20403.452672c29.951753%2038.937279%2080.946532%2049.561191%20113.91906%2023.705404%2032.972528-25.855787%2035.430108-78.335354%205.478354-117.247033-29.951753-38.962879-80.997732-49.561191-113.944659-23.731004-32.972528%2025.855787-35.404508%2078.335354-5.452755%20117.272633zM556.293651%20804.473363c38.962879-15.283074%2076.492169-55.474742%2088.49847-111.000684%2024.447798-113.023068%2041.932454-460.053805-262.269837-340.067595-318.410173%20107.442314-59.39151%20362.851406%2034.252518%20429.564457%2046.00282%2032.74213%20100.530371%2036.786897%20139.518849%2021.503822zM1270.34856%20205.054308c94.719219-148.299577%20290.429604-58.700316%20231.601289%20102.629554%20198.577562-34.226918%20212.964643%20111.666279%20163.838648%20245.629973-69.11943%20188.465645-348.157128%20534.088394-566.344127%20460.5914-120.703004-40.626865-164.81144-171.595384-170.571393-287.485628-3.379172-69.273028%205.887951-139.083653%2015.180675-209.252674%202.892776-21.86222%205.811152-43.750039%208.319931-65.663458%2018.355049-158.897889%20110.33509-492.10474%20317.974977-246.449167z%20m130.098126%2023.449407c-38.911679-15.257474-84.786501%209.574321-102.475954%2055.525942-17.715054%2045.926021-0.537596%2095.564012%2038.399683%20110.847085%2038.911679%2015.231874%2084.760901-9.599921%20102.475955-55.551541%2017.689454-45.951621%200.511996-95.564012-38.399684-110.847086zM1141.504823%20226.558131c-41.574057-3.68637-78.693751%2033.177326-82.892116%2082.303321-4.095966%2049.100395%2026.137384%2091.749643%2067.737041%2095.436013%2041.574057%203.711969%2078.693751-33.177326%2082.892116-82.277722%204.198365-49.100395-26.162984-91.775243-67.737041-95.461612z%20m-8.319932%20695.443862c38.911679%2015.257474%2093.490429%2011.263907%20139.46765-21.503822h0.076799c93.669627-66.68745%20352.71389-322.198942%2034.150118-429.538856-304.125491-120.01181-286.640835%20227.018927-262.218636%20340.067594%2012.031901%2055.500342%2049.612391%2095.74321%2088.524069%20110.975084z%20m351.229103-377.289687c32.946928%2025.855787%2083.967307%2015.231874%20113.91906-23.705404h0.051199c29.951753-38.911679%2027.417374-91.391246-5.529554-117.247033-32.972528-25.855787-83.967307-15.283074-113.91906%2023.654205-29.951753%2038.937279-27.494173%2091.468045%205.452755%20117.298232z%22%20p-id%3D%22903%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
var Success = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20t%3D%221688983301139%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223597%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M1024%20512c0%20282.770286-229.229714%20512-512%20512S0%20794.770286%200%20512%20229.229714%200%20512%200s512%20229.229714%20512%20512z%22%20fill%3D%22%2319E76B%22%20p-id%3D%223598%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M228.000914%20520.572343a29.257143%2029.257143%200%200%201%2041.3696%200l165.741715%20165.741714%20306.805028-306.819657a29.257143%2029.257143%200%200%201%2041.384229%2041.384229l-317.147429%20317.147428a43.885714%2043.885714%200%200%201-62.069028%200L228.000914%20561.941943a29.257143%2029.257143%200%200%201%200-41.3696z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%223599%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E";
const icons = {
"arrow-left": {
image: CircleArrowLeft
},
close: {
image: Close
},
"expand-light": {
image: ExpandLight
},
expand: {
image: Expand
},
connected: {
image: Connected
},
"information-circle-light": {
image: InfoCircleLight
},
"information-circle": {
image: InfoCircle
},
logo: {
image: Logo
},
success: {
image: Success
},
failed: {
image: Failed
},
"arrow-down": {
image: ArrowDown
},
copy: {
image: Copy
}
};
function Icon(props) {
const {
iconName,
iconTitle = "",
height = "auto",
width = "auto",
style
} = props,
rest = __rest(props, ["iconName", "iconTitle", "height", "width", "style"]);
return icons[iconName] ? jsx("img", Object.assign({}, rest, {
style: style,
className: iconTitle ? "cursor-pointer" : "",
height: height,
width: width,
src: icons[iconName].image,
alt: iconName,
title: iconTitle
})) : null;
}
function MyAvatar(props) {
const {
size,
borderRadius,
isNft,
src,
className,
icon,
shape
} = props;
let mySrc;
if (src) {
if (typeof src === "string") {
if (src.indexOf("ipfs://") > -1) {
mySrc = handleFixIpfs(src);
} else {
mySrc = src;
}
} else {
mySrc = src;
}
}
return jsx(Fragment, {
children: mySrc ? jsxs("div", Object.assign({
style: {
width: `${size !== null && size !== void 0 ? size : 60}px`,
height: `${size !== null && size !== void 0 ? size : 60}px`,
minWidth: `${size !== null && size !== void 0 ? size : 60}px`,
cursor: "pointer"
},
className: classNames(className, isNft ? "hexagon" : "")
}, {
children: [jsx("div", Object.assign({
style: {
width: 0,
height: 0
}
}, {
children: jsx("svg", Object.assign({
height: "0",
viewBox: "0 0 200 188",
width: "0"
}, {
children: jsx("defs", {
children: jsx("clipPath", Object.assign({
clipPathUnits: "objectBoundingBox",
id: "shape-hex",
transform: "scale(0.005 0.005319148936170213)"
}, {
children: jsx("path", {
d: "M193.248 69.51C185.95 54.1634 177.44 39.4234 167.798 25.43L164.688 20.96C160.859 15.4049 155.841 10.7724 149.998 7.3994C144.155 4.02636 137.633 1.99743 130.908 1.46004L125.448 1.02004C108.508 -0.340012 91.4873 -0.340012 74.5479 1.02004L69.0879 1.46004C62.3625 1.99743 55.8413 4.02636 49.9981 7.3994C44.155 10.7724 39.1367 15.4049 35.3079 20.96L32.1979 25.47C22.5561 39.4634 14.0458 54.2034 6.74789 69.55L4.39789 74.49C1.50233 80.5829 0 87.2441 0 93.99C0 100.736 1.50233 107.397 4.39789 113.49L6.74789 118.43C14.0458 133.777 22.5561 148.517 32.1979 162.51L35.3079 167.02C39.1367 172.575 44.155 177.208 49.9981 180.581C55.8413 183.954 62.3625 185.983 69.0879 186.52L74.5479 186.96C91.4873 188.32 108.508 188.32 125.448 186.96L130.908 186.52C137.638 185.976 144.163 183.938 150.006 180.554C155.85 177.17 160.865 172.526 164.688 166.96L167.798 162.45C177.44 148.457 185.95 133.717 193.248 118.37L195.598 113.43C198.493 107.337 199.996 100.676 199.996 93.93C199.996 87.1841 198.493 80.5229 195.598 74.43L193.248 69.51Z"
})
}))
})
}))
})), jsx(Avatar, Object.assign({}, props, {
shape: shape !== null && shape !== void 0 ? shape : "square",
style: Object.assign({
backgroundImage: `url(${mySrc})`,
cursor: "pointer",
backgroundSize: "cover",
backgroundPosition: "center"
}, props === null || props === void 0 ? void 0 : props.style),
src: mySrc
}))]
})) : jsx(Avatar, {
className: classNames(className, "borderRadius"),
onClick: props === null || props === void 0 ? void 0 : props.onClick,
size: size,
shape: "square",
icon: icon || jsx(UserOutlined, {}),
style: {
width: `${size !== null && size !== void 0 ? size : 60}px`,
minWidth: `${size !== null && size !== void 0 ? size : 60}px`,
height: `${size !== null && size !== void 0 ? size : 60}px`,
// eslint-disable-next-line no-nested-ternary
borderRadius: `${shape === "circle" ? "50%" : borderRadius ? `${borderRadius}px` : `16px`}`
// clipPath: `polygon(0% 50%, 20% 100%, 75% 100%, 100% 50%, 75% 0%, 20% 0%)`,
}
})
});
}
const {
Paragraph
} = Typography;
function PopContent(props) {
var _a, _b, _c, _d;
const {
userInfo,
totalAssets
} = props;
const {
disconnect
} = useDisconnect();
const [t] = useTranslation();
return jsxs("div", Object.assign({
className: "w3a-user-card"
}, {
children: [jsxs("div", Object.assign({
className: "w3a-user-info"
}, {
children: [jsx(MyAvatar, {
isNft: isNft(userInfo === null || userInfo === void 0 ? void 0 : userInfo.tokenContractChain),
shape: "circle",
src: handleGetImageUrl(userInfo === null || userInfo === void 0 ? void 0 : userInfo.faceURL),
size: 88
}), !isProbablyEVMAddress(userInfo === null || userInfo === void 0 ? void 0 : userInfo.nickname) && jsx("p", Object.assign({
className: "w3a-user-nickname"
}, {
children: truncateAddress(userInfo === null || userInfo === void 0 ? void 0 : userInfo.nickname)
})), jsx(Paragraph, Object.assign({
className: classNames("w3a-user-userid", isProbablyEVMAddress(userInfo === null || userInfo === void 0 ? void 0 : userInfo.nickname) ? "w3a-user-userid-max" : ""),
copyable: {
text: userInfo === null || userInfo === void 0 ? void 0 : userInfo.userID,
icon: jsx(Icon, {
style: {
marginLeft: "3px"
},
width: "12px",
height: "12px",
iconName: "copy"
})
}
}, {
children: truncateAddress(userInfo === null || userInfo === void 0 ? void 0 : userInfo.userID)
})), jsx(Paragraph, Object.assign({
className: "w3a-user-intro",
ellipsis: {
rows: 2
}
}, {
children: userInfo === null || userInfo === void 0 ? void 0 : userInfo.userIntroduction
}))]
})), jsxs("div", Object.assign({
className: "w3a-user-profile"
}, {
children: [jsxs("div", Object.assign({
className: "w3a-profile-item"
}, {
children: [jsx("span", Object.assign({
className: "w3a-profile-title"
}, {
children: "Followers"
})), jsx("span", Object.assign({
className: "w3a-profile-value"
}, {
children: (_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.followingCount) !== null && _a !== void 0 ? _a : 0
}))]
})), jsxs("div", Object.assign({
className: "w3a-profile-item"
}, {
children: [jsx("span", Object.assign({
className: "w3a-profile-title"
}, {
children: "Following"
})), js