@mbpockets/shared-ui 0.1.21 → 0.2.5

package/dist/PlayerPage/index.cjs

@@ -171,17 +171,21 @@ var PlayerDetailsCard = ({
 var PlayerDetailsCard_default = PlayerDetailsCard;
 
 // src/data/values.tsx
+var DEFAULT_PROFILE_PIC = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDY1OTM0MDY1OTM0MDE2IDEuNDA2NTkzNDA2NTkzNDAxNikgc2NhbGUoMi44MSAyLjgxKSI+Cgk8cGF0aCBkPSJNIDQ1IDg4IGMgLTExLjA0OSAwIC0yMS4xOCAtMi4wMDMgLTI5LjAyMSAtOC42MzQgQyA2LjIxMiA3MS4xMDUgMCA1OC43NjQgMCA0NSBDIDAgMjAuMTg3IDIwLjE4NyAwIDQ1IDAgYyAyNC44MTMgMCA0NSAyMC4xODcgNDUgNDUgYyAwIDEzLjc2NSAtNi4yMTIgMjYuMTA1IC0xNS45NzkgMzQuMzY2IEMgNjYuMTgxIDg1Ljk5OCA1Ni4wNDkgODggNDUgODggeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjE0LDIxNCwyMTQpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cgk8cGF0aCBkPSJNIDQ1IDYwLjcxIGMgLTExLjQ3OSAwIC0yMC44MTggLTkuMzM5IC0yMC44MTggLTIwLjgxNyBjIDAgLTExLjQ3OSA5LjMzOSAtMjAuODE4IDIwLjgxOCAtMjAuODE4IGMgMTEuNDc5IDAgMjAuODE3IDkuMzM5IDIwLjgxNyAyMC44MTggQyA2NS44MTcgNTEuMzcxIDU2LjQ3OSA2MC43MSA0NSA2MC43MSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGQ9Ik0gNDUgOTAgYyAtMTAuNjEzIDAgLTIwLjkyMiAtMy43NzMgLTI5LjAyOCAtMTAuNjI1IGMgLTAuNjQ4IC0wLjU0OCAtMC44OCAtMS40NDQgLTAuNTc5IC0yLjIzNyBDIDIwLjAzNCA2NC45MTkgMzEuOTMzIDU2LjcxIDQ1IDU2LjcxIHMgMjQuOTY2IDguMjA5IDI5LjYwNyAyMC40MjggYyAwLjMwMSAwLjc5MyAwLjA2OSAxLjY4OSAtMC41NzkgMi4yMzcgQyA2NS45MjIgODYuMjI3IDU1LjYxMyA5MCA0NSA5MCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=";
 var ProfilePictureSettings = {
   aspectRatio: 4 / 5};
-var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) => {
-  const defaultImg = "/man-walking-silhouette-clipart.jpg";
-  const [imageSrc, setImageSrc] = react.useState(defaultImg);
-  const { aspectRatio } = ProfilePictureSettings;
+var PlayerDisplayCard = ({
+  profilePicture,
+  username,
+  bio,
+  preferredPronouns
+}) => {
+  const [imageSrc, setImageSrc] = react.useState(DEFAULT_PROFILE_PIC);
   react.useEffect(() => {
     async function validateImage() {
-      const newImage = profilePicture || defaultImg;
+      const newImage = profilePicture || DEFAULT_PROFILE_PIC;
       if (!profilePicture) {
-        setImageSrc(defaultImg);
+        setImageSrc(DEFAULT_PROFILE_PIC);
         return;
       }
       const img = new Image();
@@ -190,7 +194,7 @@ var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) =
         setImageSrc(newImage);
       };
       img.onerror = () => {
-        setImageSrc(defaultImg);
+        setImageSrc(DEFAULT_PROFILE_PIC);
       };
     }
     validateImage();
@@ -220,7 +224,7 @@ var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) =
             image: imageSrc,
             alt: `${username}'s Profile Picture`,
             sx: {
-              aspectRatio,
+              aspectRatio: ProfilePictureSettings.aspectRatio,
               height: "auto",
               // Updates to maintain aspect ratio and fill space nicely
               width: "100%",

package/dist/PlayerPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/PlayerPage/PlayerDetailsCard.tsx","../../src/data/values.tsx","../../src/components/PlayerPage/PlayerDisplayCard.tsx","../../src/components/shared/Chip.tsx","../../src/components/PlayerPage/PlayerTagsCard.tsx","../../src/components/PlayerPage/PlayerPromptCard.tsx","../../src/components/PlayerPage/PlayerTagsEdit.tsx","../../src/components/PlayerPage/PlayerPageLayout.tsx"],"names":["jsxs","Card","jsx","CardContent","Typography","useState","useEffect","CardMedia","Fragment","CardHeader","useMemo","Autocomplete","TextField","Popper","useTheme","useMediaQuery","NoSsr","Box","Grid"],"mappings":"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","file":"index.cjs","sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\nexport type PlayerDetailsProps = {\r\n    preferredPronouns: string | null;\r\n    age: number | null;\r\n    yearsPlaying: number | null;\r\n    discordUsername: string | null;\r\n    preferredGames: string[] | string | null;\r\n};\r\n\r\nconst PlayerDetailsCard: React.FC<PlayerDetailsProps> = ({\r\n    preferredPronouns,\r\n    age,\r\n    yearsPlaying,\r\n    discordUsername,\r\n    preferredGames,\r\n}) => {\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Primary Blue Gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Deep shadow based on the color\r\n                borderRadius: \"12px\", // Rounded corners\r\n                color: \"#FFFFFF\", // White as the base text color for contrast\r\n                position: \"relative\",\r\n                overflow: \"hidden\", // Ensures clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Decorative Overlay */}\r\n            <div\r\n                className=\"absolute inset-0 bg-gradient-to-t from-white/10 to-transparent opacity-60\"\r\n                aria-hidden=\"true\"\r\n            ></div>\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Title */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    className=\"font-bold uppercase text-center tracking-wide mb-4\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Bright white for high contrast\r\n                        textShadow: \"0px 4px 8px rgba(0, 0, 0, 0.5)\", // Stronger shadow for bold presence\r\n                        fontSize: \"1.5rem\", // Slightly larger title size\r\n                    }}\r\n                >\r\n                    Player Details\r\n                </Typography>\r\n\r\n                {/* Details Section */}\r\n                <div className=\"space-y-3\">\r\n                    {preferredPronouns && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Preferred Pronouns:</span> {preferredPronouns}\r\n                        </Typography>\r\n                    )}\r\n                    {age !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Age:</span> {age}\r\n                        </Typography>\r\n                    )}\r\n                    {yearsPlaying !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Years Playing:</span> {yearsPlaying}\r\n                        </Typography>\r\n                    )}\r\n                    {discordUsername && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Discord Username:</span> {discordUsername}\r\n                        </Typography>\r\n                    )}\r\n                    {preferredGames && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Preferred Games:</span>{\" \"}\r\n                            {Array.isArray(preferredGames) ? preferredGames.join(\", \") : preferredGames}\r\n                        </Typography>\r\n                    )}\r\n                </div>\r\n\r\n                {/* Footer Section */}\r\n                <div className=\"mt-6 text-center\">\r\n                    <Typography\r\n                        variant=\"caption\"\r\n                        className=\"text-xs italic\"\r\n                        sx={{\r\n                            color: \"#BBDEFB\", // Subtle light blue for footer text\r\n                            textShadow: \"0px 1px 3px rgba(0, 0, 0, 0.2)\",\r\n                        }}\r\n                    >\r\n                        All information is player-submitted.\r\n                    </Typography>\r\n                </div>\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDetailsCard;\r\n\r\n","export function BlurbTitles() {\r\n    const blurbTitles = new Map();\r\n    blurbTitles.set(1, \"What’s your most epic tabletop moment?\");\r\n    blurbTitles.set(2, \"What type of character do you dream of playing?\");\r\n    blurbTitles.set(3, \"What kind of story are you most excited to be part of?\");\r\n    blurbTitles.set(4, \"Which tabletop world would you want to live in?\");\r\n    blurbTitles.set(5, \"If you could only play one tabletop game forever, what would it be?\");\r\n    blurbTitles.set(6, \"What’s a fantasy or sci-fi world you love and would want to game in?\");\r\n    blurbTitles.set(7, \"Who’s the most chaotic (or hilarious) player you've ever gamed with?\");\r\n    blurbTitles.set(8, \"What motivates you to join a tabletop game: adventure, laughs, or something else?\");\r\n    blurbTitles.set(9, \"What’s your weirdest in-game flex?\");\r\n    blurbTitles.set(10, \"Which class or archetype are you drawn to—fighter, mage, rogue, healer, or wildcard?\");\r\n    blurbTitles.set(11, \"What character did you have the most fun playing?\");\r\n    blurbTitles.set(12, \"What kind of player are you: Min-maxer, storyteller, or chaos incarnate?\");\r\n    blurbTitles.set(13, \"Describe the best campaign twist you’ve ever experienced.\");\r\n    blurbTitles.set(14, \"What’s your guilty pleasure when it comes to character archetypes?\");\r\n    blurbTitles.set(15, \"Who’s your favorite villain or antagonist you’ve faced in a campaign?\");\r\n    blurbTitles.set(16, \"What’s the hardest decision your character ever had to make?\");\r\n    blurbTitles.set(17, \"What’s the funniest tabletop memory you’ve ever had?\");\r\n    blurbTitles.set(18, \"Ever had a tabletop game go completely off the rails? What happened?\");\r\n    blurbTitles.set(19, \"Introduce us to your favorite homebrew rule!\");\r\n    blurbTitles.set(20, \"What’s your favorite dice-rolling ritual or superstition?\");\r\n    blurbTitles.set(21, \"What’s your go-to tabletop snack during sessions?\");\r\n    blurbTitles.set(22, \"What’s the most creative solution you’ve ever come up with in a game?\");\r\n    blurbTitles.set(23, \"What NPC or character from a campaign would you date IRL?\");\r\n    blurbTitles.set(24, \"What’s your favorite tabletop rule or mechanic?\");\r\n    blurbTitles.set(25, \"What’s the most emotional tabletop moment you’ve had?\");\r\n    blurbTitles.set(26, \"What kind of story twist or epic moment would make you fall in love with the game?\");\r\n    blurbTitles.set(27, \"What’s the most challenging yet rewarding NPC you've ever created?\");\r\n    blurbTitles.set(28, \"How do you keep players on track without railroading your game?\");\r\n    blurbTitles.set(29, \"What’s the most unexpected way your players solved a problem you designed?\");\r\n    blurbTitles.set(30, \"What’s your favorite resource or tool for planning campaigns?\");\r\n    blurbTitles.set(31, \"What’s the funniest way your players have broken your carefully-planned encounter?\");\r\n    blurbTitles.set(32, \"What’s the most memorable villain or antagonist you’ve created?\");\r\n    blurbTitles.set(33, \"How do you handle player conflict in your campaigns?\");\r\n    blurbTitles.set(34, \"What’s your favorite homebrew rule to spice up your campaigns?\");\r\n    blurbTitles.set(35, \"Have you ever scrapped a planned session because of something your players did?\");\r\n    blurbTitles.set(36, \"What’s the most creative environment or setting you’ve designed for your players?\");\r\n\r\n    return blurbTitles;\r\n}\r\n\r\nexport function PrivacyValues() {\r\n    const privacyValues = new Map();\r\n    privacyValues.set(1, \"private\");\r\n    privacyValues.set(\"private\", 1);\r\n\r\n    privacyValues.set(2, \"connection\");\r\n    privacyValues.set(\"connection\",2);\r\n\r\n    privacyValues.set(3, \"public\");\r\n    privacyValues.set(\"public\", 3);\r\n\r\n    privacyValues.set(4, \"table\");\r\n    privacyValues.set(\"table\", 4);\r\n\r\n    return privacyValues;\r\n}\r\n\r\nexport function PlayerTagLabels(): string[] {\r\n    const tagTitles: string[] = [];\r\n\r\n    tagTitles.push(\"girl gamer\");\r\n    tagTitles.push(\"veteran\");\r\n    tagTitles.push(\"new\");\r\n    tagTitles.push(\"min-maxer\");\r\n    tagTitles.push(\"role-player\");\r\n    tagTitles.push(\"rules lawyer\");\r\n    tagTitles.push(\"storyteller\");\r\n    tagTitles.push(\"chaotic\");\r\n    tagTitles.push(\"planner\");\r\n    tagTitles.push(\"wildcard\");\r\n    tagTitles.push(\"protector\");\r\n    tagTitles.push(\"rogue-like\");\r\n    tagTitles.push(\"power gamer\");\r\n    tagTitles.push(\"thinker\");\r\n    tagTitles.push(\"narrative\");\r\n    tagTitles.push(\"homebrewer\");\r\n    tagTitles.push(\"dungeon master\");\r\n    tagTitles.push(\"world builder\");\r\n    tagTitles.push(\"solver\");\r\n    tagTitles.push(\"strategist\");\r\n    tagTitles.push(\"dice lover\");\r\n    tagTitles.push(\"performer\");\r\n    tagTitles.push(\"casual\");\r\n    tagTitles.push(\"character-focused\");\r\n    tagTitles.push(\"team player\");\r\n    tagTitles.push(\"mechanics\");\r\n    tagTitles.push(\"adventurer\");\r\n    tagTitles.push(\"collector\");\r\n    tagTitles.push(\"problem solver\");\r\n    tagTitles.push(\"innovator\");\r\n    tagTitles.push(\"lorekeeper\");\r\n    tagTitles.push(\"rule bender\");\r\n    tagTitles.push(\"sandboxer\");\r\n    tagTitles.push(\"cartographer\");\r\n    tagTitles.push(\"loyalist\");\r\n    tagTitles.push(\"wrangler\");\r\n    tagTitles.push(\"moment maker\");\r\n    tagTitles.push(\"jinxed roller\");\r\n    tagTitles.push(\"lucky roller\");\r\n    tagTitles.push(\"meticulous\");\r\n    tagTitles.push(\"improviser\");\r\n    tagTitles.push(\"tactician\");\r\n    tagTitles.push(\"butterfly\");\r\n    tagTitles.push(\"beginner\");\r\n    tagTitles.push(\"voice actor\");\r\n    tagTitles.push(\"multi-campaign\");\r\n    tagTitles.push(\"starter\");\r\n    tagTitles.push(\"forever DM\");\r\n    tagTitles.push(\"finisher\");\r\n    tagTitles.push(\"swapper\");\r\n    tagTitles.push(\"meta-gamer\");\r\n    tagTitles.push(\"specialist\");\r\n\r\n    return tagTitles;\r\n}\r\n\r\n\r\nexport const FantasyNouns = [\r\n    // Core D&D Classes\r\n    \"Fighter\", \"Rogue\", \"Wizard\", \"Cleric\", \"Paladin\", \"Barbarian\", \"Ranger\", \"Sorcerer\", \"Bard\", \"Monk\", \"Warlock\", \"Druid\", \"Artificer\",\r\n\r\n    // Fantasy Occupations\r\n    \"Alchemist\", \"Blacksmith\", \"Knight\", \"Mage\", \"Mercenary\", \"Archer\", \"Scribe\", \"Healer\", \"Hunter\", \"Assassin\", \"Enchanter\",\r\n    \"Miner\", \"Sailor\", \"Merchant\", \"Herbalist\", \"Cartographer\", \"Tailor\", \"Innkeeper\", \"Cook\", \"Scholar\",\r\n\r\n    // Archetypes\r\n    \"Adventurer\", \"Champion\", \"Warlord\", \"Outlaw\", \"Pilgrim\", \"Prophet\", \"Necromancer\", \"Witch\", \"Shaman\",\r\n    \"Beastmaster\", \"Acolyte\", \"Spellblade\", \"Battlemage\", \"Blademaster\", \"Warpriest\", \"Berserker\", \"Elementalist\",\r\n\r\n    // Fantasy Creatures/Beings\r\n    \"Dragon\", \"Elf\", \"Dwarf\", \"Orc\", \"Goblin\", \"Gnome\", \"Tiefling\", \"Genasi\", \"Halfling\", \"Lich\", \"Vampire\", \"Werewolf\",\r\n    \"Demon\", \"Angel\", \"Pixie\", \"Dryad\", \"Centaur\", \"Chimera\", \"Golem\", \"Fairy\", \"Troll\", \"Minotaur\", \"Kraken\",\r\n    \"Griffin\", \"Phoenix\",\r\n\r\n    // Fantasy Roles/Titles\r\n    \"Archmage\", \"High Priestess\", \"King\", \"Queen\", \"Duke\", \"Duchess\", \"Emperor\", \"Empress\", \"Captain\", \"Seer\", \"Oracle\",\r\n    \"Warden\", \"Guardian\", \"Watchman\", \"Hero\", \"Villain\", \"Herald\", \"Scout\", \"Envoy\",\r\n\r\n    // Other Fantasy-Themed Nouns\r\n    \"Spellcaster\", \"Summoner\", \"Conjurer\", \"Warrior\", \"Gladiator\", \"Pathfinder\", \"Explorer\", \"Tinkerer\", \"Shadowblade\",\r\n    \"Dungeoneer\", \"Archon\", \"Mystic\", \"Sage\", \"Runemaster\", \"Smith\", \"Wanderer\", \"Wayfarer\", \"Avenger\", \"Defender\", \"Keeper\"\r\n];\r\n\r\nexport const FantasyAdjectives = [\r\n    // Descriptive of Power/Strength\r\n    \"Mighty\", \"Powerful\", \"Fierce\", \"Tough\", \"Armored\", \"Indomitable\", \"Savage\", \"Vengeful\", \"Heroic\", \"Valiant\",\r\n\r\n    // Magical Features\r\n    \"Enchanted\", \"Bewitched\", \"Magical\", \"Mystical\", \"Ethereal\", \"Arcane\", \"Spellbound\", \"Supernatural\", \"Runed\",\r\n\r\n    // Personality/Appearance Traits\r\n    \"Noble\", \"Gallant\", \"Cunning\", \"Crafty\", \"Shadowy\", \"Elegant\", \"Wise\", \"Shrewd\", \"Merciless\", \"Serene\",\r\n    \"Infernal\", \"Wicked\", \"Pious\", \"Charming\", \"Loyal\", \"Treacherous\", \"Bold\", \"Cowardly\", \"Sly\",\r\n\r\n    // Environment-Themed\r\n    \"Cursed\", \"Blessed\", \"Haunted\", \"Frozen\", \"Burning\", \"Fiery\", \"Icy\", \"Stormy\", \"Sunlit\", \"Moonlit\",\r\n    \"Dark\", \"Luminous\", \"Glistening\", \"Ancient\", \"Shattered\", \"Sacred\", \"Forbidden\", \"Hidden\", \"Lost\",\r\n    \"Verdant\", \"Barren\",\r\n\r\n    // Monster/Creature Traits\r\n    \"Ferocious\", \"Ravenous\", \"Menacing\", \"Grotesque\", \"Spiked\", \"Scaled\", \"Hulking\", \"Winged\", \"Fanged\", \"Horned\",\r\n    \"Tentacled\", \"Shapeshifting\",\r\n\r\n    // Mystical/Abstract Traits\r\n    \"Immortal\", \"Mythical\", \"Omniscient\", \"Unbreakable\",\r\n    \"Unfathomable\", \"Celestial\", \"Void\", \"Otherworldly\", \"Primordial\",\r\n\r\n    // Precious/Gleaming Adjectives\r\n    \"Golden\", \"Silver\", \"Crystalline\", \"Diamond\", \"Jeweled\", \"Sapphire\", \"Emerald\", \"Shimmering\", \"Gleaming\", \"Radiant\",\r\n\r\n    // Combat-Related Traits\r\n    \"Bloodstained\", \"Battleworn\", \"Unyielding\", \"Victorious\", \"Deadly\", \"Sharp\", \"Piercing\", \"Relentless\", \"Untouchable\",\r\n\r\n    // Nature-Themed\r\n    \"Whispering\", \"Thorned\", \"Blossoming\", \"Blooming\", \"Overgrown\", \"Howling\", \"Cracked\", \"Twisted\", \"Mossy\", \"Winding\",\r\n    \"Towering\", \"Rooted\",\r\n\r\n    // Emotional/Thematic Descriptors\r\n    \"Free\", \"Courageous\", \"Reckless\", \"Damned\", \"Lonely\", \"Heartless\", \"Driven\", \"Hopeful\",\r\n    \"Fateful\"\r\n];\r\n\r\nexport const FantasyQualifiers = [\r\n    // Describing Uniqueness or Origins\r\n    \"Original\", \"Prime\", \"Primal\", \"Archetypal\", \"Ancestral\", \"Legendary\", \"Foremost\",\r\n\r\n    // Describing Finality or Completion\r\n    \"Final\", \"Ultimate\", \"Absolute\", \"Conclusive\", \"Eternal\", \"Enduring\", \"Definitive\",\r\n\r\n    // Describing Supremacy or Greatness\r\n    \"Supreme\", \"Paramount\", \"Preeminent\", \"Pinnacle\", \"Peerless\", \"Unrivaled\", \"Sovereign\", \"Dominant\",\r\n\r\n    // Describing Perfection or Excellence\r\n    \"Flawless\", \"Perfect\", \"Divine\", \"Exalted\", \"Transcendent\", \"Matchless\", \"Incomparable\",\r\n\r\n    // Describing Eternity or Timelessness\r\n    \"Timeless\", \"Boundless\", \"Ageless\", \"Perpetual\", \"Infinite\", \"Everlasting\",\r\n\r\n    // Describing Power or Authority\r\n    \"Omnipotent\", \"Almighty\", \"Unassailable\", \"Overwhelming\", \"Irresistible\", \"Unconquerable\", \"Majestic\"\r\n];\r\n\r\nexport const generateUsername = () => {\r\n    let output = \"\"\r\n\r\n    output+= getRandomElement(FantasyQualifiers)\r\n    output+= getRandomElement(FantasyAdjectives)\r\n    output+= getRandomElement(FantasyNouns)\r\n\r\n    return output;\r\n}\r\n\r\nexport const ProfilePictureSettings = {\r\n    aspectRatio: 4/5,\r\n    minWidth: 400,\r\n}\r\n\r\nconst getRandomElement = (array: string[]) => {\r\n    return array[Math.floor(Math.random() * array.length)];\r\n}\r\n\r\n","\"use client\";\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Card, CardMedia, CardContent, Typography } from \"@mui/material\";\r\nimport { ProfilePictureSettings } from \"@/data/values\";\r\n\r\nexport type PlayerDisplayProps = {\r\n    profilePicture: string | null;\r\n    username: string;\r\n    bio: string | null;\r\n    preferredPronouns: string | null;\r\n};\r\n\r\nconst PlayerDisplayCard: React.FC<PlayerDisplayProps> = ({ profilePicture, username, bio, preferredPronouns }) => {\r\n    const defaultImg = \"/man-walking-silhouette-clipart.jpg\";\r\n    const [imageSrc, setImageSrc] = useState<string>(defaultImg);\r\n    const { aspectRatio } = ProfilePictureSettings;\r\n\r\n    useEffect(() => {\r\n        async function validateImage() {\r\n            const newImage = profilePicture || defaultImg;\r\n            if (!profilePicture) {\r\n                setImageSrc(defaultImg);\r\n                return;\r\n            }\r\n\r\n            const img = new Image();\r\n            img.src = newImage;\r\n\r\n            img.onload = () => {\r\n                setImageSrc(newImage);\r\n            };\r\n\r\n            img.onerror = () => {\r\n                setImageSrc(defaultImg);\r\n            };\r\n        }\r\n\r\n        validateImage();\r\n    }, [profilePicture]);\r\n\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Vibrant blue gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Blue shadow to add depth\r\n                borderRadius: \"12px\", // Smooth rounded corners\r\n                color: \"#FFFFFF\", // White text for high contrast\r\n                overflow: \"hidden\", // Clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Image Section */}\r\n            <CardMedia\r\n                component=\"img\"\r\n                image={imageSrc}\r\n                alt={`${username}'s Profile Picture`}\r\n                sx={{\r\n                    aspectRatio: aspectRatio,\r\n                    height: \"auto\", // Updates to maintain aspect ratio and fill space nicely\r\n                    width: \"100%\",\r\n                    objectFit: \"cover\",\r\n                }}\r\n            />\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Username */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    component=\"div\"\r\n                    className=\"font-bold text-lg uppercase text-center tracking-wide mb-2\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Pure white for username\r\n                        fontSize: \"1.5rem\",\r\n                        textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong shadow for visibility\r\n                    }}\r\n                >\r\n                    {username}\r\n                </Typography>\r\n\r\n                {/* Preferred Pronouns */}\r\n                {preferredPronouns && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-medium\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\",\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontWeight: \"bold\", // Emphasize key details\r\n                            marginBottom: \"1rem\",\r\n                        }}\r\n                    >\r\n                        {preferredPronouns}\r\n                    </Typography>\r\n                )}\r\n\r\n                {/* Bio */}\r\n                {bio && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-light\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\", // Softer muted tone for secondary text\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontStyle: \"italic\", // Distinguish bio visually\r\n                        }}\r\n                    >\r\n                        {bio}\r\n                    </Typography>\r\n                )}\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDisplayCard;\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport {Tag} from \"@/types/tag\";\r\n\r\nexport default function Chip({ tag, removeCallback }: { tag: Tag, removeCallback?: (tagId: number) => void }) {\r\n  const color = tag.color ?? \"#bfbcbb\";\r\n  return (\r\n      <>\r\n      <span\r\n          key={tag.id}\r\n          className=\"inline-block text-sm px-3 py-1 rounded-full border-2 font-outlined text-white m-0.5 font-stretch-105% font-sans\"\r\n          style={{\r\n            borderColor: `color-mix(in srgb, ${color}, black 50%)`,\r\n            background: `linear-gradient(160deg, color-mix(in srgb, ${color}, white 10%) 0%, color-mix(in srgb, ${color}, black 60%) 100%)`,\r\n            textShadow: \"black 1.5px 1px 1.5px\",\r\n            filter: `drop-shadow(2px 2px 1.5px color-mix(in srgb, ${color}, black 80%))`\r\n          }}\r\n      >\r\n          {tag.label}\r\n          {removeCallback && (\r\n              <button\r\n                  type=\"button\"\r\n                  onClick={() => removeCallback(tag.id)}\r\n                  className=\"ml-2 text-white hover:text-red-700 focus:outline-none pl-0.5 pr-1 cursor-pointer hover:bg-white rounded-full\"\r\n                  style={{\r\n                    textShadow: \"black 1px 1px 1px\"\r\n                  }}\r\n              >\r\n                X\r\n              </button>\r\n          )}\r\n    </span>\r\n    </>\r\n  )\r\n\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, CardHeader } from \"@mui/material\";\r\nimport { Tag } from \"@/types/tag\";\r\nimport Chip from \"@/components/shared/Chip\";\r\n\r\nexport type PlayerTagsCardProps = {\r\n    tags: Tag[];\r\n};\r\n\r\nconst PlayerTagsCard: React.FC<PlayerTagsCardProps> = ({ tags = [] }) => {\r\n    return (\r\n        <Card sx={{\r\n            margin: \"1rem\",\r\n            borderRadius: \"12px\",\r\n            boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\",\r\n            overflow: \"hidden\"\r\n        }} className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\">\r\n            <CardHeader\r\n                title=\"Player Tags\"\r\n                sx={{\r\n                    background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\",\r\n                    color: \"#FFFFFF\",\r\n                    fontSize: \"1.5rem\",\r\n                    textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\",\r\n                    '& .MuiCardHeader-title': {\r\n                        fontWeight: \"bold\",\r\n                        fontSize: \"1.5rem\",\r\n                        textAlign: \"center\",\r\n                        textTransform: \"uppercase\",\r\n                        letterSpacing: \"0.05em\"\r\n                    }\r\n                }}\r\n            />\r\n            <CardContent className=\"p-6\">\r\n                <div className=\"flex flex-wrap gap-2\">\r\n                    {tags.map((tag) => (\r\n                        <Chip key={tag.id} tag={tag} />\r\n                    ))}\r\n                </div>\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerTagsCard;","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\nexport type PlayerPromptCardProps = {\r\n    title: string | null;\r\n    description: string | null;\r\n};\r\n\r\nconst PlayerPromptCard: React.FC<PlayerPromptCardProps> = ({ title, description }) => (\r\n    <Card\r\n        sx={{\r\n            margin: \"1rem\",\r\n            background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Gradient color scheme\r\n            boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Card shadow\r\n            borderRadius: \"12px\", // Rounded corners\r\n            color: \"#FFFFFF\", // Text contrast with the background\r\n            overflow: \"hidden\", // Keeps consistent and clean card shape\r\n        }}\r\n        className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n    >\r\n        <CardContent className=\"p-6\">\r\n            {/* Title */}\r\n            {title && (\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    className=\"font-bold text-lg uppercase text-center tracking-wide mb-4\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Bright white for high visibility\r\n                        textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong text shadow for contrast\r\n                        fontSize: \"1.5rem\",\r\n                    }}\r\n                >\r\n                    {title}\r\n                </Typography>\r\n            )}\r\n\r\n            {/* Description */}\r\n            {description && (\r\n                <Typography\r\n                    variant=\"body2\"\r\n                    className=\"text-sm font-medium text-center\"\r\n                    sx={{\r\n                        color: \"#E3F2FD\", // Softer light blue for description\r\n                        textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow\r\n                        lineHeight: 1.6,\r\n                        marginTop: \"1rem\",\r\n                    }}\r\n                >\r\n                    {description}\r\n                </Typography>\r\n            )}\r\n        </CardContent>\r\n    </Card>\r\n);\r\n\r\nexport default PlayerPromptCard;\r\n\r\n","\"use client\";\r\n\r\nimport React, { useMemo, useState } from \"react\";\r\nimport Autocomplete from \"@mui/material/Autocomplete\";\r\nimport { Card, CardContent, CardHeader, TextField } from \"@mui/material\";\r\nimport Popper, { PopperProps } from \"@mui/material/Popper\";\r\nimport { Tag } from \"@/types/tag\";\r\nimport Chip from \"@/components/shared/Chip\";\r\n\r\nexport interface PlayerTagsEditProps {\r\n  selectedTags: Tag[];\r\n  possibleTags: Tag[];\r\n  onToggleTag: (id: number) => void;\r\n}\r\n\r\nconst PlayerTagsEdit: React.FC<PlayerTagsEditProps> = ({\r\n  selectedTags = [],\r\n  possibleTags = [],\r\n  onToggleTag,\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const selectedIds = useMemo(() => selectedTags.map((tag) => tag.id), [selectedTags]);\r\n\r\n  const options = useMemo(\r\n    () => possibleTags.map((tag) => ({ value: tag.id, label: tag.label, alternate_title: tag.alternate_title })),\r\n    [possibleTags]\r\n  );\r\n\r\n  return (\r\n    <Card sx={{\r\n        margin: \"1rem\",\r\n        borderRadius: \"12px\",\r\n        boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\",\r\n        overflow: \"hidden\"\r\n    }}>\r\n      <CardHeader \r\n        title=\"Player Tags\" \r\n        sx={{\r\n            background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\",\r\n            color: \"#FFFFFF\",\r\n            fontSize: \"1.5rem\",\r\n            textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\",\r\n            '& .MuiCardHeader-title': {\r\n                fontWeight: \"bold\",\r\n                fontSize: \"1.5rem\",\r\n                textAlign: \"center\",\r\n                textTransform: \"uppercase\",\r\n                letterSpacing: \"0.05em\"\r\n            }\r\n        }}\r\n      />\r\n      <CardContent className=\"p-6\">\r\n        <div className=\"flex flex-wrap gap-2 mb-4\">\r\n          {selectedTags.map((tag) => (\r\n            <Chip\r\n              key={tag.id}\r\n              tag={tag}\r\n              removeCallback={() => onToggleTag(tag.id)}\r\n            />\r\n          ))}\r\n        </div>\r\n        <Autocomplete\r\n          key={selectedIds.join(\"-\")}\r\n          options={options}\r\n          filterOptions={(availableOptions, state) => {\r\n            const query = state.inputValue.toLowerCase();\r\n            return availableOptions\r\n              .filter(\r\n                (option) =>\r\n                  !selectedIds.includes(option.value) &&\r\n                  (option.label.toLowerCase().includes(query) ||\r\n                    option.alternate_title?.some((title) => title.toLowerCase().includes(query)))\r\n              )\r\n              .slice(0, 5);\r\n          }}\r\n          value={null}\r\n          inputValue={inputValue}\r\n          onInputChange={(event, newInputValue) => {\r\n            if (event && event.type === \"change\") {\r\n              setInputValue(newInputValue);\r\n            }\r\n          }}\r\n          onChange={(event, newValue) => {\r\n            if (newValue) {\r\n              onToggleTag(newValue.value);\r\n            }\r\n            setInputValue(\"\");\r\n          }}\r\n          slots={{ popper: CustomPopper }}\r\n          renderInput={(params) => (\r\n            <TextField\r\n              {...params}\r\n              label=\"Select Tags\"\r\n              variant=\"outlined\"\r\n            />\r\n          )}\r\n        />\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n};\r\n\r\nconst CustomPopper = (props: PopperProps) => {\r\n  return (\r\n    <Popper\r\n      {...props}\r\n      modifiers={[\r\n        {\r\n          name: \"preventOverflow\",\r\n          options: {\r\n            boundary: \"viewport\",\r\n          },\r\n        },\r\n        {\r\n          name: \"offset\",\r\n          options: {\r\n            offset: [0, -10],\r\n          },\r\n        },\r\n      ]}\r\n      placement=\"top-start\"\r\n    />\r\n  );\r\n};\r\n\r\nexport default PlayerTagsEdit;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Grid, Box, useMediaQuery, useTheme, NoSsr } from \"@mui/material\";\r\nimport PlayerDisplayCard, { PlayerDisplayProps } from \"./PlayerDisplayCard\";\r\nimport PlayerDetailsCard, { PlayerDetailsProps } from \"./PlayerDetailsCard\";\r\nimport PlayerTagsCard from \"./PlayerTagsCard\";\r\nimport PlayerPromptCard, { PlayerPromptCardProps } from \"./PlayerPromptCard\";\r\nimport PlayerTagsEdit from \"./PlayerTagsEdit\";\r\nimport { Tag } from \"@/types/tag\";\r\n\r\nexport type PlayerPageLayoutProps = {\r\n    playerData: PlayerDisplayProps & PlayerDetailsProps;\r\n    tags: Tag[];\r\n    blurbs: PlayerPromptCardProps[];\r\n    isOwner?: boolean;\r\n    possibleTags?: Tag[];\r\n    onToggleTag?: (tagId: number) => void;\r\n};\r\n\r\nexport default function PlayerPageLayout({\r\n    playerData,\r\n    tags = [],\r\n    blurbs = [],\r\n    isOwner = false,\r\n    possibleTags = [],\r\n    onToggleTag = () => {},\r\n}: PlayerPageLayoutProps) {\r\n    const theme = useTheme();\r\n    const isSmallScreen = useMediaQuery(theme.breakpoints.down(\"lg\"));\r\n\r\n    const tagsElement = isOwner ? (\r\n        <PlayerTagsEdit\r\n            selectedTags={tags}\r\n            possibleTags={possibleTags}\r\n            onToggleTag={onToggleTag}\r\n        />\r\n    ) : (\r\n        <PlayerTagsCard tags={tags} />\r\n    );\r\n\r\n    return (\r\n        <NoSsr>\r\n            <Box sx={{ padding: \"2rem\", marginRight: \"auto\", marginLeft: \"auto\" }} justifyContent=\"center\">\r\n                <Grid container spacing={3} justifyContent=\"center\" sx={{ marginRight: \"auto\", marginLeft: \"auto\" }}>\r\n                    {/* Left Lane: PlayerDetails and Tags (only on large screens) */}\r\n                    {!isSmallScreen && (\r\n                        <Grid size={{ xs: 12, lg: 3 }}>\r\n                            <PlayerDetailsCard\r\n                                preferredPronouns={playerData.preferredPronouns}\r\n                                age={playerData.age}\r\n                                yearsPlaying={playerData.yearsPlaying}\r\n                                discordUsername={playerData.discordUsername}\r\n                                preferredGames={playerData.preferredGames}\r\n                            />\r\n                            {tagsElement}\r\n                        </Grid>\r\n                    )}\r\n\r\n                    {/* Right Side: All other cards */}\r\n                    <Grid size={{ xs: 12, lg: 6 }}>\r\n                        <Grid container spacing={3}>\r\n                            {/* PlayerDisplay Card */}\r\n                            <Grid size={{ xs: 12, lg: 8 }}>\r\n                                <PlayerDisplayCard\r\n                                    profilePicture={playerData.profilePicture}\r\n                                    username={playerData.username}\r\n                                    bio={playerData.bio}\r\n                                    preferredPronouns={playerData.preferredPronouns}\r\n                                />\r\n                            </Grid>\r\n\r\n                            {/* Render DetailsCard in small screens */}\r\n                            {isSmallScreen && (\r\n                                <Grid size={{ xs: 12, lg: 3 }}>\r\n                                    <PlayerDetailsCard\r\n                                        preferredPronouns={playerData.preferredPronouns}\r\n                                        age={playerData.age}\r\n                                        yearsPlaying={playerData.yearsPlaying}\r\n                                        discordUsername={playerData.discordUsername}\r\n                                        preferredGames={playerData.preferredGames}\r\n                                    />\r\n                                </Grid>\r\n                            )}\r\n\r\n                            {/* PlayerPromptCards */}\r\n                            {blurbs.map((blurb, index) => (\r\n                                <Grid size={{ xs: 12, lg: 8 }} key={index}>\r\n                                    <PlayerPromptCard\r\n                                        title={blurb.title}\r\n                                        description={blurb.description}\r\n                                    />\r\n                                </Grid>\r\n                            ))}\r\n                        </Grid>\r\n                    </Grid>\r\n                </Grid>\r\n            </Box>\r\n        </NoSsr>\r\n    );\r\n}\r\n"]}
+{"version":3,"sources":["../../src/components/PlayerPage/PlayerDetailsCard.tsx","../../src/data/values.tsx","../../src/components/PlayerPage/PlayerDisplayCard.tsx","../../src/components/shared/Chip.tsx","../../src/components/PlayerPage/PlayerTagsCard.tsx","../../src/components/PlayerPage/PlayerPromptCard.tsx","../../src/components/PlayerPage/PlayerTagsEdit.tsx","../../src/components/PlayerPage/PlayerPageLayout.tsx"],"names":["jsxs","Card","jsx","CardContent","Typography","useState","useEffect","CardMedia","Fragment","CardHeader","useMemo","Autocomplete","TextField","Popper","useTheme","useMediaQuery","NoSsr","Box","Grid"],"mappings":"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","file":"index.cjs","sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\nexport type PlayerDetailsProps = {\r\n    preferredPronouns: string | null;\r\n    age: number | null;\r\n    yearsPlaying: number | null;\r\n    discordUsername: string | null;\r\n    preferredGames: string[] | string | null;\r\n};\r\n\r\nconst PlayerDetailsCard: React.FC<PlayerDetailsProps> = ({\r\n    preferredPronouns,\r\n    age,\r\n    yearsPlaying,\r\n    discordUsername,\r\n    preferredGames,\r\n}) => {\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Primary Blue Gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Deep shadow based on the color\r\n                borderRadius: \"12px\", // Rounded corners\r\n                color: \"#FFFFFF\", // White as the base text color for contrast\r\n                position: \"relative\",\r\n                overflow: \"hidden\", // Ensures clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Decorative Overlay */}\r\n            <div\r\n                className=\"absolute inset-0 bg-gradient-to-t from-white/10 to-transparent opacity-60\"\r\n                aria-hidden=\"true\"\r\n            ></div>\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Title */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    className=\"font-bold uppercase text-center tracking-wide mb-4\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Bright white for high contrast\r\n                        textShadow: \"0px 4px 8px rgba(0, 0, 0, 0.5)\", // Stronger shadow for bold presence\r\n                        fontSize: \"1.5rem\", // Slightly larger title size\r\n                    }}\r\n                >\r\n                    Player Details\r\n                </Typography>\r\n\r\n                {/* Details Section */}\r\n                <div className=\"space-y-3\">\r\n                    {preferredPronouns && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Preferred Pronouns:</span> {preferredPronouns}\r\n                        </Typography>\r\n                    )}\r\n                    {age !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Age:</span> {age}\r\n                        </Typography>\r\n                    )}\r\n                    {yearsPlaying !== null && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Years Playing:</span> {yearsPlaying}\r\n                        </Typography>\r\n                    )}\r\n                    {discordUsername && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Discord Username:</span> {discordUsername}\r\n                        </Typography>\r\n                    )}\r\n                    {preferredGames && (\r\n                        <Typography\r\n                            variant=\"body2\"\r\n                            className=\"text-sm font-medium\"\r\n                            sx={{\r\n                                color: \"#FFFFFF\",\r\n                                textShadow: \"0px 2px 6px rgba(0, 0, 0, 0.5)\",\r\n                                fontWeight: \"bold\",\r\n                            }}\r\n                        >\r\n                            <span className=\"font-extrabold text-cyan-300\">Preferred Games:</span>{\" \"}\r\n                            {Array.isArray(preferredGames) ? preferredGames.join(\", \") : preferredGames}\r\n                        </Typography>\r\n                    )}\r\n                </div>\r\n\r\n                {/* Footer Section */}\r\n                <div className=\"mt-6 text-center\">\r\n                    <Typography\r\n                        variant=\"caption\"\r\n                        className=\"text-xs italic\"\r\n                        sx={{\r\n                            color: \"#BBDEFB\", // Subtle light blue for footer text\r\n                            textShadow: \"0px 1px 3px rgba(0, 0, 0, 0.2)\",\r\n                        }}\r\n                    >\r\n                        All information is player-submitted.\r\n                    </Typography>\r\n                </div>\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDetailsCard;\r\n\r\n","export function BlurbTitles() {\r\n    const blurbTitles = new Map();\r\n    blurbTitles.set(1, \"What’s your most epic tabletop moment?\");\r\n    blurbTitles.set(2, \"What type of character do you dream of playing?\");\r\n    blurbTitles.set(3, \"What kind of story are you most excited to be part of?\");\r\n    blurbTitles.set(4, \"Which tabletop world would you want to live in?\");\r\n    blurbTitles.set(5, \"If you could only play one tabletop game forever, what would it be?\");\r\n    blurbTitles.set(6, \"What’s a fantasy or sci-fi world you love and would want to game in?\");\r\n    blurbTitles.set(7, \"Who’s the most chaotic (or hilarious) player you've ever gamed with?\");\r\n    blurbTitles.set(8, \"What motivates you to join a tabletop game: adventure, laughs, or something else?\");\r\n    blurbTitles.set(9, \"What’s your weirdest in-game flex?\");\r\n    blurbTitles.set(10, \"Which class or archetype are you drawn to—fighter, mage, rogue, healer, or wildcard?\");\r\n    blurbTitles.set(11, \"What character did you have the most fun playing?\");\r\n    blurbTitles.set(12, \"What kind of player are you: Min-maxer, storyteller, or chaos incarnate?\");\r\n    blurbTitles.set(13, \"Describe the best campaign twist you’ve ever experienced.\");\r\n    blurbTitles.set(14, \"What’s your guilty pleasure when it comes to character archetypes?\");\r\n    blurbTitles.set(15, \"Who’s your favorite villain or antagonist you’ve faced in a campaign?\");\r\n    blurbTitles.set(16, \"What’s the hardest decision your character ever had to make?\");\r\n    blurbTitles.set(17, \"What’s the funniest tabletop memory you’ve ever had?\");\r\n    blurbTitles.set(18, \"Ever had a tabletop game go completely off the rails? What happened?\");\r\n    blurbTitles.set(19, \"Introduce us to your favorite homebrew rule!\");\r\n    blurbTitles.set(20, \"What’s your favorite dice-rolling ritual or superstition?\");\r\n    blurbTitles.set(21, \"What’s your go-to tabletop snack during sessions?\");\r\n    blurbTitles.set(22, \"What’s the most creative solution you’ve ever come up with in a game?\");\r\n    blurbTitles.set(23, \"What NPC or character from a campaign would you date IRL?\");\r\n    blurbTitles.set(24, \"What’s your favorite tabletop rule or mechanic?\");\r\n    blurbTitles.set(25, \"What’s the most emotional tabletop moment you’ve had?\");\r\n    blurbTitles.set(26, \"What kind of story twist or epic moment would make you fall in love with the game?\");\r\n    blurbTitles.set(27, \"What’s the most challenging yet rewarding NPC you've ever created?\");\r\n    blurbTitles.set(28, \"How do you keep players on track without railroading your game?\");\r\n    blurbTitles.set(29, \"What’s the most unexpected way your players solved a problem you designed?\");\r\n    blurbTitles.set(30, \"What’s your favorite resource or tool for planning campaigns?\");\r\n    blurbTitles.set(31, \"What’s the funniest way your players have broken your carefully-planned encounter?\");\r\n    blurbTitles.set(32, \"What’s the most memorable villain or antagonist you’ve created?\");\r\n    blurbTitles.set(33, \"How do you handle player conflict in your campaigns?\");\r\n    blurbTitles.set(34, \"What’s your favorite homebrew rule to spice up your campaigns?\");\r\n    blurbTitles.set(35, \"Have you ever scrapped a planned session because of something your players did?\");\r\n    blurbTitles.set(36, \"What’s the most creative environment or setting you’ve designed for your players?\");\r\n\r\n    return blurbTitles;\r\n}\r\n\r\nexport function PrivacyValues() {\r\n    const privacyValues = new Map();\r\n    privacyValues.set(1, \"private\");\r\n    privacyValues.set(\"private\", 1);\r\n\r\n    privacyValues.set(2, \"connection\");\r\n    privacyValues.set(\"connection\",2);\r\n\r\n    privacyValues.set(3, \"public\");\r\n    privacyValues.set(\"public\", 3);\r\n\r\n    privacyValues.set(4, \"table\");\r\n    privacyValues.set(\"table\", 4);\r\n\r\n    return privacyValues;\r\n}\r\n\r\nexport function PlayerTagLabels(): string[] {\r\n    const tagTitles: string[] = [];\r\n\r\n    tagTitles.push(\"girl gamer\");\r\n    tagTitles.push(\"veteran\");\r\n    tagTitles.push(\"new\");\r\n    tagTitles.push(\"min-maxer\");\r\n    tagTitles.push(\"role-player\");\r\n    tagTitles.push(\"rules lawyer\");\r\n    tagTitles.push(\"storyteller\");\r\n    tagTitles.push(\"chaotic\");\r\n    tagTitles.push(\"planner\");\r\n    tagTitles.push(\"wildcard\");\r\n    tagTitles.push(\"protector\");\r\n    tagTitles.push(\"rogue-like\");\r\n    tagTitles.push(\"power gamer\");\r\n    tagTitles.push(\"thinker\");\r\n    tagTitles.push(\"narrative\");\r\n    tagTitles.push(\"homebrewer\");\r\n    tagTitles.push(\"dungeon master\");\r\n    tagTitles.push(\"world builder\");\r\n    tagTitles.push(\"solver\");\r\n    tagTitles.push(\"strategist\");\r\n    tagTitles.push(\"dice lover\");\r\n    tagTitles.push(\"performer\");\r\n    tagTitles.push(\"casual\");\r\n    tagTitles.push(\"character-focused\");\r\n    tagTitles.push(\"team player\");\r\n    tagTitles.push(\"mechanics\");\r\n    tagTitles.push(\"adventurer\");\r\n    tagTitles.push(\"collector\");\r\n    tagTitles.push(\"problem solver\");\r\n    tagTitles.push(\"innovator\");\r\n    tagTitles.push(\"lorekeeper\");\r\n    tagTitles.push(\"rule bender\");\r\n    tagTitles.push(\"sandboxer\");\r\n    tagTitles.push(\"cartographer\");\r\n    tagTitles.push(\"loyalist\");\r\n    tagTitles.push(\"wrangler\");\r\n    tagTitles.push(\"moment maker\");\r\n    tagTitles.push(\"jinxed roller\");\r\n    tagTitles.push(\"lucky roller\");\r\n    tagTitles.push(\"meticulous\");\r\n    tagTitles.push(\"improviser\");\r\n    tagTitles.push(\"tactician\");\r\n    tagTitles.push(\"butterfly\");\r\n    tagTitles.push(\"beginner\");\r\n    tagTitles.push(\"voice actor\");\r\n    tagTitles.push(\"multi-campaign\");\r\n    tagTitles.push(\"starter\");\r\n    tagTitles.push(\"forever DM\");\r\n    tagTitles.push(\"finisher\");\r\n    tagTitles.push(\"swapper\");\r\n    tagTitles.push(\"meta-gamer\");\r\n    tagTitles.push(\"specialist\");\r\n\r\n    return tagTitles;\r\n}\r\n\r\n\r\nexport const FantasyNouns = [\r\n    // Core D&D Classes\r\n    \"Fighter\", \"Rogue\", \"Wizard\", \"Cleric\", \"Paladin\", \"Barbarian\", \"Ranger\", \"Sorcerer\", \"Bard\", \"Monk\", \"Warlock\", \"Druid\", \"Artificer\",\r\n\r\n    // Fantasy Occupations\r\n    \"Alchemist\", \"Blacksmith\", \"Knight\", \"Mage\", \"Mercenary\", \"Archer\", \"Scribe\", \"Healer\", \"Hunter\", \"Assassin\", \"Enchanter\",\r\n    \"Miner\", \"Sailor\", \"Merchant\", \"Herbalist\", \"Cartographer\", \"Tailor\", \"Innkeeper\", \"Cook\", \"Scholar\",\r\n\r\n    // Archetypes\r\n    \"Adventurer\", \"Champion\", \"Warlord\", \"Outlaw\", \"Pilgrim\", \"Prophet\", \"Necromancer\", \"Witch\", \"Shaman\",\r\n    \"Beastmaster\", \"Acolyte\", \"Spellblade\", \"Battlemage\", \"Blademaster\", \"Warpriest\", \"Berserker\", \"Elementalist\",\r\n\r\n    // Fantasy Creatures/Beings\r\n    \"Dragon\", \"Elf\", \"Dwarf\", \"Orc\", \"Goblin\", \"Gnome\", \"Tiefling\", \"Genasi\", \"Halfling\", \"Lich\", \"Vampire\", \"Werewolf\",\r\n    \"Demon\", \"Angel\", \"Pixie\", \"Dryad\", \"Centaur\", \"Chimera\", \"Golem\", \"Fairy\", \"Troll\", \"Minotaur\", \"Kraken\",\r\n    \"Griffin\", \"Phoenix\",\r\n\r\n    // Fantasy Roles/Titles\r\n    \"Archmage\", \"High Priestess\", \"King\", \"Queen\", \"Duke\", \"Duchess\", \"Emperor\", \"Empress\", \"Captain\", \"Seer\", \"Oracle\",\r\n    \"Warden\", \"Guardian\", \"Watchman\", \"Hero\", \"Villain\", \"Herald\", \"Scout\", \"Envoy\",\r\n\r\n    // Other Fantasy-Themed Nouns\r\n    \"Spellcaster\", \"Summoner\", \"Conjurer\", \"Warrior\", \"Gladiator\", \"Pathfinder\", \"Explorer\", \"Tinkerer\", \"Shadowblade\",\r\n    \"Dungeoneer\", \"Archon\", \"Mystic\", \"Sage\", \"Runemaster\", \"Smith\", \"Wanderer\", \"Wayfarer\", \"Avenger\", \"Defender\", \"Keeper\"\r\n];\r\n\r\nexport const FantasyAdjectives = [\r\n    // Descriptive of Power/Strength\r\n    \"Mighty\", \"Powerful\", \"Fierce\", \"Tough\", \"Armored\", \"Indomitable\", \"Savage\", \"Vengeful\", \"Heroic\", \"Valiant\",\r\n\r\n    // Magical Features\r\n    \"Enchanted\", \"Bewitched\", \"Magical\", \"Mystical\", \"Ethereal\", \"Arcane\", \"Spellbound\", \"Supernatural\", \"Runed\",\r\n\r\n    // Personality/Appearance Traits\r\n    \"Noble\", \"Gallant\", \"Cunning\", \"Crafty\", \"Shadowy\", \"Elegant\", \"Wise\", \"Shrewd\", \"Merciless\", \"Serene\",\r\n    \"Infernal\", \"Wicked\", \"Pious\", \"Charming\", \"Loyal\", \"Treacherous\", \"Bold\", \"Cowardly\", \"Sly\",\r\n\r\n    // Environment-Themed\r\n    \"Cursed\", \"Blessed\", \"Haunted\", \"Frozen\", \"Burning\", \"Fiery\", \"Icy\", \"Stormy\", \"Sunlit\", \"Moonlit\",\r\n    \"Dark\", \"Luminous\", \"Glistening\", \"Ancient\", \"Shattered\", \"Sacred\", \"Forbidden\", \"Hidden\", \"Lost\",\r\n    \"Verdant\", \"Barren\",\r\n\r\n    // Monster/Creature Traits\r\n    \"Ferocious\", \"Ravenous\", \"Menacing\", \"Grotesque\", \"Spiked\", \"Scaled\", \"Hulking\", \"Winged\", \"Fanged\", \"Horned\",\r\n    \"Tentacled\", \"Shapeshifting\",\r\n\r\n    // Mystical/Abstract Traits\r\n    \"Immortal\", \"Mythical\", \"Omniscient\", \"Unbreakable\",\r\n    \"Unfathomable\", \"Celestial\", \"Void\", \"Otherworldly\", \"Primordial\",\r\n\r\n    // Precious/Gleaming Adjectives\r\n    \"Golden\", \"Silver\", \"Crystalline\", \"Diamond\", \"Jeweled\", \"Sapphire\", \"Emerald\", \"Shimmering\", \"Gleaming\", \"Radiant\",\r\n\r\n    // Combat-Related Traits\r\n    \"Bloodstained\", \"Battleworn\", \"Unyielding\", \"Victorious\", \"Deadly\", \"Sharp\", \"Piercing\", \"Relentless\", \"Untouchable\",\r\n\r\n    // Nature-Themed\r\n    \"Whispering\", \"Thorned\", \"Blossoming\", \"Blooming\", \"Overgrown\", \"Howling\", \"Cracked\", \"Twisted\", \"Mossy\", \"Winding\",\r\n    \"Towering\", \"Rooted\",\r\n\r\n    // Emotional/Thematic Descriptors\r\n    \"Free\", \"Courageous\", \"Reckless\", \"Damned\", \"Lonely\", \"Heartless\", \"Driven\", \"Hopeful\",\r\n    \"Fateful\"\r\n];\r\n\r\nexport const FantasyQualifiers = [\r\n    // Describing Uniqueness or Origins\r\n    \"Original\", \"Prime\", \"Primal\", \"Archetypal\", \"Ancestral\", \"Legendary\", \"Foremost\",\r\n\r\n    // Describing Finality or Completion\r\n    \"Final\", \"Ultimate\", \"Absolute\", \"Conclusive\", \"Eternal\", \"Enduring\", \"Definitive\",\r\n\r\n    // Describing Supremacy or Greatness\r\n    \"Supreme\", \"Paramount\", \"Preeminent\", \"Pinnacle\", \"Peerless\", \"Unrivaled\", \"Sovereign\", \"Dominant\",\r\n\r\n    // Describing Perfection or Excellence\r\n    \"Flawless\", \"Perfect\", \"Divine\", \"Exalted\", \"Transcendent\", \"Matchless\", \"Incomparable\",\r\n\r\n    // Describing Eternity or Timelessness\r\n    \"Timeless\", \"Boundless\", \"Ageless\", \"Perpetual\", \"Infinite\", \"Everlasting\",\r\n\r\n    // Describing Power or Authority\r\n    \"Omnipotent\", \"Almighty\", \"Unassailable\", \"Overwhelming\", \"Irresistible\", \"Unconquerable\", \"Majestic\"\r\n];\r\n\r\nexport const generateUsername = () => {\r\n    let output = \"\"\r\n\r\n    output+= getRandomElement(FantasyQualifiers)\r\n    output+= getRandomElement(FantasyAdjectives)\r\n    output+= getRandomElement(FantasyNouns)\r\n\r\n    return output;\r\n}\r\n\r\nexport const DEFAULT_PROFILE_PIC = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDY1OTM0MDY1OTM0MDE2IDEuNDA2NTkzNDA2NTkzNDAxNikgc2NhbGUoMi44MSAyLjgxKSI+Cgk8cGF0aCBkPSJNIDQ1IDg4IGMgLTExLjA0OSAwIC0yMS4xOCAtMi4wMDMgLTI5LjAyMSAtOC42MzQgQyA2LjIxMiA3MS4xMDUgMCA1OC43NjQgMCA0NSBDIDAgMjAuMTg3IDIwLjE4NyAwIDQ1IDAgYyAyNC44MTMgMCA0NSAyMC4xODcgNDUgNDUgYyAwIDEzLjc2NSAtNi4yMTIgMjYuMTA1IC0xNS45NzkgMzQuMzY2IEMgNjYuMTgxIDg1Ljk5OCA1Ni4wNDkgODggNDUgODggeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjE0LDIxNCwyMTQpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cgk8cGF0aCBkPSJNIDQ1IDYwLjcxIGMgLTExLjQ3OSAwIC0yMC44MTggLTkuMzM5IC0yMC44MTggLTIwLjgxNyBjIDAgLTExLjQ3OSA5LjMzOSAtMjAuODE4IDIwLjgxOCAtMjAuODE4IGMgMTEuNDc5IDAgMjAuODE3IDkuMzM5IDIwLjgxNyAyMC44MTggQyA2NS44MTcgNTEuMzcxIDU2LjQ3OSA2MC43MSA0NSA2MC43MSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGQ9Ik0gNDUgOTAgYyAtMTAuNjEzIDAgLTIwLjkyMiAtMy43NzMgLTI5LjAyOCAtMTAuNjI1IGMgLTAuNjQ4IC0wLjU0OCAtMC44OCAtMS40NDQgLTAuNTc5IC0yLjIzNyBDIDIwLjAzNCA2NC45MTkgMzEuOTMzIDU2LjcxIDQ1IDU2LjcxIHMgMjQuOTY2IDguMjA5IDI5LjYwNyAyMC40MjggYyAwLjMwMSAwLjc5MyAwLjA2OSAxLjY4OSAtMC41NzkgMi4yMzcgQyA2NS45MjIgODYuMjI3IDU1LjYxMyA5MCA0NSA5MCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=\";\r\n\r\nexport const ProfilePictureSettings = {\r\n    aspectRatio: 4/5,\r\n    minWidth: 400,\r\n}\r\n\r\nconst getRandomElement = (array: string[]) => {\r\n    return array[Math.floor(Math.random() * array.length)];\r\n}\r\n\r\n","\"use client\";\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Card, CardMedia, CardContent, Typography } from \"@mui/material\";\r\nimport {DEFAULT_PROFILE_PIC, ProfilePictureSettings} from \"@/data/values\";\r\n\r\nexport type PlayerDisplayProps = {\r\n    profilePicture: string | null;\r\n    username: string;\r\n    bio: string | null;\r\n    preferredPronouns: string | null;\r\n};\r\n\r\nconst PlayerDisplayCard: React.FC<PlayerDisplayProps> = ({\r\n                                                             profilePicture,\r\n                                                             username,\r\n                                                             bio,\r\n                                                             preferredPronouns,\r\n                                                         }) => {\r\n    const [imageSrc, setImageSrc] = useState<string>(DEFAULT_PROFILE_PIC);\r\n\r\n    useEffect(() => {\r\n        async function validateImage() {\r\n            const newImage = profilePicture || DEFAULT_PROFILE_PIC;\r\n            if (!profilePicture) {\r\n                setImageSrc(DEFAULT_PROFILE_PIC);\r\n                return;\r\n            }\r\n\r\n            const img = new Image();\r\n            img.src = newImage;\r\n\r\n            img.onload = () => {\r\n                setImageSrc(newImage);\r\n            };\r\n\r\n            img.onerror = () => {\r\n                setImageSrc(DEFAULT_PROFILE_PIC);\r\n            };\r\n        }\r\n\r\n        validateImage();\r\n    }, [profilePicture]);\r\n\r\n    return (\r\n        <Card\r\n            sx={{\r\n                margin: \"1rem\",\r\n                background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Vibrant blue gradient\r\n                boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Blue shadow to add depth\r\n                borderRadius: \"12px\", // Smooth rounded corners\r\n                color: \"#FFFFFF\", // White text for high contrast\r\n                overflow: \"hidden\", // Clean edges\r\n            }}\r\n            className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n        >\r\n            {/* Image Section */}\r\n            <CardMedia\r\n                component=\"img\"\r\n                image={imageSrc}\r\n                alt={`${username}'s Profile Picture`}\r\n                sx={{\r\n                    aspectRatio: ProfilePictureSettings.aspectRatio,\r\n                    height: \"auto\", // Updates to maintain aspect ratio and fill space nicely\r\n                    width: \"100%\",\r\n                    objectFit: \"cover\",\r\n                }}\r\n            />\r\n\r\n            <CardContent className=\"relative p-6\">\r\n                {/* Username */}\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    component=\"div\"\r\n                    className=\"font-bold text-lg uppercase text-center tracking-wide mb-2\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Pure white for username\r\n                        fontSize: \"1.5rem\",\r\n                        textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong shadow for visibility\r\n                    }}\r\n                >\r\n                    {username}\r\n                </Typography>\r\n\r\n                {/* Preferred Pronouns */}\r\n                {preferredPronouns && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-medium\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\",\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontWeight: \"bold\", // Emphasize key details\r\n                            marginBottom: \"1rem\",\r\n                        }}\r\n                    >\r\n                        {preferredPronouns}\r\n                    </Typography>\r\n                )}\r\n\r\n                {/* Bio */}\r\n                {bio && (\r\n                    <Typography\r\n                        variant=\"body2\"\r\n                        className=\"text-sm font-light\"\r\n                        sx={{\r\n                            color: \"#E3F2FD\", // Softer muted tone for secondary text\r\n                            textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow for readability\r\n                            fontStyle: \"italic\", // Distinguish bio visually\r\n                        }}\r\n                    >\r\n                        {bio}\r\n                    </Typography>\r\n                )}\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerDisplayCard;\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport {Tag} from \"@/types/tag\";\r\n\r\nexport default function Chip({ tag, removeCallback }: { tag: Tag, removeCallback?: (tagId: number) => void }) {\r\n  const color = tag.color ?? \"#bfbcbb\";\r\n  return (\r\n      <>\r\n      <span\r\n          key={tag.id}\r\n          className=\"inline-block text-sm px-3 py-1 rounded-full border-2 font-outlined text-white m-0.5 font-stretch-105% font-sans\"\r\n          style={{\r\n            borderColor: `color-mix(in srgb, ${color}, black 50%)`,\r\n            background: `linear-gradient(160deg, color-mix(in srgb, ${color}, white 10%) 0%, color-mix(in srgb, ${color}, black 60%) 100%)`,\r\n            textShadow: \"black 1.5px 1px 1.5px\",\r\n            filter: `drop-shadow(2px 2px 1.5px color-mix(in srgb, ${color}, black 80%))`\r\n          }}\r\n      >\r\n          {tag.label}\r\n          {removeCallback && (\r\n              <button\r\n                  type=\"button\"\r\n                  onClick={() => removeCallback(tag.id)}\r\n                  className=\"ml-2 text-white hover:text-red-700 focus:outline-none pl-0.5 pr-1 cursor-pointer hover:bg-white rounded-full\"\r\n                  style={{\r\n                    textShadow: \"black 1px 1px 1px\"\r\n                  }}\r\n              >\r\n                X\r\n              </button>\r\n          )}\r\n    </span>\r\n    </>\r\n  )\r\n\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, CardHeader } from \"@mui/material\";\r\nimport { Tag } from \"@/types/tag\";\r\nimport Chip from \"@/components/shared/Chip\";\r\n\r\nexport type PlayerTagsCardProps = {\r\n    tags: Tag[];\r\n};\r\n\r\nconst PlayerTagsCard: React.FC<PlayerTagsCardProps> = ({ tags = [] }) => {\r\n    return (\r\n        <Card sx={{\r\n            margin: \"1rem\",\r\n            borderRadius: \"12px\",\r\n            boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\",\r\n            overflow: \"hidden\"\r\n        }} className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\">\r\n            <CardHeader\r\n                title=\"Player Tags\"\r\n                sx={{\r\n                    background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\",\r\n                    color: \"#FFFFFF\",\r\n                    fontSize: \"1.5rem\",\r\n                    textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\",\r\n                    '& .MuiCardHeader-title': {\r\n                        fontWeight: \"bold\",\r\n                        fontSize: \"1.5rem\",\r\n                        textAlign: \"center\",\r\n                        textTransform: \"uppercase\",\r\n                        letterSpacing: \"0.05em\"\r\n                    }\r\n                }}\r\n            />\r\n            <CardContent className=\"p-6\">\r\n                <div className=\"flex flex-wrap gap-2\">\r\n                    {tags.map((tag) => (\r\n                        <Chip key={tag.id} tag={tag} />\r\n                    ))}\r\n                </div>\r\n            </CardContent>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default PlayerTagsCard;","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Card, CardContent, Typography } from \"@mui/material\";\r\n\r\nexport type PlayerPromptCardProps = {\r\n    title: string | null;\r\n    description: string | null;\r\n};\r\n\r\nconst PlayerPromptCard: React.FC<PlayerPromptCardProps> = ({ title, description }) => (\r\n    <Card\r\n        sx={{\r\n            margin: \"1rem\",\r\n            background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\", // Gradient color scheme\r\n            boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\", // Card shadow\r\n            borderRadius: \"12px\", // Rounded corners\r\n            color: \"#FFFFFF\", // Text contrast with the background\r\n            overflow: \"hidden\", // Keeps consistent and clean card shape\r\n        }}\r\n        className=\"transition duration-300 transform hover:scale-105 hover:shadow-2xl\"\r\n    >\r\n        <CardContent className=\"p-6\">\r\n            {/* Title */}\r\n            {title && (\r\n                <Typography\r\n                    variant=\"h5\"\r\n                    className=\"font-bold text-lg uppercase text-center tracking-wide mb-4\"\r\n                    sx={{\r\n                        color: \"#FFFFFF\", // Bright white for high visibility\r\n                        textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\", // Strong text shadow for contrast\r\n                        fontSize: \"1.5rem\",\r\n                    }}\r\n                >\r\n                    {title}\r\n                </Typography>\r\n            )}\r\n\r\n            {/* Description */}\r\n            {description && (\r\n                <Typography\r\n                    variant=\"body2\"\r\n                    className=\"text-sm font-medium text-center\"\r\n                    sx={{\r\n                        color: \"#E3F2FD\", // Softer light blue for description\r\n                        textShadow: \"0px 2px 4px rgba(0, 0, 0, 0.3)\", // Subtle shadow\r\n                        lineHeight: 1.6,\r\n                        marginTop: \"1rem\",\r\n                    }}\r\n                >\r\n                    {description}\r\n                </Typography>\r\n            )}\r\n        </CardContent>\r\n    </Card>\r\n);\r\n\r\nexport default PlayerPromptCard;\r\n\r\n","\"use client\";\r\n\r\nimport React, { useMemo, useState } from \"react\";\r\nimport Autocomplete from \"@mui/material/Autocomplete\";\r\nimport { Card, CardContent, CardHeader, TextField } from \"@mui/material\";\r\nimport Popper, { PopperProps } from \"@mui/material/Popper\";\r\nimport { Tag } from \"@/types/tag\";\r\nimport Chip from \"@/components/shared/Chip\";\r\n\r\nexport interface PlayerTagsEditProps {\r\n  selectedTags: Tag[];\r\n  possibleTags: Tag[];\r\n  onToggleTag: (id: number) => void;\r\n}\r\n\r\nconst PlayerTagsEdit: React.FC<PlayerTagsEditProps> = ({\r\n  selectedTags = [],\r\n  possibleTags = [],\r\n  onToggleTag,\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const selectedIds = useMemo(() => selectedTags.map((tag) => tag.id), [selectedTags]);\r\n\r\n  const options = useMemo(\r\n    () => possibleTags.map((tag) => ({ value: tag.id, label: tag.label, alternate_title: tag.alternate_title })),\r\n    [possibleTags]\r\n  );\r\n\r\n  return (\r\n    <Card sx={{\r\n        margin: \"1rem\",\r\n        borderRadius: \"12px\",\r\n        boxShadow: \"0px 8px 15px rgba(25, 118, 210, 0.3)\",\r\n        overflow: \"hidden\"\r\n    }}>\r\n      <CardHeader \r\n        title=\"Player Tags\" \r\n        sx={{\r\n            background: \"linear-gradient(135deg, rgba(25, 118, 210, 0.8), rgba(25, 118, 210, 1))\",\r\n            color: \"#FFFFFF\",\r\n            fontSize: \"1.5rem\",\r\n            textShadow: \"0px 3px 6px rgba(0, 0, 0, 0.5)\",\r\n            '& .MuiCardHeader-title': {\r\n                fontWeight: \"bold\",\r\n                fontSize: \"1.5rem\",\r\n                textAlign: \"center\",\r\n                textTransform: \"uppercase\",\r\n                letterSpacing: \"0.05em\"\r\n            }\r\n        }}\r\n      />\r\n      <CardContent className=\"p-6\">\r\n        <div className=\"flex flex-wrap gap-2 mb-4\">\r\n          {selectedTags.map((tag) => (\r\n            <Chip\r\n              key={tag.id}\r\n              tag={tag}\r\n              removeCallback={() => onToggleTag(tag.id)}\r\n            />\r\n          ))}\r\n        </div>\r\n        <Autocomplete\r\n          key={selectedIds.join(\"-\")}\r\n          options={options}\r\n          filterOptions={(availableOptions, state) => {\r\n            const query = state.inputValue.toLowerCase();\r\n            return availableOptions\r\n              .filter(\r\n                (option) =>\r\n                  !selectedIds.includes(option.value) &&\r\n                  (option.label.toLowerCase().includes(query) ||\r\n                    option.alternate_title?.some((title) => title.toLowerCase().includes(query)))\r\n              )\r\n              .slice(0, 5);\r\n          }}\r\n          value={null}\r\n          inputValue={inputValue}\r\n          onInputChange={(event, newInputValue) => {\r\n            if (event && event.type === \"change\") {\r\n              setInputValue(newInputValue);\r\n            }\r\n          }}\r\n          onChange={(event, newValue) => {\r\n            if (newValue) {\r\n              onToggleTag(newValue.value);\r\n            }\r\n            setInputValue(\"\");\r\n          }}\r\n          slots={{ popper: CustomPopper }}\r\n          renderInput={(params) => (\r\n            <TextField\r\n              {...params}\r\n              label=\"Select Tags\"\r\n              variant=\"outlined\"\r\n            />\r\n          )}\r\n        />\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n};\r\n\r\nconst CustomPopper = (props: PopperProps) => {\r\n  return (\r\n    <Popper\r\n      {...props}\r\n      modifiers={[\r\n        {\r\n          name: \"preventOverflow\",\r\n          options: {\r\n            boundary: \"viewport\",\r\n          },\r\n        },\r\n        {\r\n          name: \"offset\",\r\n          options: {\r\n            offset: [0, -10],\r\n          },\r\n        },\r\n      ]}\r\n      placement=\"top-start\"\r\n    />\r\n  );\r\n};\r\n\r\nexport default PlayerTagsEdit;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Grid, Box, useMediaQuery, useTheme, NoSsr } from \"@mui/material\";\r\nimport PlayerDisplayCard, { PlayerDisplayProps } from \"./PlayerDisplayCard\";\r\nimport PlayerDetailsCard, { PlayerDetailsProps } from \"./PlayerDetailsCard\";\r\nimport PlayerTagsCard from \"./PlayerTagsCard\";\r\nimport PlayerPromptCard, { PlayerPromptCardProps } from \"./PlayerPromptCard\";\r\nimport PlayerTagsEdit from \"./PlayerTagsEdit\";\r\nimport { Tag } from \"@/types/tag\";\r\n\r\nexport type PlayerPageLayoutProps = {\r\n    playerData: PlayerDisplayProps & PlayerDetailsProps;\r\n    tags: Tag[];\r\n    blurbs: PlayerPromptCardProps[];\r\n    isOwner?: boolean;\r\n    possibleTags?: Tag[];\r\n    onToggleTag?: (tagId: number) => void;\r\n};\r\n\r\nexport default function PlayerPageLayout({\r\n    playerData,\r\n    tags = [],\r\n    blurbs = [],\r\n    isOwner = false,\r\n    possibleTags = [],\r\n    onToggleTag = () => {},\r\n}: PlayerPageLayoutProps) {\r\n    const theme = useTheme();\r\n    const isSmallScreen = useMediaQuery(theme.breakpoints.down(\"lg\"));\r\n\r\n    const tagsElement = isOwner ? (\r\n        <PlayerTagsEdit\r\n            selectedTags={tags}\r\n            possibleTags={possibleTags}\r\n            onToggleTag={onToggleTag}\r\n        />\r\n    ) : (\r\n        <PlayerTagsCard tags={tags} />\r\n    );\r\n\r\n    return (\r\n        <NoSsr>\r\n            <Box sx={{ padding: \"2rem\", marginRight: \"auto\", marginLeft: \"auto\" }} justifyContent=\"center\">\r\n                <Grid container spacing={3} justifyContent=\"center\" sx={{ marginRight: \"auto\", marginLeft: \"auto\" }}>\r\n                    {/* Left Lane: PlayerDetails and Tags (only on large screens) */}\r\n                    {!isSmallScreen && (\r\n                        <Grid size={{ xs: 12, lg: 3 }}>\r\n                            <PlayerDetailsCard\r\n                                preferredPronouns={playerData.preferredPronouns}\r\n                                age={playerData.age}\r\n                                yearsPlaying={playerData.yearsPlaying}\r\n                                discordUsername={playerData.discordUsername}\r\n                                preferredGames={playerData.preferredGames}\r\n                            />\r\n                            {tagsElement}\r\n                        </Grid>\r\n                    )}\r\n\r\n                    {/* Right Side: All other cards */}\r\n                    <Grid size={{ xs: 12, lg: 6 }}>\r\n                        <Grid container spacing={3}>\r\n                            {/* PlayerDisplay Card */}\r\n                            <Grid size={{ xs: 12, lg: 8 }}>\r\n                                <PlayerDisplayCard\r\n                                    profilePicture={playerData.profilePicture}\r\n                                    username={playerData.username}\r\n                                    bio={playerData.bio}\r\n                                    preferredPronouns={playerData.preferredPronouns}\r\n                                />\r\n                            </Grid>\r\n\r\n                            {/* Render DetailsCard in small screens */}\r\n                            {isSmallScreen && (\r\n                                <Grid size={{ xs: 12, lg: 3 }}>\r\n                                    <PlayerDetailsCard\r\n                                        preferredPronouns={playerData.preferredPronouns}\r\n                                        age={playerData.age}\r\n                                        yearsPlaying={playerData.yearsPlaying}\r\n                                        discordUsername={playerData.discordUsername}\r\n                                        preferredGames={playerData.preferredGames}\r\n                                    />\r\n                                </Grid>\r\n                            )}\r\n\r\n                            {/* PlayerPromptCards */}\r\n                            {blurbs.map((blurb, index) => (\r\n                                <Grid size={{ xs: 12, lg: 8 }} key={index}>\r\n                                    <PlayerPromptCard\r\n                                        title={blurb.title}\r\n                                        description={blurb.description}\r\n                                    />\r\n                                </Grid>\r\n                            ))}\r\n                        </Grid>\r\n                    </Grid>\r\n                </Grid>\r\n            </Box>\r\n        </NoSsr>\r\n    );\r\n}\r\n"]}

package/dist/PlayerPage/index.mjs

@@ -164,17 +164,21 @@ var PlayerDetailsCard = ({
 var PlayerDetailsCard_default = PlayerDetailsCard;
 
 // src/data/values.tsx
+var DEFAULT_PROFILE_PIC = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDY1OTM0MDY1OTM0MDE2IDEuNDA2NTkzNDA2NTkzNDAxNikgc2NhbGUoMi44MSAyLjgxKSI+Cgk8cGF0aCBkPSJNIDQ1IDg4IGMgLTExLjA0OSAwIC0yMS4xOCAtMi4wMDMgLTI5LjAyMSAtOC42MzQgQyA2LjIxMiA3MS4xMDUgMCA1OC43NjQgMCA0NSBDIDAgMjAuMTg3IDIwLjE4NyAwIDQ1IDAgYyAyNC44MTMgMCA0NSAyMC4xODcgNDUgNDUgYyAwIDEzLjc2NSAtNi4yMTIgMjYuMTA1IC0xNS45NzkgMzQuMzY2IEMgNjYuMTgxIDg1Ljk5OCA1Ni4wNDkgODggNDUgODggeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjE0LDIxNCwyMTQpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cgk8cGF0aCBkPSJNIDQ1IDYwLjcxIGMgLTExLjQ3OSAwIC0yMC44MTggLTkuMzM5IC0yMC44MTggLTIwLjgxNyBjIDAgLTExLjQ3OSA5LjMzOSAtMjAuODE4IDIwLjgxOCAtMjAuODE4IGMgMTEuNDc5IDAgMjAuODE3IDkuMzM5IDIwLjgxNyAyMC44MTggQyA2NS44MTcgNTEuMzcxIDU2LjQ3OSA2MC43MSA0NSA2MC43MSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGQ9Ik0gNDUgOTAgYyAtMTAuNjEzIDAgLTIwLjkyMiAtMy43NzMgLTI5LjAyOCAtMTAuNjI1IGMgLTAuNjQ4IC0wLjU0OCAtMC44OCAtMS40NDQgLTAuNTc5IC0yLjIzNyBDIDIwLjAzNCA2NC45MTkgMzEuOTMzIDU2LjcxIDQ1IDU2LjcxIHMgMjQuOTY2IDguMjA5IDI5LjYwNyAyMC40MjggYyAwLjMwMSAwLjc5MyAwLjA2OSAxLjY4OSAtMC41NzkgMi4yMzcgQyA2NS45MjIgODYuMjI3IDU1LjYxMyA5MCA0NSA5MCB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigxNjUsMTY0LDE2NCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=";
 var ProfilePictureSettings = {
   aspectRatio: 4 / 5};
-var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) => {
-  const defaultImg = "/man-walking-silhouette-clipart.jpg";
-  const [imageSrc, setImageSrc] = useState(defaultImg);
-  const { aspectRatio } = ProfilePictureSettings;
+var PlayerDisplayCard = ({
+  profilePicture,
+  username,
+  bio,
+  preferredPronouns
+}) => {
+  const [imageSrc, setImageSrc] = useState(DEFAULT_PROFILE_PIC);
   useEffect(() => {
     async function validateImage() {
-      const newImage = profilePicture || defaultImg;
+      const newImage = profilePicture || DEFAULT_PROFILE_PIC;
       if (!profilePicture) {
-        setImageSrc(defaultImg);
+        setImageSrc(DEFAULT_PROFILE_PIC);
         return;
       }
       const img = new Image();
@@ -183,7 +187,7 @@ var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) =
         setImageSrc(newImage);
       };
       img.onerror = () => {
-        setImageSrc(defaultImg);
+        setImageSrc(DEFAULT_PROFILE_PIC);
       };
     }
     validateImage();
@@ -213,7 +217,7 @@ var PlayerDisplayCard = ({ profilePicture, username, bio, preferredPronouns }) =
             image: imageSrc,
             alt: `${username}'s Profile Picture`,
             sx: {
-              aspectRatio,
+              aspectRatio: ProfilePictureSettings.aspectRatio,
               height: "auto",
               // Updates to maintain aspect ratio and fill space nicely
               width: "100%",