discord-card-react
Version:
React Discord profile card component
1,341 lines • 86.3 kB
JavaScript
import Te, { useEffect as At, useRef as Bt, useState as Wt } from "react";
function wn(e) {
if (e.__esModule) return e;
var t = e.default;
if (typeof t == "function") {
var r = function n() {
return this instanceof n ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
};
r.prototype = t.prototype;
} else r = {};
return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
var s = Object.getOwnPropertyDescriptor(e, n);
Object.defineProperty(r, n, s.get ? s : {
enumerable: !0,
get: function() {
return e[n];
}
});
}), r;
}
var dt = { exports: {} }, ke = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var yt;
function Sn() {
if (yt) return ke;
yt = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(n, s, o) {
var l = null;
if (o !== void 0 && (l = "" + o), s.key !== void 0 && (l = "" + s.key), "key" in s) {
o = {};
for (var d in s)
d !== "key" && (o[d] = s[d]);
} else o = s;
return s = o.ref, {
$$typeof: e,
type: n,
key: l,
ref: s !== void 0 ? s : null,
props: o
};
}
return ke.Fragment = t, ke.jsx = r, ke.jsxs = r, ke;
}
var $e = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Et;
function On() {
return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
function e(i) {
if (i == null) return null;
if (typeof i == "function")
return i.$$typeof === G ? null : i.displayName || i.name || null;
if (typeof i == "string") return i;
switch (i) {
case w:
return "Fragment";
case M:
return "Profiler";
case T:
return "StrictMode";
case U:
return "Suspense";
case N:
return "SuspenseList";
case O:
return "Activity";
}
if (typeof i == "object")
switch (typeof i.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), i.$$typeof) {
case b:
return "Portal";
case X:
return i.displayName || "Context";
case S:
return (i._context.displayName || "Context") + ".Consumer";
case p:
var R = i.render;
return i = i.displayName, i || (i = R.displayName || R.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
case u:
return R = i.displayName || null, R !== null ? R : e(i.type) || "Memo";
case v:
R = i._payload, i = i._init;
try {
return e(i(R));
} catch {
}
}
return null;
}
function t(i) {
return "" + i;
}
function r(i) {
try {
t(i);
var R = !1;
} catch {
R = !0;
}
if (R) {
R = console;
var I = R.error, W = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
return I.call(
R,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
W
), t(i);
}
}
function n(i) {
if (i === w) return "<>";
if (typeof i == "object" && i !== null && i.$$typeof === v)
return "<...>";
try {
var R = e(i);
return R ? "<" + R + ">" : "<...>";
} catch {
return "<...>";
}
}
function s() {
var i = z.A;
return i === null ? null : i.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function l(i) {
if (J.call(i, "key")) {
var R = Object.getOwnPropertyDescriptor(i, "key").get;
if (R && R.isReactWarning) return !1;
}
return i.key !== void 0;
}
function d(i, R) {
function I() {
se || (se = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
R
));
}
I.isReactWarning = !0, Object.defineProperty(i, "key", {
get: I,
configurable: !0
});
}
function h() {
var i = e(this.type);
return le[i] || (le[i] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), i = this.props.ref, i !== void 0 ? i : null;
}
function f(i, R, I, W, j, ye) {
var $ = I.ref;
return i = {
$$typeof: E,
type: i,
key: R,
props: I,
_owner: W
}, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(i, "ref", {
enumerable: !1,
get: h
}) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(i, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(i, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: j
}), Object.defineProperty(i, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ye
}), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
}
function g(i, R, I, W, j, ye) {
var $ = R.children;
if ($ !== void 0)
if (W)
if (F($)) {
for (W = 0; W < $.length; W++)
m($[W]);
Object.freeze && Object.freeze($);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else m($);
if (J.call(R, "key")) {
$ = e(i);
var ue = Object.keys(R).filter(function(Se) {
return Se !== "key";
});
W = 0 < ue.length ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}", ge[$ + W] || (ue = 0 < ue.length ? "{" + ue.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
W,
$,
ue,
$
), ge[$ + W] = !0);
}
if ($ = null, I !== void 0 && (r(I), $ = "" + I), l(R) && (r(R.key), $ = "" + R.key), "key" in R) {
I = {};
for (var pe in R)
pe !== "key" && (I[pe] = R[pe]);
} else I = R;
return $ && d(
I,
typeof i == "function" ? i.displayName || i.name || "Unknown" : i
), f(
i,
$,
I,
s(),
j,
ye
);
}
function m(i) {
A(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === v && (i._payload.status === "fulfilled" ? A(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
}
function A(i) {
return typeof i == "object" && i !== null && i.$$typeof === E;
}
var _ = Te, E = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), X = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), z = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, F = Array.isArray, B = console.createTask ? console.createTask : function() {
return null;
};
_ = {
react_stack_bottom_frame: function(i) {
return i();
}
};
var se, le = {}, we = _.react_stack_bottom_frame.bind(
_,
o
)(), he = B(n(o)), ge = {};
$e.Fragment = w, $e.jsx = function(i, R, I) {
var W = 1e4 > z.recentlyCreatedOwnerStacks++;
return g(
i,
R,
I,
!1,
W ? Error("react-stack-top-frame") : we,
W ? B(n(i)) : he
);
}, $e.jsxs = function(i, R, I) {
var W = 1e4 > z.recentlyCreatedOwnerStacks++;
return g(
i,
R,
I,
!0,
W ? Error("react-stack-top-frame") : we,
W ? B(n(i)) : he
);
};
}()), $e;
}
process.env.NODE_ENV === "production" ? dt.exports = Sn() : dt.exports = On();
var a = dt.exports;
const Cn = "_container_1yxup_18", Tn = "_cardWrapper_1yxup_22", xn = "_cardContent_1yxup_32", In = "_profileSection_1yxup_40", Nn = "_profileImage_1yxup_45", Dn = "_profileBackgroundGradient_1yxup_57", Mn = "_profileShadowOverlay_1yxup_69", Un = "_bannerImage_1yxup_81", Pn = "_statusIndicator_1yxup_92", Ln = "_statusIcon_1yxup_107", qn = "_spaceY2_1yxup_116", de = {
"discord-card-outer-body": "_discord-card-outer-body_1yxup_1",
"discord-card-inner-body": "_discord-card-inner-body_1yxup_10",
container: Cn,
cardWrapper: Tn,
cardContent: xn,
profileSection: In,
profileImage: Nn,
profileBackgroundGradient: Dn,
profileShadowOverlay: Mn,
bannerImage: Un,
statusIndicator: Pn,
statusIcon: Ln,
spaceY2: qn
}, Gn = "_discordCardScope_vnrxk_2", Fn = {
discordCardScope: Gn,
"space-y-2": "_space-y-2_vnrxk_229"
}, Bn = "_badgeContainer_138bc_1", Wn = "_badgeIcon_138bc_17", bt = {
badgeContainer: Bn,
badgeIcon: Wn
}, Vn = ({ badges: e }) => /* @__PURE__ */ a.jsx("ul", { className: bt.badgeContainer, children: e.map((t) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
"img",
{
src: t.iconUrl,
className: bt.badgeIcon,
alt: t.name
}
) }, t.name)) }), Vt = ({
imageUrl: e,
bannerUrl: t,
primaryColor: r,
accentColor: n,
badges: s,
connectionStatus: o = "online",
children: l
}) => /* @__PURE__ */ a.jsx("div", { className: `${de.container} ${Fn.discordCardScope}`, children: /* @__PURE__ */ a.jsxs(
"div",
{
className: de.cardWrapper,
style: {
background: `linear-gradient(to bottom, ${r}, ${n})`
},
children: [
/* @__PURE__ */ a.jsxs("div", { className: de.cardContent, children: [
/* @__PURE__ */ a.jsxs("div", { className: de.profileSection, children: [
/* @__PURE__ */ a.jsx(
"img",
{
src: e,
alt: "Discord profile picture",
className: de.profileImage
}
),
/* @__PURE__ */ a.jsx(
"div",
{
className: de.profileBackgroundGradient,
style: {
background: `linear-gradient(to bottom, ${r} 60%, transparent 40%)`
}
}
),
/* @__PURE__ */ a.jsx(
"div",
{
className: de.profileShadowOverlay,
style: {
background: "linear-gradient(to bottom, #00000099 60%, transparent 40%)"
}
}
)
] }),
/* @__PURE__ */ a.jsx("img", { src: t, className: de.bannerImage, alt: "" }),
/* @__PURE__ */ a.jsx("div", { className: de.statusIndicator, children: /* @__PURE__ */ a.jsx(
"img",
{
src: `${o === "offline" ? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAClUExURQAAAHR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnR/jnWAj254hmVve2BodWZvfE1TXDs+RTM1OzAzOGZwfXR/j3F8i1RbZTY4Pi4wNS8xNjAyN1RbZjY5PzM2O2BpdTEzOP///5shBGgAAAAfdFJOUwAAIGKn1/L9HyOC1voHY9nYEZL5+KIGIoHVYaal8fw1lhpWAAAAAWJLR0Q2R7+I0QAAAAd0SU1FB+gDEAAUItq0iLEAAAEFSURBVCjPhZNrd4IwDIaLVbl5A3Wb21xFKYhAQaf//68tieVM+WDeL03y5OSkbSIEygEN5HA0dt3xaCg99EUndPwgnCirSRj4/wlgTGdz9aSFnFoORxQvVU+rOLpzoOsuuAN19jpCDJVjy1SyPxz2ibIZ8Rtwx5Gru5vqLD8e80wXtr5E7C/QPpVVbUwDMqauyhP19w44oNRStwQpodUlBT8c4W3IqtrmQe2ZghtPSLzTrqjNIzaXAvtbfoovytNPFLim8LcI8UiyPs4SjIdii7XTvOnpN8XqW+Eivt76+HZF/MNhpjjTGnMx5lmYR2W+hPtQZhxeDxMzitwgM2vALdGrFfwD3RBlxXL9e7YAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjQtMDMtMTZUMDA6MjA6MjQrMDA6MDDJWktTAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI0LTAzLTE2VDAwOjIwOjI0KzAwOjAwuAfz7wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNC0wMy0xNlQwMDoyMDozNCswMDowMCO40q4AAAAASUVORK5CYII=" : o === "idle" ? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAADPUExURQAAAPqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGvqmGv///5vYaPcAAABDdFJOUwAABlzO/vLXp2IfAyqa+PrVgiNy9NgHAn79khEPuqJQkROeIoCBeYv5YbOlWyjk1ivxmzXj/CHBNLlPpvd/eIpj2SBnFTDgAAAAAWJLR0RE+bSYwQAAAAd0SU1FB+gDEAAUItq0iLEAAAEjSURBVCjPddNpe4IwDADghiFY3CqgIIdzU3c4nbrD3ffy//+TKXJT8qUPfaENacpYHqAd6dgxzC63gILVAqB3fCIQsW87bvMFOaMNhijD435zAZoZBWHiIoqVG4xP8RCTuMnkZyL1c031+VRPWXDl57OU0Zur+CJjvFTxVc62xerpA1znvLhh9fRAW+aMK3bbqzjAelPwlul3ZaatgkLxnuFDaXnSx12Jn1hHDEZZejQ+v2CFDRwGY8jitaK0uIkYvr1Pk9NcB7uKUmofcvjUZ1/fP8sN1mLF+AJbg8pi2e0si+q0Mx0JuF6bygMF4EKtSTsA+JGaD80EEE9UmrYi1SOOGn9XNDIN/u9fLavSNZAFdZ1tP7PGJZIP/7xrGmFYvYJ7Rhp0DlJ+GwsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjQtMDMtMTZUMDA6MjA6MjQrMDA6MDDJWktTAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI0LTAzLTE2VDAwOjIwOjI0KzAwOjAwuAfz7wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNC0wMy0xNlQwMDoyMDozMyswMDowMOYf7CAAAAAASUVORK5CYII=" : o === "dnd" ? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAACoUExURQAAAPBHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/BHR/JHR/JHR/NHR/RHR/BHR/JHR/FHR+5HR8pDRII6PW44PNJERE41OSsxNiwxNk81OdNERJw9QC0xNi8xNp0+QP///64uacQAAAAmdFJOUwAAIGKn1/L9HyOC1vr51Qdj2dgGEZP4kqOhkWEigdQeYKXy8P38brNUXgAAAAFiS0dENzC4uEcAAAAHdElNRQfoAxAAFCFDvdkLAAAAxElEQVQoz4WT6Q6CMAyAizCQU1DA+9aCoOKBvv+juUWM0Wz0+7M139JsXQsg0Dgd3WCmZZnM0Lsihg8isB3XwwY/cOzvAb7phRH+0NcHjedLnPj4RzqM357bEUoYx0LzzAlKmfD8XIe+XKdToe0IFbAZ1w4qmWvQcdV6sQTdU2t/BQZm+UFKnuEaWF6URyllkQewOZ2ri5TqetvC7l4/FNTPPaWJ5MTViIcRZSGKSnwJ9aFEO7Q3E9GKVCMTY0ANUdsIvgC0fm1phA7QmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNC0wMy0xNlQwMDoyMDoyMyswMDowMAz9dd0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjQtMDMtMTZUMDA6MjA6MjMrMDA6MDB9oM1hAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI0LTAzLTE2VDAwOjIwOjMzKzAwOjAw5h/sIAAAAABJRU5ErkJggg==" : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA/UExURQAAAEO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gUO1gf///3Uepd8AAAATdFJOUwAAIGKn1/L9I4LW+gdj2RGT+aNu7qdNAAAAAWJLR0QUkt/JNQAAAAd0SU1FB+gDEAAUI62zuCcAAACdSURBVCjPhZNZDsMgDAUd9iVs8f3vWqOmqloF3vyANcgCYxNNDkFpY533zhqtZkwfZhBiynyTUwzfA7I5S+UfajlvL0vrg/8Yvb292IsfuNrUkrnzI13yiy7jWY8ydai8oAbRkZfEg1Ra66RI57XOmgxvMGR32pLbaUd+pz3SIDm4GngYKAsoKvgS9KGgHfbNBFoRNTIYAzREuxF8Af/sNElcLcDyAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI0LTAzLTE2VDAwOjIwOjI1KzAwOjAwby1A5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNC0wMy0xNlQwMDoyMDoyNSswMDowMB5w+FsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQtMDMtMTZUMDA6MjA6MzQrMDA6MDAjuNKuAAAAAElFTkSuQmCC"}`,
className: de.statusIcon,
alt: "",
"aria-label": `This user's status is ${o}`
}
) }),
s && /* @__PURE__ */ a.jsx(Vn, { badges: s })
] }),
/* @__PURE__ */ a.jsx("div", { className: de["discord-card-outer-body"], children: /* @__PURE__ */ a.jsx("div", { className: de["discord-card-inner-body"], children: l }) })
]
}
) }), kn = "_section_n0viq_1", $n = "_displayName_n0viq_5", Hn = "_username_n0viq_10", zn = "_pronouns_n0viq_15", Je = {
section: kn,
displayName: $n,
username: Hn,
pronouns: zn
}, kt = ({
displayname: e,
username: t,
pronouns: r
}) => /* @__PURE__ */ a.jsxs("section", { className: Je.section, children: [
e && /* @__PURE__ */ a.jsx("h1", { className: Je.displayName, children: e }),
t && /* @__PURE__ */ a.jsx("h2", { className: Je.username, children: t }),
t && /* @__PURE__ */ a.jsx("p", { className: Je.pronouns, children: r })
] }), Yn = "_container_1s8e7_1", Jn = "_icon_1s8e7_8", Zn = "_emoji_1s8e7_14", Qn = "_status_1s8e7_20", Ze = {
container: Yn,
icon: Jn,
emoji: Zn,
status: Qn
}, $t = ({
iconUrl: e,
emoji: t,
status: r
}) => /* @__PURE__ */ a.jsxs("section", { className: Ze.container, children: [
e && /* @__PURE__ */ a.jsx("img", { src: e, className: Ze.icon, alt: "" }),
t && /* @__PURE__ */ a.jsx("p", { className: Ze.emoji, children: t }),
/* @__PURE__ */ a.jsx("p", { className: Ze.status, children: r })
] }), Kn = "_title_1dl6p_1", Xn = {
title: Kn
}, Pe = ({
title: e,
marginBottom: t
}) => /* @__PURE__ */ a.jsx("h3", { className: Xn.title, style: { marginBottom: t }, children: e }), er = "_aboutMeSection_1hay1_1", tr = "_aboutMeLink_1hay1_6", Rt = {
aboutMeSection: er,
aboutMeLink: tr
}, Ht = ({
children: e,
title: t,
items: r
}) => /* @__PURE__ */ a.jsxs("section", { className: Rt.aboutMeSection, children: [
/* @__PURE__ */ a.jsx(Pe, { title: t || "About Me" }),
r && r.map(
(n, s) => (
// Convert it into a link if href attribute is provided
n.href ? /* @__PURE__ */ a.jsx(
"a",
{
className: Rt.aboutMeLink,
style: { marginBottom: n.marginBottom },
href: n.href,
target: "_blank",
children: n.text
},
s
) : /* @__PURE__ */ a.jsx("p", { style: { marginBottom: n.marginBottom }, children: n.text }, s)
)
),
/* @__PURE__ */ a.jsx(a.Fragment, { children: e })
] }), nr = "_container_3iwfq_1", rr = "_discordIcon_3iwfq_8", sr = "_text_3iwfq_13", or = "_separator_3iwfq_17", ar = "_serverIcon_3iwfq_24", Ne = {
container: nr,
discordIcon: rr,
text: sr,
separator: or,
serverIcon: ar
}, zt = ({
title: e,
discordJoinDate: t,
serverJoinDate: r,
serverIconUrl: n,
serverName: s
}) => /* @__PURE__ */ a.jsxs("section", { children: [
/* @__PURE__ */ a.jsx(Pe, { title: e || "Member since", marginBottom: 3 }),
/* @__PURE__ */ a.jsx("div", { className: Ne.container, children: r ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
/* @__PURE__ */ a.jsx(
"svg",
{
className: Ne.discordIcon,
"aria-label": "Discord",
"aria-hidden": "false",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
width: "28",
height: "28",
fill: "none",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
d: "M19.73 4.87a18.2 18.2 0 0 0-4.6-1.44c-.21.4-.4.8-.58 1.21-1.69-.25-3.4-.25-5.1 0-.18-.41-.37-.82-.59-1.2-1.6.27-3.14.75-4.6 1.43A19.04 19.04 0 0 0 .96 17.7a18.43 18.43 0 0 0 5.63 2.87c.46-.62.86-1.28 1.2-1.98-.65-.25-1.29-.55-1.9-.92.17-.12.32-.24.47-.37 3.58 1.7 7.7 1.7 11.28 0l.46.37c-.6.36-1.25.67-1.9.92.35.7.75 1.35 1.2 1.98 2.03-.63 3.94-1.6 5.64-2.87.47-4.87-.78-9.09-3.3-12.83ZM8.3 15.12c-1.1 0-2-1.02-2-2.27 0-1.24.88-2.26 2-2.26s2.02 1.02 2 2.26c0 1.25-.89 2.27-2 2.27Zm7.4 0c-1.1 0-2-1.02-2-2.27 0-1.24.88-2.26 2-2.26s2.02 1.02 2 2.26c0 1.25-.88 2.27-2 2.27Z"
}
)
}
),
/* @__PURE__ */ a.jsx("p", { className: Ne.text, children: t }),
/* @__PURE__ */ a.jsx("div", { className: Ne.separator }),
n && /* @__PURE__ */ a.jsx(
"img",
{
className: Ne.serverIcon,
alt: "",
"aria-label": s,
src: n
}
),
/* @__PURE__ */ a.jsx("p", { className: Ne.text, children: r })
] }) : /* @__PURE__ */ a.jsx("p", { className: Ne.text, children: t }) })
] }), ir = "_roleContainer_sg5mh_1", cr = "_roleIcon_sg5mh_14", lr = "_roleText_sg5mh_20", ot = {
roleContainer: ir,
roleIcon: cr,
roleText: lr
}, ur = ({ role: e, color: t }) => /* @__PURE__ */ a.jsxs("li", { className: ot.roleContainer, children: [
/* @__PURE__ */ a.jsx("div", { className: ot.roleIcon, style: { backgroundColor: t } }),
/* @__PURE__ */ a.jsx("div", { className: ot.roleText, children: e })
] }), fr = "_rolesList_15m2y_1", dr = {
rolesList: fr
}, Yt = ({
title: e,
children: t,
roles: r
}) => {
const n = Te.Children.count(t);
return /* @__PURE__ */ a.jsxs("section", { children: [
/* @__PURE__ */ a.jsx(
Pe,
{
title: e || n == 1 ? "Role" : "Roles",
marginBottom: 8
}
),
/* @__PURE__ */ a.jsxs("ul", { className: dr.rolesList, children: [
r && r.map((s, o) => /* @__PURE__ */ a.jsx(ur, { role: s.name, color: s.color }, o)),
t
] })
] });
}, Jt = (e, t) => {
At(() => {
if (e) {
e.style.height = "0px";
const r = e.scrollHeight;
e.style.height = r + "px";
}
}, [e, t]);
}, mr = "_noteTextarea_1ylyn_1", _r = {
noteTextarea: mr
}, Zt = ({
title: e,
note: t = "",
placeholder: r,
handleInput: n
}) => {
const s = Bt(null);
return Jt(s.current, t), /* @__PURE__ */ a.jsxs("section", { children: [
e ? /* @__PURE__ */ a.jsx(Pe, { title: e }) : /* @__PURE__ */ a.jsx(Pe, { title: "Note" }),
/* @__PURE__ */ a.jsx(
"textarea",
{
placeholder: r || "Add a note",
value: t,
className: _r.noteTextarea,
onInput: n,
maxLength: 255,
ref: s,
rows: 1,
style: {
padding: "0.2rem",
marginTop: "0.5rem",
resize: "none"
}
}
)
] });
}, Ar = "_section_1aeiu_1", pr = "_textarea_1aeiu_4", jt = {
section: Ar,
textarea: pr
}, Qt = ({
message: e = "",
placeholder: t,
accentColor: r,
handleInput: n
}) => {
const s = Bt(null);
return Jt(s.current, e), /* @__PURE__ */ a.jsx("section", { className: jt.section, children: /* @__PURE__ */ a.jsx(
"textarea",
{
ref: s,
placeholder: t || "Message this user",
value: e,
onChange: n,
className: jt.textarea,
style: {
border: `0.5px solid ${r || "#ccc"}`,
padding: "0.75rem",
resize: "none"
}
}
) });
}, mt = (e, t) => {
const o = t - e, l = Math.floor(o / 1e3 % 60).toString().padStart(2, "0");
let d = Math.floor(o / 6e4 % 60).toString();
return o < 36e5 ? `${d}:${l}` : (d = d.padStart(2, "0"), `${Math.floor(o / 36e5).toString()}:${d}:${l}`);
}, vr = "_container_1u63v_1", hr = "_bar_1u63v_6", gr = "_progress_1u63v_12", yr = "_timeContainer_1u63v_18", Er = "_timeText_1u63v_24", qe = {
container: vr,
bar: hr,
progress: gr,
timeContainer: yr,
timeText: Er
}, br = ({
startTimeMs: e,
endTimeMs: t
}) => {
const [r, n] = Wt(/* @__PURE__ */ new Date());
At(() => {
const d = setInterval(() => n(/* @__PURE__ */ new Date()), 1e3);
return () => clearInterval(d);
}, [e]);
const s = mt(e, r.getTime()), o = mt(e, t), l = (r.getTime() - e) / (t - e) * 100;
return /* @__PURE__ */ a.jsxs("div", { className: qe.container, children: [
/* @__PURE__ */ a.jsx("div", { className: qe.bar, children: /* @__PURE__ */ a.jsx(
"div",
{
className: qe.progress,
style: { width: `${l}%` }
}
) }),
/* @__PURE__ */ a.jsxs("div", { className: qe.timeContainer, children: [
/* @__PURE__ */ a.jsx("div", { className: qe.timeText, children: s }),
/* @__PURE__ */ a.jsx("div", { className: qe.timeText, children: o })
] })
] });
}, Rr = "_header_14trc_1", jr = "_content_14trc_7", wr = "_albumArtContainer_14trc_13", Sr = "_albumArt_14trc_13", Or = "_songTitle_14trc_25", Cr = "_songInfo_14trc_31", Tr = "_playButton_14trc_37", xr = "_playButtonContent_14trc_51", Ir = "_lighten_14trc_58", be = {
header: Rr,
content: jr,
albumArtContainer: wr,
albumArt: Sr,
songTitle: Or,
songInfo: Cr,
playButton: Tr,
playButtonContent: xr,
lighten: Ir
}, wt = ({ color: e = "#00DA5A", size: t = 20 }) => /* @__PURE__ */ a.jsx(
"svg",
{
width: t + "px",
height: t + "px",
viewBox: "0 0 48 48",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
children: /* @__PURE__ */ a.jsx(
"g",
{
id: "Icons",
stroke: "none",
strokeWidth: "1",
fill: "none",
fillRule: "evenodd",
children: /* @__PURE__ */ a.jsx(
"g",
{
id: "Color-",
transform: "translate(-200.000000, -460.000000)",
fill: e,
children: /* @__PURE__ */ a.jsx(
"path",
{
d: "M238.16,481.36 C230.48,476.8 217.64,476.32 210.32,478.6 C209.12,478.96 207.92,478.24 207.56,477.16 C207.2,475.96 207.92,474.76 209,474.4 C217.52,471.88 231.56,472.36 240.44,477.64 C241.52,478.24 241.88,479.68 241.28,480.76 C240.68,481.6 239.24,481.96 238.16,481.36 M237.92,488.08 C237.32,488.92 236.24,489.28 235.4,488.68 C228.92,484.72 219.08,483.52 211.52,485.92 C210.56,486.16 209.48,485.68 209.24,484.72 C209,483.76 209.48,482.68 210.44,482.44 C219.2,479.8 230,481.12 237.44,485.68 C238.16,486.04 238.52,487.24 237.92,488.08 M235.04,494.68 C234.56,495.4 233.72,495.64 233,495.16 C227.36,491.68 220.28,490.96 211.88,492.88 C211.04,493.12 210.32,492.52 210.08,491.8 C209.84,490.96 210.44,490.24 211.16,490 C220.28,487.96 228.2,488.8 234.44,492.64 C235.28,493 235.4,493.96 235.04,494.68 M224,460 C210.8,460 200,470.8 200,484 C200,497.2 210.8,508 224,508 C237.2,508 248,497.2 248,484 C248,470.8 237.32,460 224,460",
id: "Spotify"
}
)
}
)
}
)
}
), Kt = ({
title: e,
song: t,
artist: r,
album: n,
artUrl: s,
trackUrl: o,
startTimeMs: l,
endTimeMs: d,
primaryColor: h,
playOnSpotifyText: f,
byText: g = "by",
onText: m = "on"
}) => /* @__PURE__ */ a.jsxs("section", { children: [
/* @__PURE__ */ a.jsxs("div", { className: be.header, children: [
/* @__PURE__ */ a.jsx(Pe, { title: e || "Listening to Spotify" }),
/* @__PURE__ */ a.jsx(wt, {})
] }),
/* @__PURE__ */ a.jsxs("div", { className: be.content, children: [
s && /* @__PURE__ */ a.jsx("div", { className: be.albumArtContainer, children: o ? /* @__PURE__ */ a.jsx("a", { href: o, target: "_blank", children: /* @__PURE__ */ a.jsx("img", { src: s, className: be.albumArt, alt: n }) }) : /* @__PURE__ */ a.jsx("img", { src: s, className: be.albumArt, alt: n }) }),
/* @__PURE__ */ a.jsxs("div", { children: [
/* @__PURE__ */ a.jsx("div", { className: be.songTitle, children: t.length <= 27 ? t : `${t.substring(0, 27)}...` }),
/* @__PURE__ */ a.jsxs("div", { className: be.songInfo, children: [
g,
" ",
r.length <= 27 ? r : `${r.substring(0, 27)}...`
] }),
/* @__PURE__ */ a.jsxs("div", { className: be.songInfo, children: [
m,
" ",
n.length <= 27 ? n : `${n.substring(0, 27)}...`
] })
] })
] }),
l && d && /* @__PURE__ */ a.jsx(br, { startTimeMs: l, endTimeMs: d }),
o && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
"a",
{
target: "_blank",
href: o,
className: `${be.playButton} ${be.lighten}`,
style: { backgroundColor: h },
"aria-label": `Play ${t} by ${r} on Spotify`,
children: /* @__PURE__ */ a.jsxs("div", { className: be.playButtonContent, children: [
/* @__PURE__ */ a.jsx(wt, { color: "#fff", size: 16 }),
f || "Play on Spotify"
] })
}
) })
] }), Nr = "_header_fw5b9_1", Dr = "_content_fw5b9_7", Mr = "_imageContainer_fw5b9_13", Ur = "_imageWrapper_fw5b9_18", Pr = "_largeImage_fw5b9_24", Lr = "_smallImageOverlay_fw5b9_32", qr = "_smallImageContainer_fw5b9_43", Gr = "_smallImageStandalone_fw5b9_48", Fr = "_textContainer_fw5b9_56", Br = "_activityName_fw5b9_61", Wr = "_activityDetails_fw5b9_67", Vr = "_activityState_fw5b9_73", kr = "_activityTime_fw5b9_79", $r = "_button_fw5b9_85", Hr = "_buttonWrapper_fw5b9_100", zr = "_buttonContent_fw5b9_104", oe = {
header: Nr,
content: Dr,
imageContainer: Mr,
imageWrapper: Ur,
largeImage: Pr,
smallImageOverlay: Lr,
smallImageContainer: qr,
smallImageStandalone: Gr,
textContainer: Fr,
activityName: Br,
activityDetails: Wr,
activityState: Vr,
activityTime: kr,
button: $r,
buttonWrapper: Hr,
buttonContent: zr
}, Xt = ({
title: e,
name: t,
state: r,
details: n,
largeImage: s,
smallImage: o,
party: l,
elapsedText: d = "elapsed",
timeAlignment: h = "left",
startTime: f,
buttonText: g,
primaryColor: m
}) => {
const [A, _] = Wt(/* @__PURE__ */ new Date());
At(() => {
const b = setInterval(() => _(/* @__PURE__ */ new Date()), 1e3);
return () => clearInterval(b);
}, [f]);
const E = mt(f, A.getTime());
return /* @__PURE__ */ a.jsxs("section", { children: [
/* @__PURE__ */ a.jsx("div", { className: oe.header, children: /* @__PURE__ */ a.jsx(Pe, { title: e || "Playing a game" }) }),
/* @__PURE__ */ a.jsxs("div", { className: oe.content, children: [
s ? /* @__PURE__ */ a.jsx("div", { className: oe.imageContainer, children: /* @__PURE__ */ a.jsxs("div", { className: oe.imageWrapper, children: [
/* @__PURE__ */ a.jsx("img", { src: s, alt: "", className: oe.largeImage }),
o && /* @__PURE__ */ a.jsx(
"img",
{
src: o,
alt: "",
className: oe.smallImageOverlay
}
)
] }) }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: o && /* @__PURE__ */ a.jsx("div", { className: oe.smallImageContainer, children: /* @__PURE__ */ a.jsx(
"img",
{
src: o,
alt: "",
className: oe.smallImageStandalone
}
) }) }),
/* @__PURE__ */ a.jsxs("div", { className: oe.textContainer, children: [
t && /* @__PURE__ */ a.jsx("div", { className: oe.activityName, children: t }),
n && /* @__PURE__ */ a.jsx("div", { className: oe.activityDetails, children: n.length <= 30 ? n : `${n.substring(0, 30)}...` }),
r && /* @__PURE__ */ a.jsx(a.Fragment, { children: l && l.currentSize && l.maxSize ? /* @__PURE__ */ a.jsx("div", { className: oe.activityState, children: r.length <= 30 ? `${r} (${l.currentSize}/${l.maxSize})` : `${r.substring(0, 30)}... (${l.currentSize}/${l.maxSize})` }) : /* @__PURE__ */ a.jsx("div", { className: oe.activityState, children: r.length <= 30 ? r : `${r.substring(0, 30)}...` }) }),
f && /* @__PURE__ */ a.jsx("div", { className: oe.activityTime, children: h === "left" ? `${E} ${d}` : `${d} ${E}` })
] })
] }),
g && /* @__PURE__ */ a.jsx("div", { className: oe.buttonWrapper, children: /* @__PURE__ */ a.jsx(
"button",
{
className: `${oe.button}`,
style: { backgroundColor: m, cursor: "not-allowed" },
type: "button",
children: /* @__PURE__ */ a.jsx("div", { style: { height: 32 }, className: oe.buttonContent, children: g })
}
) })
] });
}, Yr = "_separator_5yf88_1", Jr = {
separator: Yr
}, Xe = () => /* @__PURE__ */ a.jsx("div", { className: Jr.separator }), vs = ({
imageUrl: e,
bannerUrl: t,
primaryColor: r,
accentColor: n,
basicInfo: s,
connectionStatus: o = "online",
badges: l,
status: d,
aboutMe: h,
memberSince: f,
roles: g,
note: m,
message: A,
spotify: _,
activity: E,
children: b
}) => /* @__PURE__ */ a.jsxs(
Vt,
{
imageUrl: e,
bannerUrl: t,
primaryColor: r,
accentColor: n,
badges: l,
connectionStatus: o,
children: [
/* @__PURE__ */ a.jsxs(a.Fragment, { children: [
/* @__PURE__ */ a.jsxs(a.Fragment, { children: [
/* @__PURE__ */ a.jsx(kt, { ...s }),
/* @__PURE__ */ a.jsx(a.Fragment, { children: d == null && /* @__PURE__ */ a.jsx(Xe, {}) })
] }),
d && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
/* @__PURE__ */ a.jsx($t, { ...d }),
/* @__PURE__ */ a.jsx(Xe, {})
] }),
/* @__PURE__ */ a.jsxs("div", { className: de.spaceY2, children: [
h && /* @__PURE__ */ a.jsx(Ht, { ...h }),
f && /* @__PURE__ */ a.jsx(zt, { ...f }),
_ && /* @__PURE__ */ a.jsx(Kt, { ..._, primaryColor: r }),
E && /* @__PURE__ */ a.jsx(Xt, { ...E, primaryColor: r }),
g && /* @__PURE__ */ a.jsx(Yt, { ...g }),
m && /* @__PURE__ */ a.jsx(Zt, { ...m }),
A && /* @__PURE__ */ a.jsx(Qt, { ...A })
] })
] }),
/* @__PURE__ */ a.jsx(a.Fragment, { children: b })
]
}
);
var en = {}, _t = function(e, t) {
return _t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, n) {
r.__proto__ = n;
} || function(r, n) {
for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (r[s] = n[s]);
}, _t(e, t);
};
function tn(e, t) {
if (typeof t != "function" && t !== null)
throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
_t(e, t);
function r() {
this.constructor = e;
}
e.prototype = t === null ? Object.create(t) : (r.prototype = t.prototype, new r());
}
var et = function() {
return et = Object.assign || function(t) {
for (var r, n = 1, s = arguments.length; n < s; n++) {
r = arguments[n];
for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
}
return t;
}, et.apply(this, arguments);
};
function nn(e, t) {
var r = {};
for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
if (e != null && typeof Object.getOwnPropertySymbols == "function")
for (var s = 0, n = Object.getOwnPropertySymbols(e); s < n.length; s++)
t.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[s]) && (r[n[s]] = e[n[s]]);
return r;
}
function rn(e, t, r, n) {
var s = arguments.length, o = s < 3 ? t : n === null ? n = Object.getOwnPropertyDescriptor(t, r) : n, l;
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, r, n);
else for (var d = e.length - 1; d >= 0; d--) (l = e[d]) && (o = (s < 3 ? l(o) : s > 3 ? l(t, r, o) : l(t, r)) || o);
return s > 3 && o && Object.defineProperty(t, r, o), o;
}
function sn(e, t) {
return function(r, n) {
t(r, n, e);
};
}
function Zr(e, t, r, n, s, o) {
function l(T) {
if (T !== void 0 && typeof T != "function") throw new TypeError("Function expected");
return T;
}
for (var d = n.kind, h = d === "getter" ? "get" : d === "setter" ? "set" : "value", f = !t && e ? n.static ? e : e.prototype : null, g = t || (f ? Object.getOwnPropertyDescriptor(f, n.name) : {}), m, A = !1, _ = r.length - 1; _ >= 0; _--) {
var E = {};
for (var b in n) E[b] = b === "access" ? {} : n[b];
for (var b in n.access) E.access[b] = n.access[b];
E.addInitializer = function(T) {
if (A) throw new TypeError("Cannot add initializers after decoration has completed");
o.push(l(T || null));
};
var w = (0, r[_])(d === "accessor" ? { get: g.get, set: g.set } : g[h], E);
if (d === "accessor") {
if (w === void 0) continue;
if (w === null || typeof w != "object") throw new TypeError("Object expected");
(m = l(w.get)) && (g.get = m), (m = l(w.set)) && (g.set = m), (m = l(w.init)) && s.unshift(m);
} else (m = l(w)) && (d === "field" ? s.unshift(m) : g[h] = m);
}
f && Object.defineProperty(f, n.name, g), A = !0;
}
function Qr(e, t, r) {
for (var n = arguments.length > 2, s = 0; s < t.length; s++)
r = n ? t[s].call(e, r) : t[s].call(e);
return n ? r : void 0;
}
function Kr(e) {
return typeof e == "symbol" ? e : "".concat(e);
}
function Xr(e, t, r) {
return typeof t == "symbol" && (t = t.description ? "[".concat(t.description, "]") : ""), Object.defineProperty(e, "name", { configurable: !0, value: r ? "".concat(r, " ", t) : t });
}
function on(e, t) {
if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
}
function an(e, t, r, n) {
function s(o) {
return o instanceof r ? o : new r(function(l) {
l(o);
});
}
return new (r || (r = Promise))(function(o, l) {
function d(g) {
try {
f(n.next(g));
} catch (m) {
l(m);
}
}
function h(g) {
try {
f(n.throw(g));
} catch (m) {
l(m);
}
}
function f(g) {
g.done ? o(g.value) : s(g.value).then(d, h);
}
f((n = n.apply(e, t || [])).next());
});
}
function cn(e, t) {
var r = { label: 0, sent: function() {
if (o[0] & 1) throw o[1];
return o[1];
}, trys: [], ops: [] }, n, s, o, l;
return l = { next: d(0), throw: d(1), return: d(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
return this;
}), l;
function d(f) {
return function(g) {
return h([f, g]);
};
}
function h(f) {
if (n) throw new TypeError("Generator is already executing.");
for (; l && (l = 0, f[0] && (r = 0)), r; ) try {
if (n = 1, s && (o = f[0] & 2 ? s.return : f[0] ? s.throw || ((o = s.return) && o.call(s), 0) : s.next) && !(o = o.call(s, f[1])).done) return o;
switch (s = 0, o && (f = [f[0] & 2, o.value]), f[0]) {
case 0:
case 1:
o = f;
break;
case 4:
return r.label++, { value: f[1], done: !1 };
case 5:
r.label++, s = f[1], f = [0];
continue;
case 7:
f = r.ops.pop(), r.trys.pop();
continue;
default:
if (o = r.trys, !(o = o.length > 0 && o[o.length - 1]) && (f[0] === 6 || f[0] === 2)) {
r = 0;
continue;
}
if (f[0] === 3 && (!o || f[1] > o[0] && f[1] < o[3])) {
r.label = f[1];
break;
}
if (f[0] === 6 && r.label < o[1]) {
r.label = o[1], o = f;
break;
}
if (o && r.label < o[2]) {
r.label = o[2], r.ops.push(f);
break;
}
o[2] && r.ops.pop(), r.trys.pop();
continue;
}
f = t.call(e, r);
} catch (g) {
f = [6, g], s = 0;
} finally {
n = o = 0;
}
if (f[0] & 5) throw f[1];
return { value: f[0] ? f[1] : void 0, done: !0 };
}
}
var nt = Object.create ? function(e, t, r, n) {
n === void 0 && (n = r);
var s = Object.getOwnPropertyDescriptor(t, r);
(!s || ("get" in s ? !t.__esModule : s.writable || s.configurable)) && (s = { enumerable: !0, get: function() {
return t[r];
} }), Object.defineProperty(e, n, s);
} : function(e, t, r, n) {
n === void 0 && (n = r), e[n] = t[r];
};
function ln(e, t) {
for (var r in e) r !== "default" && !Object.prototype.hasOwnProperty.call(t, r) && nt(t, e, r);
}
function tt(e) {
var t = typeof Symbol == "function" && Symbol.iterator, r = t && e[t], n = 0;
if (r) return r.call(e);
if (e && typeof e.length == "number") return {
next: function() {
return e && n >= e.length && (e = void 0), { value: e && e[n++], done: !e };
}
};
throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
}
function pt(e, t) {
var r = typeof Symbol == "function" && e[Symbol.iterator];
if (!r) return e;
var n = r.call(e), s, o = [], l;
try {
for (; (t === void 0 || t-- > 0) && !(s = n.next()).done; ) o.push(s.value);
} catch (d) {
l = { error: d };
} finally {
try {
s && !s.done && (r = n.return) && r.call(n);
} finally {
if (l) throw l.error;
}
}
return o;
}
function un() {
for (var e = [], t = 0; t < arguments.length; t++)
e = e.concat(pt(arguments[t]));
return e;
}
function fn() {
for (var e = 0, t = 0, r = arguments.length; t < r; t++) e += arguments[t].length;
for (var n = Array(e), s = 0, t = 0; t < r; t++)
for (var o = arguments[t], l = 0, d = o.length; l < d; l++, s++)
n[s] = o[l];
return n;
}
function dn(e, t, r) {
if (r || arguments.length === 2) for (var n = 0, s = t.length, o; n < s; n++)
(o || !(n in t)) && (o || (o = Array.prototype.slice.call(t, 0, n)), o[n] = t[n]);
return e.concat(o || Array.prototype.slice.call(t));
}
function Ge(e) {
return this instanceof Ge ? (this.v = e, this) : new Ge(e);
}
function mn(e, t, r) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var n = r.apply(e, t || []), s, o = [];
return s = {}, l("next"), l("throw"), l("return"), s[Symbol.asyncIterator] = function() {
return this;
}, s;
function l(A) {
n[A] && (s[A] = function(_) {
return new Promise(function(E, b) {
o.push([A, _, E, b]) > 1 || d(A, _);
});
});
}
function d(A, _) {
try {
h(n[A](_));
} catch (E) {
m(o[0][3], E);
}
}
function h(A) {
A.value instanceof Ge ? Promise.resolve(A.value.v).then(f, g) : m(o[0][2], A);
}
function f(A) {
d("next", A);
}
function g(A) {
d("throw", A);
}
function m(A, _) {
A(_), o.shift(), o.length && d(o[0][0], o[0][1]);
}
}
function _n(e) {
var t, r;
return t = {}, n("next"), n("throw", function(s) {
throw s;
}), n("return"), t[Symbol.iterator] = function() {
return this;
}, t;
function n(s, o) {
t[s] = e[s] ? function(l) {
return (r = !r) ? { value: Ge(e[s](l)), done: !1 } : o ? o(l) : l;
} : o;
}
}
function An(e) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var t = e[Symbol.asyncIterator], r;
return t ? t.call(e) : (e = typeof tt == "function" ? tt(e) : e[Symbol.iterator](), r = {}, n("next"), n("throw"), n("return"), r[Symbol.asyncIterator] = function() {
return this;
}, r);
function n(o) {
r[o] = e[o] && function(l) {
return new Promise(function(d, h) {
l = e[o](l), s(d, h, l.done, l.value);
});
};
}
function s(o, l, d, h) {
Promise.resolve(h).then(function(f) {
o({ value: f, done: d });
}, l);
}
}
function pn(e, t) {
return Object.defineProperty ? Object.defineProperty(e, "raw", { value: t }) : e.raw = t, e;
}
var es = Object.create ? function(e, t) {
Object.defineProperty(e, "default", { enumerable: !0, value: t });
} : function(e, t) {
e.default = t;
};
function vn(e) {
if (e && e.__esModule) return e;
var t = {};
if (e != null) for (var r in e) r !== "default" && Object.prototype.hasOwnProperty.call(e, r) && nt(t, e, r);
return es(t, e), t;
}
function hn(e) {
return e && e.__esModule ? e : { default: e };
}
function gn(e, t, r, n) {
if (r === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
if (typeof t == "function" ? e !== t || !n : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
return r === "m" ? n : r === "a" ? n.call(e) : n ? n.value : t.get(e);
}
function yn(e, t, r, n, s) {
if (n === "m") throw new TypeError("Private method is not writable");
if (n === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
if (typeof t == "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
return n === "a" ? s.call(e, r) : s ? s.value = r : t.set(e, r), r;
}
function En(e, t) {
if (t === null || typeof t != "object" && typeof t != "function") throw new TypeError("Cannot use 'in' operator on non-object");
return typeof e == "function" ? t === e : e.has(t);
}
function bn(e, t, r) {
if (t != null) {
if (typeof t != "object" && typeof t != "function") throw new TypeError("Object expected.");
var n;
if (r) {
if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
n = t[Symbol.asyncDispose];
}
if (n === void 0) {
if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
n = t[Symbol.dispose];
}
if (typeof n != "function") throw new TypeError("Object not disposable.");
e.stack.push({ value: t, dispose: n, async: r });
} else r && e.stack.push({ async: !0 });
return t;
}
var ts = typeof SuppressedError == "function" ? SuppressedError : function(e, t, r) {
var n = new Error(r);
return n.name = "SuppressedError", n.error = e, n.suppressed = t, n;
};
function Rn(e) {
function t(n) {
e.error = e.hasError ? new ts(n, e.error, "An error was suppressed during disposal.") : n, e.hasError = !0;
}
function r() {
for (; e.stack.length; ) {
var n = e.stack.pop();
try {
var s = n.dispose && n.dispose.call(n.value);
if (n.async) return Promise.resolve(s).then(r, function(o) {
return t(o), r();
});
} catch (o) {
t(o);
}
}
if (e.hasError) throw e.error;
}
return r();
}
const ns = {
__extends: tn,
__assign: et,
__rest: nn,
__decorate: rn,
__param: sn,
__metadata: on,
__awaiter: an,
__generator: cn,
__createBinding: nt,
__exportStar: ln,
__values: tt,
__read: pt,
__spread: un,
__spreadArrays: fn,
__spreadArray: dn,
__await: Ge,
__asyncGenerator: mn,
__asyncDelegator: _n,
__asyncValues: An,
__makeTemplateObject: pn,
__importStar: vn,
__importDefault: hn,
__classPrivateFieldGet: gn,
__classPrivateFieldSet: yn,
__classPrivateFieldIn: En,
__addDisposableResource: bn,
__disposeResources: Rn
}, rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
__addDisposableResource: bn,
get __assign() {
return et;
},
__asyncDelegator: _n,
__asyncGenerator: mn,
__asyncValues: An,
__await: Ge,
__awaiter: an,
__classPrivateFieldGet: gn,
__classPrivateFieldIn: En,
__classPrivateFieldSet: yn,
__createBinding: nt,
__decorate: rn,
__disposeResources: Rn,
__esDecorate: Zr,
__exportStar: ln,
__extends: tn,
__generator: cn,
__importDefault: hn,
__importStar: vn,
__makeTemplateObject: pn,
__metadata: on,
__param: sn,
__propKey: Kr,
__read: pt,
__rest: nn,
__runInitializers: Qr,
__setFunctionName: Xr,
__spread: un,
__spreadArray: dn,
__spreadArrays: fn,
__values: tt,
default: ns
}, Symbol.toStringTag, { value: "Module" })), vt = /* @__PURE__ */ wn(rs);
var De = {}, St;
function ht() {
return St || (St = 1, Object.defineProperty(De, "__esModule", { value: !0 }), De.HEARTBEAT_INTERVAL = De.API_URL = void 0, De.API_URL = "api.lanyard.rest", De.HEARTBEAT_INTERVAL = 3e4), De;
}
var Me = {}, Ot;
function ss() {
if (Ot) return Me;
Ot = 1, Object.defineProperty(Me, "__esModule", { value: !0 }), Me.del = Me.set = void 0;
var e = vt, t = ht(), r = function(s) {
var o = s.apiKey, l = s.key, d = s.userId, h = s.value, f = s.apiUrl;
return e.__awaiter(void 0, void 0, void 0, function() {
return e.__generator(this, function(g) {
return [2, fetch("https://".concat(f || t.API_URL, "/v1/users/").concat(d, "/kv/").concat(l), {
method: "PUT",
headers: {
Authorization: o
},
body: h
})];
});
});
};
Me.set = r;
var n = function(s) {
var o = s.apiKey, l = s.key, d = s.userId, h = s.apiUrl;
return e.__awaiter(void 0, void 0, void 0, function() {
return e.__generator(this, function(f) {
return [2, fetch("https://".concat(h || t.API_URL, "/v1/users/").concat(d, "/kv/").concat(l), {
method: "DELETE",
headers: {
Authorization: o
}
})];
});
});
};
return Me.del = n, Me;
}
var He = {}, at = {}, Qe = { exports: {} }, it = {};
/**
* @license React
* use-sync-external-store-shim.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Ct;
function os() {
if (Ct) return it;
Ct = 1;
var e = Te;
function t(m, A) {
return m === A && (m !== 0 || 1 / m === 1 / A) || m !== m && A !== A;
}
var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, s = e.useEffect, o = e.useLayoutEffect, l = e.useDebugValue;
function d(m, A) {
var _ = A(), E = n({ inst: { value: _, getSnapshot: A } }), b = E[0].inst, w = E[1];
return o(
function() {
b.value = _, b.getSnapshot = A, h(b) && w({ inst: b });
},
[m, _, A]
), s(
function() {
return h(b) && w({ inst: b }), m(function() {
h(b) && w({ inst: b });
});
},
[m]
), l(_), _;
}
function h(m) {
var A = m.getSnapshot;
m = m.value;
try {
var _ = A();
return !r(m, _);
} catch {
return !0;