@articles-media/articles-dev-box 1.0.31 → 1.0.32

package/dist/SettingsModal-yU_TsVYh.js

@@ -0,0 +1,430 @@
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Form, Modal } from "react-bootstrap";
+//#region src/components/Games/Settings/GraphicsTab.jsx
+function GraphicsTab({ useStore, config }) {
+	const darkMode = useStore((state) => state?.darkMode);
+	const setDarkMode = useStore((state) => state?.setDarkMode);
+	const graphicsQuality = useStore((state) => state?.graphicsQuality);
+	const setGraphicsQuality = useStore((state) => state?.setGraphicsQuality);
+	const landingAnimation = useStore((state) => state?.landingAnimation);
+	const setLandingAnimation = useStore((state) => state?.setLandingAnimation);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", { children: "Dark Mode" }),
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-3",
+			children: [false, true].map((level, i) => /* @__PURE__ */ jsx(ArticlesButton, {
+				active: darkMode === level,
+				onClick: () => {
+					setDarkMode(level);
+				},
+				children: level ? "On" : "Off"
+			}, i))
+		}),
+		/* @__PURE__ */ jsx("div", { children: "Graphics Quality" }),
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-3",
+			children: [
+				"Low",
+				"Medium",
+				"High"
+			].map((level) => /* @__PURE__ */ jsx(ArticlesButton, {
+				active: graphicsQuality === level,
+				onClick: () => {
+					setGraphicsQuality(level);
+				},
+				children: level
+			}, level))
+		}),
+		/* @__PURE__ */ jsx("div", { children: "Landing Animation" }),
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-3",
+			children: [/* @__PURE__ */ jsx(ArticlesButton, {
+				active: landingAnimation === false,
+				onClick: () => {
+					setLandingAnimation(false);
+				},
+				children: "Disabled"
+			}), /* @__PURE__ */ jsx(ArticlesButton, {
+				active: landingAnimation === true,
+				onClick: () => {
+					setLandingAnimation(true);
+				},
+				children: "Enabled"
+			})]
+		}),
+		config?.tabs?.Graphics?.children
+	] });
+}
+//#endregion
+//#region src/components/Games/Settings/AudioTab.jsx
+function AudioTab({ useAudioStore, config }) {
+	const audioSettings = useAudioStore((state) => state?.audioSettings);
+	const setAudioSettings = useAudioStore((state) => state?.setAudioSettings);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", { children: "Sound" }),
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-3",
+			children: [/* @__PURE__ */ jsx(ArticlesButton, {
+				active: !audioSettings?.enabled,
+				onClick: () => {
+					setAudioSettings({
+						...audioSettings,
+						enabled: false
+					});
+				},
+				children: "Disabled"
+			}), /* @__PURE__ */ jsx(ArticlesButton, {
+				active: audioSettings?.enabled,
+				onClick: () => {
+					setAudioSettings({
+						...audioSettings,
+						enabled: true
+					});
+				},
+				children: "Enabled"
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "border mb-3 p-2",
+			children: config?.tabs?.Audio?.sliders?.map((slider_obj) => {
+				return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Form.Label, {
+					className: "mb-0",
+					children: slider_obj.label
+				}), /* @__PURE__ */ jsx(Form.Range, {
+					value: audioSettings?.[slider_obj.key],
+					onChange: (value) => {
+						setAudioSettings({
+							...audioSettings,
+							[slider_obj.key]: value.target.value
+						});
+					}
+				})] }, slider_obj.key);
+			})
+		}),
+		config?.tabs?.Controls?.children
+	] });
+}
+//#endregion
+//#region src/components/Games/Settings/MultiplayerTab.jsx
+function MultiplayerTab({ useStore, config }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "",
+		children: [useStore && /* @__PURE__ */ jsx(SocketSettings, { useStore }), config?.tabs?.Multiplayer?.children]
+	});
+}
+function SocketSettings({ useStore }) {
+	const serverUrl = useStore((state) => state.serverUrl);
+	const setServerUrl = useStore((state) => state.setServerUrl);
+	const connected = useStore((state) => state.connected);
+	const connectSocket = useStore((state) => state.connectSocket);
+	const disconnectSocket = useStore((state) => state.disconnectSocket);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-3",
+		children: [
+			/* @__PURE__ */ jsxs(Form.Label, {
+				className: "mb-0",
+				children: [/* @__PURE__ */ jsxs("div", { children: ["Status: ", /* @__PURE__ */ jsx("span", {
+					className: `badge ${connected ? "bg-success" : "bg-danger"}`,
+					children: connected ? "Online" : "Offline"
+				})] }), "Socket Server Host"]
+			}),
+			/* @__PURE__ */ jsx(Form.Control, {
+				type: "text",
+				value: serverUrl,
+				onChange: (e) => setServerUrl(e.target.value)
+			}),
+			/* @__PURE__ */ jsx(Form.Label, {
+				className: "mb-0",
+				children: "Edit this to connect to a different multiplayer host!"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-3",
+				children: connected ? /* @__PURE__ */ jsx(ArticlesButton, {
+					className: "",
+					onClick: () => {
+						disconnectSocket();
+					},
+					children: "Disconnect"
+				}) : /* @__PURE__ */ jsx(ArticlesButton, {
+					className: "",
+					onClick: () => {
+						connectSocket();
+					},
+					children: "Connect"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Games/Settings/ControlsTab.jsx
+function ControlsTab({ useTouchControlsStore, config }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "",
+		children: [useTouchControlsStore && /* @__PURE__ */ jsx(TouchControls, { useTouchControlsStore }), config?.tabs?.Controls?.children]
+	});
+}
+function TouchControls({ useTouchControlsStore }) {
+	const enabled = useTouchControlsStore((state) => state?.enabled);
+	const setEnabled = useTouchControlsStore((state) => state?.setEnabled);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-3",
+		children: [
+			/* @__PURE__ */ jsx("div", { children: "Touch Controls" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "small mb-1",
+				children: "Adds on screen controls for touch devices."
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-3",
+				children: [false, true].map((level, i) => /* @__PURE__ */ jsx(ArticlesButton, {
+					active: enabled === level,
+					onClick: () => {
+						setEnabled(level);
+					},
+					children: level ? "On" : "Off"
+				}, i))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Games/Settings/OtherTab.jsx
+function OtherTab({ useStore, config }) {
+	const debug = useStore((state) => state?.debug);
+	const setDebug = useStore((state) => state?.setDebug);
+	const toontownMode = useStore((state) => state?.toontownMode);
+	const setToontownMode = useStore((state) => state?.setToontownMode);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", { children: "Debug Mode" }),
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-3",
+			children: [false, true].map((level, i) => /* @__PURE__ */ jsx(ArticlesButton, {
+				active: debug === level,
+				onClick: () => {
+					setDebug(level);
+				},
+				children: level ? "On" : "Off"
+			}, i))
+		}),
+		config?.tabs?.Other?.toontownMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", { children: "Toontown Mode" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "small mb-1",
+				children: "Mimics Toontown Online graphics."
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-3",
+				children: [false, true].map((level, i) => /* @__PURE__ */ jsx(ArticlesButton, {
+					active: toontownMode === level,
+					onClick: () => {
+						setToontownMode(level);
+					},
+					children: level ? "On" : "Off"
+				}, i))
+			})
+		] }),
+		config?.tabs?.Other?.children
+	] });
+}
+var package_default = {
+	name: "@articles-media/articles-dev-box",
+	description: "Shared code, functions, and components for different Articles Media projects.",
+	version: "1.0.32",
+	type: "module",
+	imports: { "#root/src/*": "./src/*" },
+	main: "./dist/index.js",
+	module: "./dist/index.js",
+	files: ["dist"],
+	repository: {
+		"type": "git",
+		"url": "git+https://github.com/Articles-Joey/articles-dev-box.git"
+	},
+	exports: {
+		".": "./dist/index.js",
+		"./Ad": "./dist/Ad.js",
+		"./GameMenu": "./dist/GameMenu.js",
+		"./ArticlesAd": "./dist/ArticlesAd.js",
+		"./GameScoreboard": "./dist/GameScoreboard.js",
+		"./ReturnToLauncherButton": "./dist/ReturnToLauncherButton.js",
+		"./SignInButton": "./dist/SignInButton.js",
+		"./SessionButton": "./dist/SessionButton.js",
+		"./GlobalHead": "./dist/GlobalHead.js",
+		"./GlobalBody": "./dist/GlobalBody.js",
+		"./ViewUserModal": "./dist/ViewUserModal.js",
+		"./SettingsModal": "./dist/SettingsModal.js",
+		"./CreditsModal": "./dist/CreditsModal.js",
+		"./DarkModeHandler": "./dist/DarkModeHandler.js",
+		"./ToontownModeHandler": "./dist/ToontownModeHandler.js",
+		"./SocketServerUrlHandler": "./dist/SocketServerUrlHandler.js",
+		"./FriendsList": "./dist/FriendsList.js",
+		"./useUserDetails": "./dist/useUserDetails.js",
+		"./useUserToken": "./dist/useUserToken.js",
+		"./useUserFriends": "./dist/useUserFriends.js",
+		"./useFullscreen": "./dist/useFullscreen.js",
+		"./typicalZustandStoreExcludes": "./dist/typicalZustandStoreExcludes.js",
+		"./typicalZustandStoreStateSlice": "./dist/typicalZustandStoreStateSlice.js",
+		"./dist/style.css": "./dist/articles-dev-box.css",
+		"./dist/articles-dev-box.css": "./dist/articles-dev-box.css"
+	},
+	scripts: {
+		"dev-unknown": "vite dev",
+		"dev": "nodemon --watch src --ext js,ts,css,scss,jsx,json --ignore dist --exec \"npm run build\"",
+		"build": "vite build",
+		"preview": "vite preview",
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	keywords: [],
+	author: "Articles Media",
+	license: "ISC",
+	peerDependencies: {
+		"react": ">=19.2.3",
+		"react-dom": ">=19.2.3",
+		"swr": "^2.4.1",
+		"date-fns": "^4.0.0",
+		"react-intersection-observer": "^10.0.0",
+		"react-bootstrap": "^2.0.0"
+	},
+	devDependencies: {
+		"@vitejs/plugin-react": "^6.0.1",
+		"classnames": "^2.5.1",
+		"nodemon": "^3.1.11",
+		"react-bootstrap": "^2.10.10",
+		"sass": "^1.97.2",
+		"vite": "^8.0.3"
+	},
+	dependencies: {}
+};
+//#endregion
+//#region src/components/Games/Settings/DebugTab.jsx
+function DebugTab({ useStore, config }) {
+	useStore((state) => state?.debug);
+	useStore((state) => state?.setDebug);
+	useStore((state) => state?.toontownMode);
+	useStore((state) => state?.setToontownMode);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-3",
+			children: ["dev-box version: ", package_default.version]
+		}),
+		/* @__PURE__ */ jsx("div", { children: "Future Thing" }),
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-3",
+			children: [false, true].map((level, i) => /* @__PURE__ */ jsx(ArticlesButton, {
+				onClick: () => {},
+				children: "Placeholder"
+			}, i))
+		}),
+		config?.tabs?.Debug?.children
+	] });
+}
+//#endregion
+//#region src/components/Games/Settings/SettingsModal.jsx
+function SettingsModal({ show, setShow, store, useAudioStore, useTouchControlsStore, useSocketStore, config }) {
+	const [showModal, setShowModal] = useState(false);
+	return /* @__PURE__ */ jsx(Modal, {
+		className: "articles-modal articles-settings-modal",
+		size: "md",
+		show,
+		centered: true,
+		scrollable: true,
+		onExited: () => {},
+		onHide: () => {
+			setShow(false);
+		},
+		children: store && /* @__PURE__ */ jsx(ModalContent, {
+			useStore: store,
+			useAudioStore,
+			useTouchControlsStore,
+			useSocketStore,
+			config
+		})
+	});
+}
+function ModalContent({ useStore, useAudioStore, useTouchControlsStore, useSocketStore, config }) {
+	const [tab, setTab] = useState(localStorage.getItem("articles_settings_tab") || "Graphics");
+	const handleTabChange = (newTab) => {
+		setTab(newTab);
+		localStorage.setItem("articles_settings_tab", newTab);
+	};
+	const debug = useStore((state) => state.debug);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Modal.Header, {
+			closeButton: true,
+			children: /* @__PURE__ */ jsx(Modal.Title, { children: "Game Settings" })
+		}),
+		/* @__PURE__ */ jsxs(Modal.Body, {
+			className: "flex-column p-0",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "p-2",
+					children: [
+						"Graphics",
+						"Controls",
+						"Audio",
+						"Multiplayer",
+						"Other",
+						...debug ? ["Debug"] : []
+					].map((item) => /* @__PURE__ */ jsx(ArticlesButton, {
+						active: tab == item,
+						onClick: () => {
+							handleTabChange(item);
+						},
+						children: item
+					}, item))
+				}),
+				/* @__PURE__ */ jsx("hr", { className: "my-0" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "p-3",
+					children: [
+						tab == "Controls" && /* @__PURE__ */ jsx(ControlsTab, {
+							useStore,
+							useTouchControlsStore,
+							config
+						}),
+						tab == "Graphics" && /* @__PURE__ */ jsx(GraphicsTab, {
+							useStore,
+							config
+						}),
+						tab == "Audio" && /* @__PURE__ */ jsx(AudioTab, {
+							useAudioStore,
+							config
+						}),
+						tab == "Multiplayer" && /* @__PURE__ */ jsx(MultiplayerTab, {
+							useStore: useSocketStore,
+							config
+						}),
+						tab == "Other" && /* @__PURE__ */ jsx(OtherTab, {
+							useStore,
+							config
+						}),
+						tab == "Debug" && /* @__PURE__ */ jsx(DebugTab, {
+							useStore,
+							config
+						})
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(Modal.Footer, {
+			className: "justify-content-between",
+			children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(ArticlesButton, {
+				variant: "outline-dark",
+				onClick: () => {
+					setShow(false);
+				},
+				children: "Close"
+			}), /* @__PURE__ */ jsx(ArticlesButton, {
+				variant: "outline-danger ms-3",
+				onClick: () => {
+					reset();
+				},
+				children: "Reset"
+			})] })
+		})
+	] });
+}
+//#endregion
+export { SettingsModal as t };

package/dist/SettingsModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "./SettingsModal-CiLvMoLW.js";
-export { e as default };
+import { t as SettingsModal } from "./SettingsModal-yU_TsVYh.js";
+export { SettingsModal as default };

package/dist/SignInButton.js

@@ -1,29 +1,33 @@
 "use client";
-import { t as e } from "./Button-sSB4xpOw.js";
-import { useEffect as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/User/SignInButton.jsx
-function a({ className: a, id: o, text: s }) {
-	let [c, l] = n(!1), u = process.env.NODE_ENV === "development" ? "http://localhost:3012" : "https://accounts.articles.media", [d, f] = n(`${u}/login`);
-	return t(() => {
-		l(!0);
-		let e = window.location.pathname, t = window.location.search;
-		f(`${u}/login?redirect=${encodeURIComponent(window.location.origin + e + t)}&type=subdomain`);
-	}, [u]), /* @__PURE__ */ r("a", {
-		href: d,
+function SignInButton({ className, id, text }) {
+	const [isMounted, setIsMounted] = useState(false);
+	const baseLink = process.env.NODE_ENV === "development" ? "http://localhost:3012" : "https://accounts.articles.media";
+	const [finalLink, setFinalLink] = useState(`${baseLink}/login`);
+	useEffect(() => {
+		setIsMounted(true);
+		const currentPath = window.location.pathname;
+		const searchParams = window.location.search;
+		setFinalLink(`${baseLink}/login?redirect=${encodeURIComponent(window.location.origin + currentPath + searchParams)}&type=subdomain`);
+	}, [baseLink]);
+	return /* @__PURE__ */ jsx("a", {
+		href: finalLink,
 		rel: "noopener noreferrer",
-		children: /* @__PURE__ */ i(e, {
-			className: `${a} w-100`,
-			id: o,
-			small: !0,
+		children: /* @__PURE__ */ jsxs(ArticlesButton, {
+			className: `${className} w-100`,
+			id,
+			small: true,
 			style: {
 				zIndex: 10,
 				position: "relative"
 			},
 			onClick: () => {},
-			children: [/* @__PURE__ */ r("i", { className: "fad fa-user" }), s || "Sign In"]
+			children: [/* @__PURE__ */ jsx("i", { className: "fad fa-user" }), text || "Sign In"]
 		})
 	});
 }
 //#endregion
-export { a as default };
+export { SignInButton as default };

package/dist/SocketServerUrlHandler.js

@@ -1,14 +1,18 @@
-import { useEffect as e } from "react";
+import { useEffect } from "react";
 //#region src/components/Games/SocketServerUrlHandler.jsx
-function t({ useStore: t }) {
-	return e(() => {
-		let e = t.getState()?.setSocketServerUrl, n = new URLSearchParams(window.location.search), r = n.get("socketServerUrl");
-		if (r) {
-			e(r), n.delete("socketServerUrl");
-			let t = window.location.pathname + (n.toString() ? `?${n.toString()}` : "") + window.location.hash;
-			window.history.replaceState({}, "", t);
+function SocketServerUrlHandler({ useStore }) {
+	useEffect(() => {
+		const setSocketServerUrl = useStore.getState()?.setSocketServerUrl;
+		const urlParams = new URLSearchParams(window.location.search);
+		const socketServerUrlParam = urlParams.get("socketServerUrl");
+		if (socketServerUrlParam) {
+			setSocketServerUrl(socketServerUrlParam);
+			urlParams.delete("socketServerUrl");
+			const newUrl = window.location.pathname + (urlParams.toString() ? `?${urlParams.toString()}` : "") + window.location.hash;
+			window.history.replaceState({}, "", newUrl);
 		}
-	}, []), null;
+	}, []);
+	return null;
 }
 //#endregion
-export { t as default };
+export { SocketServerUrlHandler as default };

package/dist/StatusModal-BXRbJQ10.js

@@ -0,0 +1,84 @@
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { n as useMainSiteStatus, t as useAuthSiteStatus } from "./useAuthSiteStatus-ZK1GbPBV.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Modal } from "react-bootstrap";
+//#region src/components/Global/StatusModal.jsx
+function StatusModal({ show, setShow }) {
+	const [showMainDetails, setShowMainDetails] = useState(false);
+	const [showAuthDetails, setShowAuthDetails] = useState(false);
+	const getStatusCode = (data, error, loading) => {
+		if (loading) return "...";
+		if (error) return error.response?.status || "Error";
+		if (data) return "200";
+		return "-";
+	};
+	const { data: mainSiteStatus, error: mainSiteStatusError, isLoading: mainSiteStatusLoading, mutate: mainSiteStatusMutate } = useMainSiteStatus({ disable: process.env.NODE_ENV !== "development" });
+	const { data: authSiteStatus, error: authSiteStatusError, isLoading: authSiteStatusLoading, mutate: authSiteStatusMutate } = useAuthSiteStatus({ disable: process.env.NODE_ENV !== "development" });
+	return /* @__PURE__ */ jsxs(Modal, {
+		show,
+		size: "md",
+		className: "articles-modal",
+		centered: true,
+		onHide: () => setShow(false),
+		children: [
+			/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Status Details" }) }),
+			/* @__PURE__ */ jsxs(Modal.Body, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "d-flex align-items-center mb-2",
+					children: [/* @__PURE__ */ jsxs("h5", {
+						className: "mb-0 me-2",
+						children: ["Main Site Status: ", /* @__PURE__ */ jsx("span", {
+							className: `badge ${mainSiteStatus ? "bg-success" : "bg-danger"}`,
+							children: getStatusCode(mainSiteStatus, mainSiteStatusError, mainSiteStatusLoading)
+						})]
+					}), /* @__PURE__ */ jsxs(ArticlesButton, {
+						variant: "link",
+						size: "sm",
+						className: "p-0",
+						onClick: () => setShowMainDetails(!showMainDetails),
+						children: [showMainDetails ? "Hide" : "View", " More"]
+					})]
+				}),
+				showMainDetails && /* @__PURE__ */ jsxs("pre", { children: [
+					mainSiteStatusLoading && "Loading...",
+					mainSiteStatusError && `Error: ${mainSiteStatusError.message}`,
+					mainSiteStatus && JSON.stringify(mainSiteStatus, null, 2)
+				] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "d-flex align-items-center mb-2",
+					children: [/* @__PURE__ */ jsxs("h5", {
+						className: "mb-0 me-2",
+						children: ["Auth Site Status: ", /* @__PURE__ */ jsx("span", {
+							className: `badge ${authSiteStatus ? "bg-success" : "bg-danger"}`,
+							children: getStatusCode(authSiteStatus, authSiteStatusError, authSiteStatusLoading)
+						})]
+					}), /* @__PURE__ */ jsxs(ArticlesButton, {
+						variant: "link",
+						size: "sm",
+						className: "p-0",
+						onClick: () => setShowAuthDetails(!showAuthDetails),
+						children: [showAuthDetails ? "Hide" : "View", " More"]
+					})]
+				}),
+				showAuthDetails && /* @__PURE__ */ jsxs("pre", { children: [
+					authSiteStatusLoading && "Loading...",
+					authSiteStatusError && `Error: ${authSiteStatusError.message}`,
+					authSiteStatus && JSON.stringify(authSiteStatus, null, 2)
+				] })
+			] }),
+			/* @__PURE__ */ jsx(Modal.Footer, {
+				className: "justify-content-between",
+				children: /* @__PURE__ */ jsx(ArticlesButton, {
+					variant: "articles",
+					onClick: () => {
+						setShow(false);
+					},
+					children: "Close"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { StatusModal as default };

package/dist/ToontownModeHandler.js

@@ -1,14 +1,17 @@
-import { useEffect as e } from "react";
+import { useEffect } from "react";
 //#region src/components/Games/ToontownModeHandler.jsx
-function t({ useStore: t }) {
-	return e(() => {
-		let e = t.getState()?.setToontownMode, n = new URLSearchParams(window.location.search);
-		if (n.get("toontownMode")) {
-			e(!0), n.delete("toontownMode");
-			let t = window.location.pathname + (n.toString() ? `?${n.toString()}` : "") + window.location.hash;
-			window.history.replaceState({}, "", t);
+function ToontownModeHandler({ useStore }) {
+	useEffect(() => {
+		const setToontownMode = useStore.getState()?.setToontownMode;
+		const urlParams = new URLSearchParams(window.location.search);
+		if (urlParams.get("toontownMode")) {
+			setToontownMode(true);
+			urlParams.delete("toontownMode");
+			const newUrl = window.location.pathname + (urlParams.toString() ? `?${urlParams.toString()}` : "") + window.location.hash;
+			window.history.replaceState({}, "", newUrl);
 		}
-	}, []), null;
+	}, []);
+	return null;
 }
 //#endregion
-export { t as default };
+export { ToontownModeHandler as default };