@articles-media/articles-dev-box 1.0.17 → 1.0.23

package/dist/AdDetailsModal-DRNRTL2W.js

@@ -0,0 +1,108 @@
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import { t as n } from "./Link-MFZblBb4.js";
+import { t as r } from "./Modal-BX1s6CCU.js";
+import { useEffect as i } from "react";
+//#region src/components/Ads/AdDetailsModal.jsx
+var a = e();
+function o(e) {
+	let { setModalShow: o, ad: s, previewData: c } = e;
+	i(() => {
+		console.log("Mounted");
+	}, []);
+	let l = () => {
+		o(!1);
+	};
+	return /* @__PURE__ */ (0, a.jsx)("div", { children: /* @__PURE__ */ (0, a.jsxs)(r, {
+		show: !0,
+		backdropClassName: "ad-details-modal-backdrop",
+		className: "articles-modal",
+		centered: !0,
+		onHide: l,
+		size: "md",
+		children: [
+			/* @__PURE__ */ (0, a.jsx)(r.Header, {
+				className: "align-items-center",
+				closeButton: !0,
+				children: /* @__PURE__ */ (0, a.jsx)(r.Title, { children: "Ad Details" })
+			}),
+			/* @__PURE__ */ (0, a.jsxs)(r.Body, {
+				className: "",
+				children: [
+					/* @__PURE__ */ (0, a.jsxs)("p", {
+						className: "mb-1",
+						children: ["Advertiser: ", /* @__PURE__ */ (0, a.jsx)("b", { children: s?.business })]
+					}),
+					/* @__PURE__ */ (0, a.jsxs)("p", {
+						className: "mb-0",
+						children: ["Ad ID: ", /* @__PURE__ */ (0, a.jsx)("b", { children: c?._id || s._id })]
+					}),
+					/* @__PURE__ */ (0, a.jsx)("hr", {}),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: "mb-1",
+						children: "This ad is being shown to you for the following reasons"
+					}),
+					s.city ? /* @__PURE__ */ (0, a.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, a.jsx)("div", {
+							className: "h4 mb-1",
+							children: s.business
+						}),
+						/* @__PURE__ */ (0, a.jsx)("div", { children: "Is advertising to all zip codes within a" }),
+						/* @__PURE__ */ (0, a.jsx)("span", { children: /* @__PURE__ */ (0, a.jsx)("div", {
+							className: "badge bg-black shadow-articles",
+							children: "15 Mile Radius"
+						}) }),
+						/* @__PURE__ */ (0, a.jsx)("div", { children: "of it's business" }),
+						/* @__PURE__ */ (0, a.jsx)("hr", { className: "border w-50 border-white" }),
+						/* @__PURE__ */ (0, a.jsxs)("div", {
+							className: "d-flex align-items-center",
+							children: [
+								/* @__PURE__ */ (0, a.jsx)("div", { children: "Your Zip code" }),
+								/* @__PURE__ */ (0, a.jsx)("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "00000"
+								}),
+								/* @__PURE__ */ (0, a.jsx)("div", {
+									className: "ms-2",
+									children: "is"
+								}),
+								/* @__PURE__ */ (0, a.jsx)("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "4.2 miles away"
+								})
+							]
+						})
+					] }) : /* @__PURE__ */ (0, a.jsxs)("div", { children: [/* @__PURE__ */ (0, a.jsx)("div", {
+						className: "h4 mb-1",
+						children: s.business
+					}), /* @__PURE__ */ (0, a.jsx)("div", { children: "Is advertising to all users" })] }),
+					/* @__PURE__ */ (0, a.jsx)("div", { className: "grow" }),
+					/* @__PURE__ */ (0, a.jsx)("hr", { className: "w-100" }),
+					/* @__PURE__ */ (0, a.jsx)("div", {
+						className: "reason lh-sm mb-2",
+						children: "Ads we display to you will always be transparent as to why you are seeing them."
+					}),
+					/* @__PURE__ */ (0, a.jsx)(n, {
+						href: "https://articles.media/settings/account",
+						newPage: !0,
+						className: "",
+						children: /* @__PURE__ */ (0, a.jsx)(t, {
+							small: !0,
+							children: "Settings"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, a.jsx)(r.Footer, {
+				className: "d-flex justify-content-center",
+				children: /* @__PURE__ */ (0, a.jsx)(t, {
+					variant: "articles",
+					onClick: l,
+					children: "Close"
+				})
+			})
+		]
+	}) });
+}
+//#endregion
+export { o as default };

package/dist/ArticlesAd.js

@@ -1,16 +1,17 @@
-import { j as t } from "./jsx-runtime-tc70JA_2.js";
-import { useEffect as s } from "react";
-function a({
-  darkMode: r
-}) {
-  return s(() => {
-  }, []), s(() => {
-    const e = document.createElement("script");
-    return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
-      document.body.removeChild(e);
-    };
-  }, []), /* @__PURE__ */ t.jsx("div", { className: "", children: /* @__PURE__ */ t.jsx("div", { className: "articles-media-ad" }) });
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { useEffect as t } from "react";
+//#region src/components/Ads/ArticlesAd.jsx
+var n = e();
+function r({ darkMode: e }) {
+	return t(() => {}, []), t(() => {
+		let e = document.createElement("script");
+		return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
+			document.body.removeChild(e);
+		};
+	}, []), /* @__PURE__ */ (0, n.jsx)("div", {
+		className: "",
+		children: /* @__PURE__ */ (0, n.jsx)("div", { className: "articles-media-ad" })
+	});
 }
-export {
-  a as default
-};
+//#endregion
+export { r as default };

package/dist/Button-BlAdEbSd.js

@@ -0,0 +1,30 @@
+import { r as e, t } from "./jsx-runtime-VZk6y-ec.js";
+import { t as n } from "./classnames-DP6dWde5.js";
+import { forwardRef as r } from "react";
+//#region src/components/UI/Button.jsx
+var i = /* @__PURE__ */ e(n(), 1), a = t(), o = r((e, t) => {
+	let { size: n, variant: r, style: o, small: s, large: c, onClick: l, className: u, disabled: d, active: f, type: p, onMouseDown: m, onMouseUp: h, onMouseLeave: g, onTouchStart: _, onTouchEnd: v, ...y } = e;
+	return /* @__PURE__ */ (0, a.jsx)("button", {
+		ref: t,
+		...p && { type: "submit" },
+		disabled: d,
+		style: o,
+		onMouseDown: m,
+		onMouseUp: h,
+		onMouseLeave: g,
+		onTouchStart: _,
+		onTouchEnd: v,
+		className: (0, i.default)(`btn ${r ? `btn-${r}` : "btn-articles"}`, {
+			[u]: u,
+			"btn-lg": c,
+			"btn-sm": s,
+			active: f,
+			[`btn-${n}`]: n
+		}),
+		onClick: l,
+		children: e.children
+	});
+});
+o.displayName = "ArticlesButton";
+//#endregion
+export { o as t };

package/dist/CreditsModal.js

@@ -0,0 +1,56 @@
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import { useState as n } from "react";
+import { Modal as r } from "react-bootstrap";
+//#region src/components/Games/Credits/CreditsModal.jsx
+var i = e();
+function a({ show: e, setShow: a, useStore: o, owner: s, repo: c, developers: l, publisher: u, introText: d }) {
+	let [f, p] = n(!1);
+	return /* @__PURE__ */ (0, i.jsxs)(r, {
+		className: "articles-modal",
+		size: "md",
+		show: e,
+		centered: !0,
+		scrollable: !0,
+		onExited: () => {},
+		onHide: () => {
+			a(!1);
+		},
+		children: [
+			/* @__PURE__ */ (0, i.jsx)(r.Header, {
+				closeButton: !0,
+				children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Game Credits" })
+			}),
+			/* @__PURE__ */ (0, i.jsxs)(r.Body, {
+				className: "flex-column p-3",
+				children: [
+					d && /* @__PURE__ */ (0, i.jsx)("div", {
+						className: "mb-3",
+						children: d
+					}),
+					l ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Developed by: ArticlesJoey " }),
+					u ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Published by: Articles Media " }),
+					/* @__PURE__ */ (0, i.jsx)("div", { className: "mb-3" }),
+					s && c && /* @__PURE__ */ (0, i.jsxs)("div", { children: [/* @__PURE__ */ (0, i.jsx)("div", { children: "Attributions:" }), /* @__PURE__ */ (0, i.jsx)("a", {
+						href: `https://github.com/${s}/${c}/blob/main/README.md`,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: /* @__PURE__ */ (0, i.jsxs)(t, { children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fab fa-github" }), "View on GitHub"] })
+					})] })
+				]
+			}),
+			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+				className: "justify-content-between",
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {}), /* @__PURE__ */ (0, i.jsx)(t, {
+					variant: "outline-dark",
+					onClick: () => {
+						a(!1);
+					},
+					children: "Close"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { a as default };

package/dist/DarkModeHandler.js

@@ -1,17 +1,18 @@
-import { j as d } from "./jsx-runtime-tc70JA_2.js";
-import { useEffect as s } from "react";
-function m({ useStore: t }) {
-  const r = t((e) => e.darkMode), a = t((e) => e._hasHydrated);
-  return s(() => {
-    if (a) {
-      if (r == null) {
-        const e = window.matchMedia("(prefers-color-scheme: dark)").matches;
-        t.getState().setDarkMode(!!e);
-      }
-      r ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
-    }
-  }, [r, a]), /* @__PURE__ */ d.jsx(d.Fragment, {});
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { useEffect as t } from "react";
+//#region src/components/UI/DarkModeHandler.jsx
+var n = e();
+function r({ useStore: e }) {
+	let r = e((e) => e.darkMode), i = e((e) => e._hasHydrated);
+	return t(() => {
+		if (i) {
+			if (r == null) {
+				let t = window.matchMedia("(prefers-color-scheme: dark)").matches;
+				e.getState().setDarkMode(!!t);
+			}
+			r ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
+		}
+	}, [r, i]), /* @__PURE__ */ (0, n.jsx)(n.Fragment, {});
 }
-export {
-  m as default
-};
+//#endregion
+export { r as default };

package/dist/FriendsList.js

@@ -1,122 +1,78 @@
-import { j as e } from "./jsx-runtime-tc70JA_2.js";
-import p from "./useUserFriends.js";
-import { A as l } from "./Button-_Quon8UV.js";
-import { M as a } from "./Modal-nux8R77F.js";
-function k({
-  show: m,
-  setShow: d,
-  componentType: n,
-  className: t,
-  style: c = {},
-  user_id: f,
-  user_token: x,
-  id: u = null,
-  allowInvite: o = !1,
-  inviteFunction: N = null,
-  modalBackdropClassName: j = ""
-}) {
-  const {
-    data: s,
-    error: v,
-    isLoading: r,
-    // isValidating: friendsValidating,
-    mutate: h
-  } = p({
-    user_id: f,
-    user_token: x
-  });
-  if ((!n || n == "list") && !r && s && s.length > 0)
-    return /* @__PURE__ */ e.jsx("ul", { className: t, style: c, children: s.map((i) => /* @__PURE__ */ e.jsxs("li", { children: [
-      i?.populated_user?.username,
-      " - ",
-      i?.populated_user?.display_name || "No Display Name"
-    ] }, i.user_id)) });
-  if (n.toLowerCase() == "modal")
-    return /* @__PURE__ */ e.jsxs(
-      a,
-      {
-        show: m,
-        size: "md",
-        className: `articles-modal ${t}`,
-        modalBackdropClassName: j,
-        centered: !0,
-        onHide: () => d(!1),
-        style: c,
-        id: u,
-        children: [
-          /* @__PURE__ */ e.jsx(a.Header, { children: /* @__PURE__ */ e.jsx(a.Title, { children: "Friends" }) }),
-          /* @__PURE__ */ e.jsxs(a.Body, { children: [
-            r && /* @__PURE__ */ e.jsxs("div", { className: "d-flex align-items-center", children: [
-              /* @__PURE__ */ e.jsx("i", { className: "fad fa-spinner-third fa-spin fa-2x" }),
-              /* @__PURE__ */ e.jsx("div", { children: "Loading..." })
-            ] }),
-            !r && s && s.length == 0 && /* @__PURE__ */ e.jsx("div", { children: "No friends to show." }),
-            !r && s && s.length > 0 && /* @__PURE__ */ e.jsx("div", { children: s.map((i) => /* @__PURE__ */ e.jsxs(
-              "div",
-              {
-                className: "d-flex align-items-center justify-content-between border p-1",
-                children: [
-                  i?.populated_user?.username,
-                  " - ",
-                  i?.populated_user?.display_name || "No Display Name",
-                  /* @__PURE__ */ e.jsxs("div", { children: [
-                    o && /* @__PURE__ */ e.jsx(
-                      l,
-                      {
-                        variant: "articles",
-                        onClick: () => {
-                          o(i);
-                        },
-                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-comment-check" })
-                      }
-                    ),
-                    /* @__PURE__ */ e.jsx(
-                      l,
-                      {
-                        variant: "articles",
-                        onClick: () => {
-                        },
-                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-info" })
-                      }
-                    )
-                  ] })
-                ]
-              },
-              i.user_id
-            )) })
-          ] }),
-          /* @__PURE__ */ e.jsxs(a.Footer, { className: "justify-content-between", children: [
-            /* @__PURE__ */ e.jsxs(
-              l,
-              {
-                variant: "articles",
-                onClick: () => {
-                  h();
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-redo me-2" }),
-                  /* @__PURE__ */ e.jsx("span", { children: "Refresh" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(
-              l,
-              {
-                variant: "articles",
-                onClick: () => {
-                  d(!1);
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-times me-2" }),
-                  "Close"
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import n from "./useUserFriends.js";
+import { Modal as r } from "react-bootstrap";
+//#region src/components/Friends/FriendsList.jsx
+var i = e();
+function a({ show: e, setShow: a, componentType: o, className: s, style: c = {}, user_id: l, user_token: u, id: d = null, allowInvite: f = !1, inviteFunction: p = null, modalBackdropClassName: m = "" }) {
+	let { data: h, error: g, isLoading: _, mutate: v } = n({
+		user_id: l,
+		user_token: u
+	});
+	if ((!o || o == "list") && !_ && h && h.length > 0) return /* @__PURE__ */ (0, i.jsx)("ul", {
+		className: s,
+		style: c,
+		children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("li", { children: [
+			e?.populated_user?.username,
+			" - ",
+			e?.populated_user?.display_name || "No Display Name"
+		] }, e.user_id))
+	});
+	if (o.toLowerCase() == "modal") return /* @__PURE__ */ (0, i.jsxs)(r, {
+		show: e,
+		size: "md",
+		className: `articles-modal ${s}`,
+		modalBackdropClassName: m,
+		centered: !0,
+		onHide: () => a(!1),
+		style: c,
+		id: d,
+		children: [
+			/* @__PURE__ */ (0, i.jsx)(r.Header, { children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Friends" }) }),
+			/* @__PURE__ */ (0, i.jsxs)(r.Body, { children: [
+				_ && /* @__PURE__ */ (0, i.jsxs)("div", {
+					className: "d-flex align-items-center",
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-spinner-third fa-spin fa-2x" }), /* @__PURE__ */ (0, i.jsx)("div", { children: "Loading..." })]
+				}),
+				!_ && h && h.length == 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: "No friends to show." }),
+				!_ && h && h.length > 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("div", {
+					className: "d-flex align-items-center justify-content-between border p-1",
+					children: [
+						e?.populated_user?.username,
+						" - ",
+						e?.populated_user?.display_name || "No Display Name",
+						/* @__PURE__ */ (0, i.jsxs)("div", { children: [f && /* @__PURE__ */ (0, i.jsx)(t, {
+							variant: "articles",
+							onClick: () => {
+								f(e);
+							},
+							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-comment-check" })
+						}), /* @__PURE__ */ (0, i.jsx)(t, {
+							variant: "articles",
+							onClick: () => {},
+							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-info" })
+						})] })
+					]
+				}, e.user_id)) })
+			] }),
+			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+				className: "justify-content-between",
+				children: [/* @__PURE__ */ (0, i.jsxs)(t, {
+					variant: "articles",
+					onClick: () => {
+						v();
+					},
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-redo me-2" }), /* @__PURE__ */ (0, i.jsx)("span", { children: "Refresh" })]
+				}), /* @__PURE__ */ (0, i.jsxs)(t, {
+					variant: "articles",
+					onClick: () => {
+						a(!1);
+					},
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-times me-2" }), "Close"]
+				})]
+			})
+		]
+	});
 }
-export {
-  k as default
-};
+//#endregion
+export { a as default };

package/dist/GameScoreboard-CBY3JsFa.js

@@ -0,0 +1,165 @@
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import { t as n } from "./Modal-BX1s6CCU.js";
+import { t as r } from "./ViewUserModal-DDjWLpyM.js";
+import { useEffect as i, useState as a } from "react";
+import o from "swr";
+//#region src/components/UI/ArticlesSwitch.jsx
+var s = e();
+function c({ setChecked: e, checked: t, readOnly: n }) {
+	return /* @__PURE__ */ (0, s.jsxs)("label", {
+		className: `articles-switch mb-0 ${t && "checked"}`,
+		children: [/* @__PURE__ */ (0, s.jsx)("input", {
+			type: "checkbox",
+			readOnly: !!n,
+			checked: t,
+			onChange: () => {}
+		}), /* @__PURE__ */ (0, s.jsx)("span", {
+			onClick: (n) => {
+				if (e) {
+					e(!t);
+					return;
+				} else {
+					n.preventDefault();
+					return;
+				}
+			},
+			className: "slider"
+		})]
+	});
+}
+//#endregion
+//#region src/hooks/Games/useGameScoreboard.js
+var l = async (e) => {
+	if (process.env.NODE_ENV === "development") try {
+		let t = new URLSearchParams({ game: e.game }).toString();
+		return await (await fetch(`http://localhost:3001/api/community/games/scoreboard?${t}`)).json();
+	} catch {}
+	let t = new URLSearchParams({ game: e.game }).toString();
+	return fetch(`${e.url}?${t}`).then((e) => e.json());
+}, u = {
+	dedupingInterval: 1e3 * 60 * 30,
+	refreshInterval: 0,
+	revalidateOnFocus: !1,
+	revalidateIfStale: !1,
+	shouldRetryOnError: !1
+}, d = (e) => {
+	let { data: t, error: n, isLoading: r, isValidating: i, mutate: a } = o(e?.game ? {
+		url: "https://articles.media/api/community/games/scoreboard",
+		game: e.game
+	} : null, l, u);
+	return {
+		data: t,
+		error: n,
+		isLoading: r,
+		isValidating: i,
+		mutate: a
+	};
+};
+//#endregion
+//#region src/components/Games/GameScoreboard.jsx
+function f({ game: e, reloadScoreboard: o, setReloadScoreboard: l, prepend: u, append: f }) {
+	let [p, m] = a(!1), [h, g] = a(!1), { data: _, isLoading: v, mutate: y } = d({ game: e });
+	return i(() => {}, []), i(() => {
+		o && (l(!1), y());
+	}, [o]), /* @__PURE__ */ (0, s.jsxs)("div", {
+		className: "scoreboard",
+		children: [
+			/* @__PURE__ */ (0, s.jsxs)(n, {
+				show: p,
+				size: "md",
+				className: "articles-modal",
+				centered: !0,
+				onHide: () => m(!1),
+				children: [
+					/* @__PURE__ */ (0, s.jsx)(n.Header, { children: /* @__PURE__ */ (0, s.jsx)(n.Title, { children: "Scoreboard Settings" }) }),
+					/* @__PURE__ */ (0, s.jsx)(n.Body, { children: /* @__PURE__ */ (0, s.jsxs)("div", {
+						className: "d-flex justify-content-between align-items-center",
+						onClick: () => g(!h),
+						children: [/* @__PURE__ */ (0, s.jsxs)("div", { children: [/* @__PURE__ */ (0, s.jsx)("i", { className: "fas fa-trophy-alt" }), /* @__PURE__ */ (0, s.jsx)("span", { children: "Join Scoreboard?" })] }), /* @__PURE__ */ (0, s.jsx)(c, { checked: h })]
+					}) }),
+					/* @__PURE__ */ (0, s.jsx)(n.Footer, {
+						className: "justify-content-between",
+						children: /* @__PURE__ */ (0, s.jsx)(t, {
+							variant: "articles",
+							onClick: () => {
+								m(!1);
+							},
+							children: "Close"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, s.jsx)("div", {
+				className: "prepend-container",
+				children: u
+			}),
+			/* @__PURE__ */ (0, s.jsxs)("div", {
+				className: "card card-articles card-sm mb-3 mb-lg-0",
+				children: [
+					/* @__PURE__ */ (0, s.jsxs)("div", {
+						className: "card-header d-flex justify-content-between align-items-center",
+						children: [/* @__PURE__ */ (0, s.jsxs)("span", { children: [e, " Scoreboard"] }), /* @__PURE__ */ (0, s.jsx)(t, {
+							onClick: () => {
+								y();
+							},
+							small: !0,
+							children: /* @__PURE__ */ (0, s.jsx)("i", { className: "fad fa-redo me-0" })
+						})]
+					}),
+					/* @__PURE__ */ (0, s.jsxs)("div", {
+						className: "card-body p-0",
+						children: [(_?.length || 0) == 0 && /* @__PURE__ */ (0, s.jsx)("div", {
+							className: "small p-2",
+							children: "No scores yet"
+						}), _?.map((e, t) => /* @__PURE__ */ (0, s.jsxs)("div", {
+							className: "result d-flex flex-column justify-content-between border-bottom p-2",
+							children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+								className: "d-flex justify-content-between lh-sm",
+								children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+									className: "d-flex",
+									children: [/* @__PURE__ */ (0, s.jsx)("h5", {
+										className: "mb-0 me-3",
+										children: t + 1
+									}), /* @__PURE__ */ (0, s.jsx)("div", {
+										className: "lh-sm",
+										children: /* @__PURE__ */ (0, s.jsx)(r, {
+											populated_user: e.populated_user,
+											user_id: e.user_id
+										})
+									})]
+								}), /* @__PURE__ */ (0, s.jsx)("div", { children: /* @__PURE__ */ (0, s.jsx)("h5", {
+									className: "mb-0",
+									children: e.score || e.total
+								}) })]
+							}), e.last_play && e.public_last_play && /* @__PURE__ */ (0, s.jsxs)("small", {
+								className: "mt-1",
+								style: { fontSize: "0.75rem" },
+								children: ["Played: ", format(new Date(e.last_play), "MM/d/yy hh:mmaa")]
+							})]
+						}, e._id))]
+					}),
+					/* @__PURE__ */ (0, s.jsxs)("div", {
+						className: "card-footer d-flex justify-content-between align-items-center",
+						children: [/* @__PURE__ */ (0, s.jsx)("div", {
+							className: "small",
+							children: "Play to get on the board!"
+						}), /* @__PURE__ */ (0, s.jsx)(t, {
+							small: !0,
+							onClick: () => {
+								m(!0);
+							},
+							children: /* @__PURE__ */ (0, s.jsx)("i", { className: "fad fa-cog me-0" })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, s.jsx)("div", {
+				className: "append-container",
+				children: f
+			})
+		]
+	});
+}
+//#endregion
+export { f as t };