{"version":3,"file":"static/chunks/app/page-fa59ef39a88fe887.js","mappings":"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","sources":["webpack://_N_E/?9b80","webpack://_N_E/./app/page.js","webpack://_N_E/./components/Footer.js","webpack://_N_E/./components/util/DeveloperWrapper.js","webpack://_N_E/./components/util/ToggleableLink.js","webpack://_N_E/./components/Header.js","webpack://_N_E/./components/PlayButton.js","webpack://_N_E/./hooks/use-web3-constants.js","webpack://_N_E/./util/strings.js"],"sourcesContent":["import(/* webpackMode: \"eager\" */ \"/codebuild/output/src644217717/src/hangman/game/app/page.js\");\n","\"use client\";\n\nimport PlayButton from \"@/components/PlayButton\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport Footer from \"../components/Footer\";\nimport Header from \"../components/Header\";\nimport {readTutorialMatchStatus} from \"./(main)/(header)/(currency-header)/select/page\";\n\nconst DividerSection = () => (\n  <div className=\"w-full flex flex-row py-4 lg:space-x-16 bg-[url('/ui/home/bank-mobile.jpg')] lg:bg-[url('/ui/home/bank.jpg')] bg-center bg-cover justify-around lg:justify-center lg:h-[170px] lg:min-h-[170px]\">\n    <div className=\"flex flex-col md:flex-row items-center\">\n      <img\n        src=\"/icons/coin.svg\"\n        className=\"h-[60px] px-4 lg:h-[100px] lg:px-8\"\n        alt=\"coin\"\n      />\n      <div className=\"flex flex-col text-center space-y-2 md:space-y-0\">\n        <p className=\"font-raleway-medium text-md md:text-xl text-blue\">\n          Compete\n        </p>\n        <p className=\"font-heebo-regular hidden md:block md:text-md text-white\">\n          Play for Free\n        </p>\n      </div>\n    </div>\n    <div className=\"flex flex-col md:flex-row items-center\">\n      <img\n        src=\"/ui/home/icon-trophy.svg\"\n        className=\"h-[60px] px-4 lg:h-[100px] lg:px-8\"\n        alt=\"trophy\"\n      />\n      <div className=\"flex flex-col text-center space-y-2 md:space-y-0\">\n        <p className=\"font-raleway-medium text-md md:text-xl text-blue\">Win</p>\n        <p className=\"font-heebo-regular hidden md:block md:text-md text-white\">\n          Be the Best\n        </p>\n      </div>\n    </div>\n    <div className=\"flex flex-col md:flex-row items-center\">\n      <img\n        src=\"/ui/home/icon-money.svg\"\n        className=\"h-[60px] px-4 lg:h-[100px] lg:px-8\"\n        alt=\"cash\"\n      />\n      <div className=\"flex flex-col text-center space-y-2 md:space-y-0\">\n        <p className=\"font-raleway-medium text-md md:text-xl text-blue\">\n          Get Paid\n        </p>\n        <p className=\"font-heebo-regular hidden md:block md:text-md text-white\">\n          Win Cash Prizes\n        </p>\n      </div>\n    </div>\n  </div>\n);\n\nconst rankToIcon = (rank) => {\n  switch (rank) {\n    case 1: {\n      return \"/ui/leaderboards/medal-gold.svg\";\n    }\n    case 2: {\n      return \"/ui/leaderboards/medal-silver.svg\";\n    }\n    case 3: {\n      return \"/ui/leaderboards/medal-bronze.svg\";\n    }\n    default: {\n      return \"/ui/leaderboards/medal-unranked.svg\";\n    }\n  }\n};\n\nconst fakeLeaderboardData = [\n  {rank: 1, name: \"GustavTheGreat\", winnings: 1152},\n  {rank: 2, name: \"__hippo__\", winnings: 944},\n  {rank: 3, name: \"FanglessBat\", winnings: 935},\n  {rank: 4, name: \"king_of_the_hang\", winnings: 930},\n  {rank: 5, name: \"bentooon\", winnings: 930},\n];\n\nconst LeaderboardEntry = ({rank, name, winnings}) => (\n  <div className=\"w-full flex flex-col border border-white-0 p-2 text-white-1 my-2\">\n    <div className=\"w-full flex items-center space-x-4\">\n      <Image\n        src={rankToIcon(rank)}\n        alt=\"rank\"\n        width={60}\n        height={60}\n        className=\"mx-4\"\n      />\n      <div className=\"w-full flex pr-4\">\n        <p className=\"font-table-data text-table-data\">{name}</p>\n        <p className=\"font-table-data text-table-data ml-auto text-yellow-0\">\n          ${winnings}\n        </p>\n      </div>\n    </div>\n  </div>\n);\n\nconst LeaderboardSection = () => (\n  <div className=\"w-full h-[840px] bg-[url('/ui/home/leaderboard.jpg')] bg-center bg-cover flex flex-col items-center pt-12\">\n    <p className=\"font-raleway-heavy font-raleway-bold text-xl text-blue-0 mb-4\">\n      Leaderboards\n    </p>\n    <p className=\"font-heebo-regular text-md text-white-0 text-center\">\n      Compete to win daily, weekly, and monthly leaderboard prizes!\n    </p>\n\n    <div className=\"w-full\">\n      <Image\n        src=\"/ui/home/icon-trophy.svg\"\n        alt=\"trophy\"\n        width={60}\n        height={60}\n        className=\"mx-auto my-4\"\n      />\n    </div>\n\n    <div className=\"w-full md:w-[560px] lg:w-[900px] flex flex-col px-6\">\n      {fakeLeaderboardData.map((entry) => {\n        return (\n          <LeaderboardEntry\n            key={entry.rank}\n            rank={entry.rank}\n            name={entry.name}\n            winnings={entry.winnings}\n          />\n        );\n      })}\n    </div>\n\n    <div>\n      <Link href=\"/select\">\n        <button className=\"font-button text-button text-blue-2 bg-green-0 rounded-md px-16 py-4 mt-8 mb-4 md:mt-16\">\n          Play Now\n        </button>\n      </Link>\n    </div>\n  </div>\n);\n\nexport function AboutTheGame() {\n  return (\n    <div className=\"max-w-screen-md flex\">\n      <div className=\"flex flex-col\">\n        <p className=\"font-raleway-bold text-white text-2xl\">About The Game</p>\n        <p className=\"font-heebo-regular text-white text-md\">\n          {`Hangman Clash is a skill-based, PVP word game built on the Movement\n          network and played in a browser. Don't be fooled: gameplay is easy to\n          learn, but difficult to master.`}\n          <p className=\"font-heebo-regular text-white text-md\"></p>\n          Players are pitted against each other and use timing and boost\n          elements to solve mystery words. Maximize your score with timing,\n          correctness, and boost strategy.\n        </p>\n        <p className=\"font-heebo-regular text-white text-md\">\n          Enter free or paid tournaments to win on-chain prizes.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction Trailer() {\n  // video with specific cover image\n  return (\n    <div className=\"bg-black-3 bg-center bg-cover w-full flex flex-col items-center\">\n      <div className=\"w-full flex flex-col items-center my-16 md:my-8\">\n        <video\n          controls\n          poster=\"/media/trailer-cover.png\"\n          width={960}\n          height={540}\n        >\n          <source src=\"/media/trailer.mp4\" type=\"video/mp4\" />\n          Your browser does not support the video tag.\n        </video>\n      </div>\n    </div>\n  );\n}\n\nexport default function Splash() {\n  const tutorialStatus = readTutorialMatchStatus();\n\n  return (\n    <div className=\"w-full h-full flex flex-col\">\n      <div className=\"w-full flex flex-col items-center bg-[url('/ui/home/header.jpg')] bg-top bg-cover h-screen md:h-auto\">\n        <Header />\n\n        <div className=\"grow md:grow-0 flex flex-col-reverse md:flex-row justify-center max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg  items-center text-white-0 mb-8\">\n          {/* Text */}\n          <div className=\"flex flex-col items-center md:items-start lg:w-1/2 md:ml-10 p-6 text-center md:text-left\">\n            <p className=\"font-raleway-medium text-lg lg:text-xl\">\n              Last Mech Standing\n            </p>\n            <p className=\"font-raleway-thin text-md lg:text-lg\">\n              Compete in head-to-head tournaments and win cash prizes!\n            </p>\n            <div>\n              <PlayButton\n                href={\"/select\"}\n                message=\"Play now\"\n                className=\"mt-6\"\n              />\n            </div>\n          </div>\n\n          {/* Mech image */}\n          <img\n            src=\"/ui/home/mech.png\"\n            alt=\"mech\"\n            className=\"h-[300px] lg:h-[420px]\"\n          />\n        </div>\n      </div>\n\n      <DividerSection />\n      <Trailer />\n      <Footer />\n    </div>\n  );\n}\n","\"use client\";\n\nimport useWeb3Constants from \"@/hooks/use-web3-constants\";\nimport {GIT_BRANCH, GIT_REV} from \"@/util/gen-git\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport {usePathname} from \"next/navigation\";\n\nconst shouldShowFooterFor = (pathName) =>\n  [\"/demo\", \"/game\", \"/buy-moon\"].findIndex((path) =>\n    pathName.startsWith(path),\n  ) === -1;\n\nconst Footer = () => {\n  const pathName = usePathname();\n  const {name} = useWeb3Constants();\n\n  if (!shouldShowFooterFor(pathName)) {\n    return null;\n  }\n\n  const size = 26;\n\n  return (\n    <div className=\"mt-auto p-4 flex flex-col md:flex-row bg-blue-2 font-title-panel text-title-panel text-white-2 space-y-8 md:space-y-0 md:justify-between items-center\">\n      <div className=\"flex flex-col items-center\">\n        <Image\n          src=\"/logo.svg\"\n          alt=\"logo\"\n          className=\"mb-4 ml-8\"\n          height={72}\n          width={210}\n        />\n\n        <p className=\"font-heebo-regular text-md\">Copyright © 2025</p>\n        <p className=\"font-heebo-regular text-md\">SpyreIO, Inc</p>\n      </div>\n\n      <div className=\"flex items-center justify-center space-x-4\">\n        <Link href=\"https://x.com/spyreio/\" target=\"_blank\">\n          <Image\n            src=\"/icons/social/x-logo.png\"\n            width={size}\n            height={size}\n            alt=\"X\"\n            className=\"p-[4px]\"\n          />\n        </Link>\n\n        <Link href=\"https://discord.gg/QF8uMwFWBR\" target=\"_blank\">\n          <Image\n            src=\"/icons/social/discord-logo.svg\"\n            width={size}\n            height={size}\n            alt=\"discord\"\n            className=\"\"\n          />\n        </Link>\n\n        <Link href=\"https://github.com/spyre-io/\" target=\"_blank\">\n          <Image\n            src=\"/icons/social/github-logo.png\"\n            width={size}\n            height={size}\n            alt=\"github\"\n            className=\"p-[2px]\"\n          />\n        </Link>\n\n        <Link href=\"https://medium.com/spyre-io/\" target=\"_blank\">\n          <Image\n            src=\"/icons/social/medium-logo.png\"\n            width={size + 4}\n            height={size + 4}\n            alt=\"medium\"\n          />\n        </Link>\n      </div>\n\n      <div className=\"flex flex-col items-center\">\n        <Link href=\"https://spyre.io\" target=\"_blank\">\n          <Image src=\"/spyre.png\" width={210} height={77} alt=\"spyre-logo\" />\n        </Link>\n        <div className=\"flex items-center justify-center underline space-x-4 mt-4\">\n          <Link\n            href=\"https://app.termly.io/policy-viewer/policy.html?policyUUID=2b0d8062-2057-4a5e-b055-7c7457287bc2\"\n            target=\"_blank\"\n          >\n            <p className=\"font-heebo-regular text-md\">Privacy</p>\n          </Link>\n          <Link\n            href=\"https://app.termly.io/policy-viewer/policy.html?policyUUID=b2abcb1b-d117-450f-a0e2-4c283c66db48\"\n            target=\"_blank\"\n          >\n            <p className=\"font-heebo-regular text-md\">Terms</p>\n          </Link>\n          <Link\n            href=\"https://app.termly.io/policy-viewer/policy.html?policyUUID=7d1f8e88-e1e0-4f0f-a6fc-069296b1d9ee\"\n            target=\"_blank\"\n          >\n            <p className=\"font-heebo-regular text-md\">Cookies</p>\n          </Link>\n        </div>\n\n        <Link href=\"https://docs.hangmanclash.com/\" target=\"_blank\">\n          <p className=\"font-heebo-regular text-md underline mt-4\">\n            Whitepaper\n          </p>\n        </Link>\n      </div>\n\n      <div className=\"flex flex-col text-center font-heebo-regular text-md md:text-right md:-mt-[50px]\">\n        <p className=\"\">{`${GIT_BRANCH === \"master\" ? \"main\" : GIT_BRANCH} (${name})`}</p>\n        <p className=\"\">{`${GIT_REV}`}</p>\n      </div>\n    </div>\n  );\n};\n\nexport default Footer;\n","\"use client\";\n\nimport {useAccount, useAccountRefresh, useRpcCall} from \"@spyre-io/js\";\nimport mixpanel from \"mixpanel-browser\";\nimport {useCallback, useMemo, useState} from \"react\";\n\nconst DeveloperWrapper = ({className, children}) => {\n  const [numTimesClicked, setNumTimesClicked] = useState(0);\n\n  const refresh = useAccountRefresh();\n  const {mutateAsync: rpc} = useRpcCall(\"account/mark-developer\");\n\n  const {isPending, data: account} = useAccount();\n  const {developer} = useMemo(() => {\n    if (isPending) {\n      return {developer: false};\n    }\n\n    const meta = JSON.parse(account?.metadata || \"{}\");\n\n    // make sure developer flag is set\n    if (meta.developer) {\n      mixpanel.people.set({developer: true});\n    }\n\n    return meta;\n  }, [isPending, account]);\n\n  const incrementSecretClick = useCallback(async () => {\n    if (developer) {\n      return;\n    }\n\n    setNumTimesClicked(numTimesClicked + 1);\n\n    if (numTimesClicked >= 4) {\n      mixpanel.people.set({developer: true});\n\n      await rpc({});\n      await refresh();\n\n      console.log(\"Hello.\");\n    }\n  }, [numTimesClicked, developer, rpc, refresh]);\n\n  return (\n    <div\n      className={`${className} ${developer ? \"border border-blue-1\" : \"\"}`}\n      onClick={incrementSecretClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default DeveloperWrapper;\n","import Link from \"next/link\";\n\nconst ToggleableLink = ({\n  children,\n  href,\n  target,\n  isInMaintenanceMode,\n  ...props\n}) => {\n  if (isInMaintenanceMode) {\n    const className = (props.className || \"\") + \" cursor-not-allowed\";\n    return (\n      <div {...props} className={className}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Link href={href} target={target} {...props}>\n      {children}\n    </Link>\n  );\n};\n\nexport default ToggleableLink;\n","\"use client\";\n\nimport {selectIsInMaintenanceMode} from \"@/store/index\";\nimport {globalSelectors} from \"@/store/reducers/global\";\nimport {Dialog, Popover} from \"@headlessui/react\";\nimport {Bars3Icon, XMarkIcon} from \"@heroicons/react/24/outline\";\nimport Link from \"next/link\";\nimport {useState} from \"react\";\nimport {NotificationContainer} from \"react-notifications\";\nimport \"react-notifications/lib/notifications.css\";\nimport {useSelector} from \"react-redux\";\nimport {NotifCodeMatchReady} from \"./NakamaProvider\";\nimport PlayButton from \"./PlayButton\";\nimport DeveloperWrapper from \"./util/DeveloperWrapper\";\nimport ToggleableLink from \"./util/ToggleableLink\";\n\nexport default function Header() {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n\n  const notifs = useSelector(globalSelectors.selectNotifs);\n  const isInMaintenanceMode = useSelector(selectIsInMaintenanceMode);\n  const matchReadyCount = notifs[NotifCodeMatchReady]?.length || 0;\n\n  return (\n    <>\n      <NotificationContainer />\n\n      <div className=\"flex w-full border-solid border-t-[12px] border-blue-0 md:border-none\">\n        <header className=\"w-full\">\n          <nav className=\"flex py-2 px-6 text-menu font-menu text-white-1\">\n            <DeveloperWrapper>\n              <Link href=\"/select\">\n                <img\n                  src=\"/logo.svg\"\n                  alt=\"logo\"\n                  className=\"hidden md:block pl-12 pr-12\"\n                  height={115}\n                  width={261}\n                />\n                <img\n                  src=\"/logo-small.png\"\n                  alt=\"logo\"\n                  className=\"block md:hidden h-[50px] w-[31px] ml-1\"\n                />\n              </Link>\n            </DeveloperWrapper>\n\n            <div className=\"flex-1\" />\n\n            <div className=\"flex md:hidden\">\n              <button\n                type=\"button\"\n                className=\"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5\"\n                onClick={() => setMobileMenuOpen(true)}\n              >\n                <span className=\"sr-only\">Open main menu</span>\n                <Bars3Icon className=\"h-6 w-6 text-blue-0\" aria-hidden=\"true\" />\n              </button>\n            </div>\n\n            {/* Desktop */}\n            <Popover.Group className=\"hidden md:flex md:gap-x-12 items-center\">\n              <ToggleableLink\n                prefetch={false}\n                isInMaintenanceMode={isInMaintenanceMode}\n                href=\"/results\"\n                className=\"relative\"\n              >\n                History\n                {matchReadyCount > 0 && (\n                  <div className=\"absolute inline-flex items-center justify-center w-6 h-6 text-xs font-heebo-bold text-white bg-red border-2 rounded-full -top-[10px] -end-[20px] border-blue-2\">\n                    {matchReadyCount}\n                  </div>\n                )}\n              </ToggleableLink>\n              <ToggleableLink\n                prefetch={false}\n                isInMaintenanceMode={isInMaintenanceMode}\n                href=\"/leaderboards\"\n                className=\"\"\n              >\n                Leaderboards\n              </ToggleableLink>\n              <ToggleableLink\n                prefetch={false}\n                isInMaintenanceMode={isInMaintenanceMode}\n                href=\"/raffles\"\n                className=\"\"\n              >\n                Raffles\n              </ToggleableLink>\n              <ToggleableLink\n                href=\"/account\"\n                prefetch={false}\n                isInMaintenanceMode={isInMaintenanceMode}\n              >\n                Account\n              </ToggleableLink>\n\n              <PlayButton />\n            </Popover.Group>\n          </nav>\n\n          {/* Mobile */}\n          <Dialog\n            as=\"div\"\n            className=\"lg:hidden\"\n            open={mobileMenuOpen}\n            onClose={setMobileMenuOpen}\n          >\n            <div className=\"fixed inset-0 z-10\" />\n            <Dialog.Panel className=\"fixed inset-y-0 right-0 z-10 w-full overflow-y-auto px-6 py-6 sm:max-w-sm bg-blue-0\">\n              <div className=\"w-full flex flex-row-reverse\">\n                <button\n                  type=\"button\"\n                  className=\"-m-2.5 rounded-md p-2.5 text-white\"\n                  onClick={() => setMobileMenuOpen(false)}\n                >\n                  <span className=\"sr-only\">Close menu</span>\n                  <XMarkIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n                </button>\n              </div>\n              <div className=\"mt-4 flow-root\">\n                <div className=\"-my-6\">\n                  <div className=\"space-y-6 py-6 flex flex-col items-center font-menu text-headline-2\">\n                    <ToggleableLink\n                      isInMaintenanceMode={isInMaintenanceMode}\n                      href=\"/select\"\n                      onClick={() => setMobileMenuOpen(false)}\n                    >\n                      Play\n                    </ToggleableLink>\n                    <div className=\"border-b-2 border-blue-2 w-[80px]\" />\n                    <ToggleableLink\n                      prefetch={false}\n                      isInMaintenanceMode={isInMaintenanceMode}\n                      href=\"/results\"\n                      onClick={() => setMobileMenuOpen(false)}\n                    >\n                      History\n                      {matchReadyCount > 0 && (\n                        <div className=\"absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-0 -start-1 dark:border-gray-900\">\n                          {matchReadyCount}\n                        </div>\n                      )}\n                    </ToggleableLink>\n                    <div className=\"border-b-2 border-blue-2 w-[80px]\" />\n                    <ToggleableLink\n                      prefetch={false}\n                      isInMaintenanceMode={isInMaintenanceMode}\n                      href=\"/leaderboards\"\n                      onClick={() => setMobileMenuOpen(false)}\n                    >\n                      Leaderboards\n                    </ToggleableLink>\n                    <div className=\"border-b-2 border-blue-2 w-[80px]\" />\n                    <ToggleableLink\n                      prefetch={false}\n                      isInMaintenanceMode={isInMaintenanceMode}\n                      href=\"/raffles\"\n                      onClick={() => setMobileMenuOpen(false)}\n                    >\n                      Raffles\n                    </ToggleableLink>\n                    <div className=\"border-b-2 border-blue-2 w-[80px]\" />\n                    <ToggleableLink\n                      prefetch={false}\n                      isInMaintenanceMode={isInMaintenanceMode}\n                      href=\"/account\"\n                      onClick={() => setMobileMenuOpen(false)}\n                    >\n                      Account\n                    </ToggleableLink>\n                  </div>\n                </div>\n              </div>\n            </Dialog.Panel>\n          </Dialog>\n        </header>\n      </div>\n    </>\n  );\n}\n","import {PlayIcon} from \"@heroicons/react/24/solid\";\nimport {useRouter} from \"next/navigation\";\n\nexport default function PlayButton({\n  message = \"Play\",\n  href = \"/select\",\n  onClick,\n  className,\n  disabled,\n}) {\n  const router = useRouter();\n\n  return (\n    <button\n      className={`text-blue-2 hover:text-white ${className} bg-green-0 hover:bg-green-1 disabled:bg-green-2 font-raleway-regular text-center text-md rounded-md px-8 py-2 mx-auto flex items-center`}\n      disabled={disabled}\n      onClick={\n        disabled\n          ? () => {}\n          : onClick\n            ? onClick\n            : href\n              ? () => router.push(href)\n              : () => {}\n      }\n    >\n      {message}\n      <PlayIcon className=\"h-6 w-6 ml-2\" />\n    </button>\n  );\n}\n","const useWeb3Constants = () => {\n  return {\n    providerConfig: {\n      publishableKey: process.env.NEXT_PUBLIC_MAGIC_PUBLISHABLE_KEY,\n      aptos: {\n        nodeUrl: \"https://aptos.testnet.bardock.movementlabs.xyz/v1\",\n        faucetUrl: \"https://faucet.testnet.bardock.movementnetwork.xyz\",\n      },\n    },\n    providerType: \"magic\",\n    name: \"Move Bardok\",\n    chainId: 250,\n    contracts: {},\n    blockExplorer: \"https://explorer.movementlabs.xyz\",\n  };\n};\n\nexport default useWeb3Constants;\n","export const pad = (num, size) => {\n  let s = num + \"\";\n  while (s.length < size) s = \"0\" + s;\n  return s;\n};\n\nexport const capitalize = (word) => {\n  return word.charAt(0).toUpperCase() + word.slice(1);\n};\n"],"names":["DividerSection","div","className","img","src","alt","p","AboutTheGame","Trailer","video","controls","poster","width","height","source","type","Splash","readTutorialMatchStatus","Header","PlayButton","href","message","Footer","shouldShowFooterFor","findIndex","pathName","startsWith","path","usePathname","name","useWeb3Constants","Image","Link","target","size","GIT_BRANCH","GIT_REV","children","DeveloperWrapper","numTimesClicked","setNumTimesClicked","useState","refresh","useAccountRefresh","mutateAsync","rpc","useRpcCall","isPending","data","account","useAccount","developer","useMemo","meta","JSON","parse","metadata","mixpanel","set","incrementSecretClick","useCallback","console","log","onClick","ToggleableLink","isInMaintenanceMode","props","notifs","mobileMenuOpen","setMobileMenuOpen","useSelector","globalSelectors","selectNotifs","selectIsInMaintenanceMode","matchReadyCount","NotifCodeMatchReady","length","NotificationContainer","header","nav","button","span","Bars3Icon","aria-hidden","Popover","Group","prefetch","Dialog","as","open","onClose","Panel","XMarkIcon","disabled","router","useRouter","push","PlayIcon","providerConfig","publishableKey","process","aptos","nodeUrl","faucetUrl","providerType","chainId","contracts","blockExplorer","pad","num","s","word","charAt","toUpperCase","slice"],"sourceRoot":"","ignoreList":[]}