{"version":3,"file":"AppNav-c72f5293.js","sources":["../../src/assets/images/ChimpLogo.png","../../src/assets/images/logoLight.png","../../src/components/images/AppLogo.vue","../../src/components/footer/Footer.vue","../../src/assets/images/chimpLight.png","../../src/components/images/AppIcon.vue","../../src/assets/images/hamBurgerMenu.png","../../src/assets/images/hamburgerBlack.png","../../node_modules/web3-avatar-vue/dist/web3-avatar-vue.es.js","../../src/assets/images/copy.svg","../../src/assets/images/logout.svg","../../src/assets/images/eth.png","../../src/components/navs/AppNav/AppNavSettings.vue","../../src/components/navs/AppNav/AppNavAccountBtn.vue","../../src/components/navs/AppNav/AppNavNetworkSelect.vue","../../src/components/navs/AppNav/AppNavActions.vue","../../src/lib/utils/prefetch.ts","../../src/plugins/router/route-resolver.ts","../../src/components/links/PrefetchLinks.vue","../../src/components/navs/AppNav/DesktopLinks/DesktopLinkItem.vue","../../src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue","../../src/components/navs/AppNav/AppNav.vue"],"sourcesContent":["export default \"__VITE_ASSET__c08bffd2__\"","export default \"__VITE_ASSET__9209737b__\"","<script lang=\"ts\" setup>\nimport useDarkMode from '@/composables/useDarkMode';\nimport useTailwind from '@/composables/useTailwind';\n\n/**\n * TYPES\n */\ntype Props = {\n  forceDark?: boolean;\n};\n\n/**\n * PROPS & EMITS\n */\nconst props = withDefaults(defineProps<Props>(), {\n  forceDark: false,\n});\n\n/**\n * COMPOSABLES\n */\nconst { darkMode } = useDarkMode();\nconst tailwind = useTailwind();\n\n/**\n * COMPUTED\n */\nconst fillColor = computed(() => {\n  if (props.forceDark) return tailwind.theme.colors.white;\n\n  return darkMode.value\n    ? tailwind.theme.colors.white\n    : tailwind.theme.colors.gray['900'];\n});\nconst useDarkLogo = computed(() => (props.forceDark ? true : darkMode.value));\n</script>\n\n<template>\n  <div class=\"flex items-center sm:mr-4 app-logo\">\n    <img\n      v-if=\"useDarkLogo\"\n      src=\"~@/assets/images/ChimpLogo.png\"\n      alt=\"logo\"\n      width=\"280\"\n    />\n    <img v-else src=\"~@/assets/images/logoLight.png\" alt=\"logo\" width=\"280\" />\n  </div>\n</template>\n\n<style scoped>\n.app-logo :deep(.logotype) {\n  @apply origin-top-left relative;\n\n  transform: scale(1.1);\n}\n\n.svg-path {\n  transition: fill 0.2s ease-out;\n}\n\n.logo-svg:hover .svg-path {\n  fill: theme('colors.purple.700');\n}\n\n.dark .logo-svg:hover .svg-path {\n  fill: theme('colors.yellow.500');\n}\n</style>\n","<script lang=\"ts\" setup>\nimport useNetwork from '@/composables/useNetwork';\n\nimport AppLogo from '../images/AppLogo.vue';\n\nconst { networkSlug } = useNetwork();\n</script>\n\n<template>\n  <footer v-once>\n    <div\n      class=\"xl:container lg:px-4 xl:mx-auto dark:border-t dark:border-gray-800\"\n    >\n      <div\n        class=\"flex flex-col md:flex-row gap-8 md:justify-between items-center py-4 px-4 lg:px-0\"\n      >\n        <div class=\"flex flex-col gap-8\">\n          <router-link\n            class=\"font-medium link\"\n            :to=\"{ name: 'home', params: { networkSlug } }\"\n          >\n            <AppLogo class=\"mb-4\" />\n          </router-link>\n        </div>\n        <!-- <div class=\"columns-2 md:columns-2 sm:columns-1\">\n          <div class=\"flex flex-col\">\n            <a class=\"link-text\">About</a>\n            <a class=\"link-text\">Docs</a>\n            <a class=\"link-text\">Forum</a>\n            <a class=\"link-text\">Bug Bounty</a>\n          </div>\n          <div class=\"flex flex-col\">\n            <a class=\"link-text\">Terms of Use</a>\n            <a class=\"link-text\">Privacy Policy</a>\n            <a class=\"link-text\">Cookie Policy</a>\n            <a class=\"link-text\">3rd Party services</a>\n          </div>\n        </div> -->\n      </div>\n      <div class=\"border-bottom\" />\n      <div class=\"flex flex-col md:flex-row gap-8 md:justify-between pb-[40px]\">\n        <span class=\"text-center copyright-text\">\n          ©2023 Chimpexchange. All rights reserved.\n        </span>\n        <div class=\"flex gap-3 justify-center items-center\">\n          <a href=\"https://twitter.com/ChimpExchange\" target=\"_blank\">\n            <img\n              src=\"~@/assets/images/Twitter.png\"\n              alt=\"twitter\"\n              width=\"40px\"\n            />\n          </a>\n          <a\n            href=\"https://www.linkedin.com/company/chimp-exchange/\"\n            target=\"_blank\"\n          >\n            <img\n              src=\"~@/assets/images/Linkedin.png\"\n              alt=\"twitter\"\n              width=\"40px\"\n            />\n          </a>\n          <a href=\"https://discord.com/invite/EVFY8VhJkf\" target=\"_blank\">\n            <img\n              src=\"~@/assets/images/discord-mark-blue.png\"\n              alt=\"twitter\"\n              width=\"40px\"\n            />\n          </a>\n        </div>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<style scoped>\n.dark footer {\n  background: #17163f;\n}\nfooter {\n  background: #ececff;\n}\nfooter :deep(.logotype) {\n  @apply origin-top-left;\n\n  transform: scale(1.5);\n}\n.border-bottom {\n  background: #8b8dfc;\n  border: 1px solid;\n\n  border-image-source: linear-gradient(\n    90deg,\n    rgba(139, 141, 252, 0) -0.67%,\n    #8b8dfc 51.31%,\n    rgba(255, 255, 255, 0) 101.18%,\n    rgba(139, 141, 252, 0) 101.18%\n  );\n  width: 100%;\n  height: 2px;\n  margin-bottom: 50px;\n  margin-top: 20px;\n}\n\n.link {\n  @apply text-black dark:text-white transition-colors flex items-center no-underline hover:text-purple-600;\n}\n\n.link--external {\n  @apply text-sm;\n}\n\n.link:hover,\n.link:focus-visible {\n  @apply text-purple-600 dark:text-yellow-500 no-underline;\n}\n\n.link:focus:not(:focus-visible) {\n  outline: none;\n}\n\n.policy {\n  @apply text-sm text-gray-600 dark:text-gray-400 hover:text-purple-600 dark:hover:text-yellow-500;\n}\n\n.arrow {\n  @apply text-gray-300 dark:text-gray-600 group-hover:text-purple-600 dark:group-hover:text-yellow-500;\n}\n\n.router-link-active {\n  @apply text-blue-600 dark:text-blue-400;\n}\n.link-text {\n  font-size: 16px;\n  font-weight: 600;\n  padding: 16px 20px;\n}\n.dark .copyright-text {\n  color: #d1d1d1;\n  font-size: 18px;\n  font-weight: 500;\n}\n.copyright-text {\n  color: #000000;\n  font-size: 18px;\n  font-weight: 500;\n}\n</style>\n","export default \"__VITE_ASSET__f52a16cb__\"","<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nimport useDarkMode from '@/composables/useDarkMode';\n\n/**\n * TYPES\n */\ntype Props = {\n  forceDark?: boolean;\n};\n\n/**\n * PROPS & EMITS\n */\nconst props = withDefaults(defineProps<Props>(), {\n  forceDark: false,\n});\n\n/**\n * COMPOSABLES\n */\nconst { darkMode } = useDarkMode();\n\n/**\n * COMPUTED\n */\nconst useDarkLogo = computed(() => (props.forceDark ? true : darkMode.value));\n</script>\n\n<template>\n  <img\n    v-if=\"useDarkLogo\"\n    src=\"~@/assets/images/ChimpLogo.png\"\n    class=\"mr-2 sm:w-[130px] xs:w-[120px] md:w-[150px] lg:w-[150px]\"\n  />\n  <img\n    v-else\n    src=\"~@/assets/images/chimpLight.png\"\n    class=\"mr-2 sm:w-[130px] xs:w-[120px] md:w-[150px] lg:w-[150px]\"\n  />\n</template>\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABbCAYAAABAvLq9AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEeSURBVHgB7dzBTQMxEIbRcSqgFEqASoBKCJUgOnEJlEIHi1ec4g2+2dqR3pNWK7j+Gik55IsAYKJy75/btj2113t7HtvzEJxdbc/XYcw25D7iNUjnZsw25Gt7fQYpXbq/X4K0+svcgrT6y/wJ0urH/A7S6sf8CNK6GbOUUsOgafWXuQ96ba+3+Psiyvntn3Nqe54DAAAAAAAAAAAAAAAAgBMrkZBO0UGNex2gs9Mp+l+qMXWKxi6Ri07RQLbL1CkayHaZOkUD2cbUKRrINqaszUCqMXWKxrJdpk7RkQ4QAAAAAAAAAAAAAAAAQApLmga6PdPVWNEB0u1ZZ+qYuj1rzf7ltG7PQrMvU7dnodmXqduz0OwxdXsWmj2mzMtCv+h6RbJGClcsAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABbCAYAAABAvLq9AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgB7dyxTcNAFIDhZ0dJkaRgBEZgBDYBJglMgtgkJSUjwAapkyJcOuwQd3fyk75Piqxz+/Riy8UfAUBF3X83t9vt4/l83pXfQzneBbPWdd2+XD6uhrler3fl8hqkMxjmZrN5Ltv4HqTUj85PQVqDzSx/secgrfFmHoK0BsMsb0VfQVrjYb4FaS3+Ho7H4/dyubw8Rx+DdBbjG6fTab9arX7Kll4+FtwHc3cos/rs+/4lAAAAAAAAAAAAAAAAAJixLhLSKRq62QGaO52i21INU6doWh+56BRNSLWZOkXTsm2mTtGEVMPUKZqWbZg6RRMWkYhO0bRUw7zQKbqiAwQAAAAAAAAAAAAAAACQQpOmgW5PXc06QLo97VQdpm5PW7WbBro9DVXdTN2etmpvpm5PQ1WHqdvTVu1h6vY09AthWErZwfo3hQAAAABJRU5ErkJggg==\"","import { defineComponent as v, useCssVars as g, unref as c, computed as b, openBlock as f, createElementBlock as h } from \"vue\";\nvar s = {};\nObject.defineProperty(s, \"__esModule\", { value: !0 });\ns.createAvatar = u = s.getGradientColors = void 0;\nfunction i(r) {\n  var a;\n  const t = (a = r.match(/.{1,7}/g)) === null || a === void 0 ? void 0 : a.splice(0, 5), e = [];\n  return t == null || t.forEach((d) => {\n    let n = 0;\n    for (let o = 0; o < d.length; o += 1)\n      n = d.charCodeAt(o) + ((n << 5) - n), n = n & n;\n    const l = [0, 0, 0];\n    for (let o = 0; o < 3; o += 1) {\n      const _ = n >> o * 8 & 255;\n      l[o] = _;\n    }\n    e.push(`rgb(${l[0]}, ${l[1]}, ${l[2]})`);\n  }), e;\n}\nvar u = s.getGradientColors = i;\nfunction p(r, a) {\n  const t = i(a), e = typeof r == \"string\" ? document.querySelector(r) : r;\n  if (!e)\n    throw new Error(\"Avatar element not found\");\n  e.style.borderRadius = \"50%\", e.style.boxShadow = \"inset 0 0 0 1px rgba(0, 0, 0, 0.1)\", e.style.backgroundColor = t[0], e.style.backgroundImage = `\n    radial-gradient(at 66% 77%, ${t[1]} 0px, transparent 50%),\n    radial-gradient(at 29% 97%, ${t[2]} 0px, transparent 50%),\n    radial-gradient(at 99% 86%, ${t[3]} 0px, transparent 50%),\n    radial-gradient(at 29% 88%, ${t[4]} 0px, transparent 50%)\n  `;\n}\ns.createAvatar = p;\ns.default = p;\nconst x = { class: \"web3-avatar\" }, y = /* @__PURE__ */ v({\n  __name: \"Avatar\",\n  props: {\n    address: {\n      type: String,\n      required: !0\n    }\n  },\n  setup(r) {\n    const a = r;\n    g((e) => ({\n      \"6ebd55e8\": c(t)[0],\n      \"6ebd5607\": c(t)[1],\n      \"6ebd5626\": c(t)[2],\n      \"6ebd5645\": c(t)[3],\n      \"6ebd5664\": c(t)[4]\n    }));\n    const t = b(() => u(a.address));\n    return (e, d) => (f(), h(\"div\", x));\n  }\n});\nconst A = (r, a) => {\n  const t = r.__vccOpts || r;\n  for (const [e, d] of a)\n    t[e] = d;\n  return t;\n}, C = /* @__PURE__ */ A(y, [[\"__scopeId\", \"data-v-75502b3d\"]]);\nexport {\n  C as default\n};\n","export default \"__VITE_ASSET__5bf06bc3__\"","export default \"__VITE_ASSET__e276ea39__\"","export default \"data:image/png;base64,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\"","<script setup lang=\"ts\">\nimport AppSlippageForm from '@/components/forms/AppSlippageForm.vue';\nimport useEthereumTxType from '@/composables/useEthereumTxType';\nimport { ethereumTxTypeOptions } from '@/constants/options';\nimport useWeb3 from '@/services/web3/useWeb3';\nimport { shorten } from '@/lib/utils';\nimport useDarkMode from '@/composables/useDarkMode';\nimport { getConnectorLogo } from '@/services/web3/wallet-logos';\nimport { getConnectorName } from '@/services/web3/wallet-names';\nimport { useUserSettings } from '@/providers/user-settings.provider';\nimport { useTokens } from '@/providers/tokens.provider';\nimport { isEIP1559SupportedNetwork } from '@/composables/useNetwork';\nimport { Network } from '@/lib/config';\nimport useNumbers from '@/composables/useNumbers';\n\n// COMPOSABLES\nconst { setDarkMode } = useDarkMode();\nconst isDarkMode = ref(false);\nconst { balanceFor, nativeAsset, wrappedNativeAsset } = useTokens();\nconst { toFiat } = useNumbers();\nconst {\n  account,\n  disconnectWallet,\n  toggleWalletSelectModal,\n  connector,\n  provider,\n  userNetworkConfig,\n  isUnsupportedNetwork,\n  explorerLinks,\n} = useWeb3();\nconst { ethereumTxType, setEthereumTxType } = useEthereumTxType();\nconst { supportSignatures, setSupportSignatures } = useUserSettings();\n// DATA\nconst data = reactive({\n  copiedAddress: false,\n});\n\n// COMPUTED\nconst tokenBalance = computed(() => balanceFor(nativeAsset.address));\nconst tokenBalanceFiat = computed(() =>\n  toFiat(balanceFor(nativeAsset.address), wrappedNativeAsset.value.address)\n);\nconst networkColorClass = computed(() => {\n  let color = 'green';\n\n  if (isUnsupportedNetwork.value) {\n    color = 'red';\n  } else {\n    switch (userNetworkConfig.value?.chainId) {\n      case Network.GOERLI:\n        color = 'blue';\n        break;\n    }\n  }\n\n  return `bg-${color}-500 dark:bg-${color}-400`;\n});\nconst networkName = computed(() => userNetworkConfig.value?.name);\nconst connectorName = computed(() =>\n  getConnectorName(connector.value?.id, provider.value)\n);\nconst connectorLogo = computed(() =>\n  getConnectorLogo(connector.value?.id, provider.value)\n);\nconst hideDisconnect = computed(() => connector.value?.id == 'safe');\n\n// METHODS\nfunction copyAddress() {\n  navigator.clipboard.writeText(account.value);\n  data.copiedAddress = true;\n\n  setTimeout(() => {\n    data.copiedAddress = false;\n  }, 2 * 1000);\n}\nfunction toggleDarkMode() {\n  if (isDarkMode.value === true) {\n    isDarkMode.value = false;\n    setDarkMode(false);\n  } else {\n    isDarkMode.value = true;\n    setDarkMode(true);\n  }\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"p-4\">\n      <div class=\"flex items-center justify-between\">\n        <h5 class=\"leading-none tracking-tight\" v-text=\"$t('account')\" />\n        <div class=\"flex items-center gap-2\">\n          <BalBtn color=\"gray\" size=\"xs\" @click=\"toggleWalletSelectModal\">\n            {{ $t('change') }}\n          </BalBtn>\n          <div v-if=\"!hideDisconnect\">\n            <BalBtn\n              outline\n              color=\"gray\"\n              size=\"xs\"\n              class=\"capitalize\"\n              @click=\"disconnectWallet\"\n            >\n              {{ $t('disconnect') }}\n            </BalBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"info-conatainer-modal rounded-[20px] m-[20px]\">\n      <div class=\"flex items-center\">\n        <div class=\"flex items-center\">\n          <img :src=\"connectorLogo\" class=\"w-[50px] h-[50px]\" />\n          <div class=\"ml-[10px]\">\n            <p class=\"font-[400]\">\n              {{\n                isUnsupportedNetwork ? $t('unsupportedNetwork') : networkName\n              }}\n            </p>\n            <p\n              class=\"font-bold text-black dark:text-white\"\n              v-text=\"shorten(account)\"\n            />\n          </div>\n          <div class=\"flex ml-3\">\n            <BalTooltip width=\"auto\">\n              <template #activator>\n                <BalBtn class=\"button-container\" @click=\"copyAddress\">\n                  <img\n                    src=\"~@/assets/images/copy.svg\"\n                    alt=\"twitter\"\n                    class=\"w-[30px]\"\n                  />\n                </BalBtn>\n              </template>\n              <div\n                class=\"text-center\"\n                v-text=\"data.copiedAddress ? $t('copied') : $t('copyAddress')\"\n              />\n            </BalTooltip>\n            <BalBtn\n              class=\"ml-2 button-container\"\n              tag=\"a\"\n              :href=\"explorerLinks.addressLink(account)\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              <img\n                src=\"~@/assets/images/logout.svg\"\n                alt=\"twitter\"\n                class=\"w-[30px]\"\n              />\n            </BalBtn>\n          </div>\n        </div>\n      </div>\n      <div class=\"mt-[20px]\">\n        <div class=\"flex justify-between w-full\">\n          <div class=\"flex items-center\">\n            <img\n              src=\"~@/assets/images/eth.png\"\n              alt=\"LineaEth\"\n              width=\"25\"\n              class=\"object-contain mr-[10px]\"\n            />\n            {{ parseFloat(tokenBalance.toString()).toFixed(3) }} ETH\n          </div>\n          <div>\n            {{ parseFloat(tokenBalanceFiat.toString()).toFixed(3) }} USD\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"flex justify-between items-center px-4 mt-4 mb-[20px]\">\n      <span class=\"text-[20px] font-[600]\" v-text=\"'Dark Theme'\" />\n      <BalToggle\n        :checked=\"isDarkMode\"\n        name=\"isDarkMode\"\n        @toggle=\"toggleDarkMode\"\n      />\n    </div>\n    <div class=\"flex items-center justify-between px-4 mb-2\">\n      <div class=\"flex items-baseline\">\n        <span class=\"text-[20px] font-[600]\" v-text=\"$t('useSignatures')\" />\n        <BalTooltip>\n          <template #activator>\n            <BalIcon name=\"info\" size=\"xs\" class=\"ml-1 -mb-px text-gray-400\" />\n          </template>\n          <div v-text=\"$t('useSignaturesTooltip')\" />\n        </BalTooltip>\n      </div>\n      <BalToggle\n        v-model=\"supportSignatures\"\n        name=\"supportSignatures\"\n        @toggle=\"setSupportSignatures\"\n      />\n    </div>\n\n    <div class=\"px-4 mt-4\">\n      <div class=\"flex items-baseline\">\n        <span class=\"mb-2 font-medium\" v-text=\"$t('slippageTolerance')\" />\n        <BalTooltip>\n          <template #activator>\n            <BalIcon name=\"info\" size=\"xs\" class=\"ml-1 -mb-px text-gray-400\" />\n          </template>\n          <div v-html=\"$t('marketConditionsWarning')\" />\n        </BalTooltip>\n      </div>\n      <AppSlippageForm class=\"mt-1\" />\n    </div>\n    <div v-if=\"isEIP1559SupportedNetwork\" class=\"px-4 mt-6\">\n      <div class=\"flex items-baseline\">\n        <span class=\"mb-2 font-medium\" v-text=\"$t('transactionType')\" />\n        <BalTooltip>\n          <template #activator>\n            <BalIcon name=\"info\" size=\"xs\" class=\"ml-1 -mb-px text-gray-400\" />\n          </template>\n          <div v-text=\"$t('ethereumTxTypeTooltip')\" />\n        </BalTooltip>\n      </div>\n      <BalBtnGroup\n        v-model=\"ethereumTxType\"\n        :options=\"ethereumTxTypeOptions\"\n        @update:model-value=\"setEthereumTxType\"\n      />\n    </div>\n    <div\n      class=\"p-4 mt-4 text-sm border-t rounded-b-xl dark:border-gray-900 network\"\n    >\n      <div v-text=\"$t('network')\" />\n      <div class=\"flex items-baseline\">\n        <div :class=\"['w-2 h-2 mr-1 rounded-full', networkColorClass]\" />\n        {{ isUnsupportedNetwork ? $t('unsupportedNetwork') : networkName }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.address {\n  @apply text-blue-500;\n\n  font-variant-ligatures: no-contextual;\n}\n\n.option:hover {\n  @apply text-blue-500 border-blue-500;\n}\n\n.option.active {\n  @apply text-blue-500 border-blue-500;\n}\n\n.slippage-input {\n  @apply bg-white;\n}\n\n.slippage-input.active {\n  @apply text-blue-500 border-blue-500 border-2 ring;\n}\n.info-conatainer-modal {\n  border: 1px solid #8b8dfc;\n  padding: 20px 15px;\n  border: 1px solid #8b8dfc;\n  background: rgba(134, 136, 255, 0.39);\n  box-shadow: 0px 0px 0px 2px rgba(134, 136, 255, 0.39);\n}\n.dark .info-conatainer-modal {\n  border: 1px solid #8b8dfc;\n  background: #141438;\n  padding: 20px 15px;\n  box-shadow: 0px 0px 0px 2px rgba(134, 136, 255, 0.39);\n}\n.button-container {\n  border-radius: 8px;\n  background: #8b8dfc;\n  width: 35px;\n  height: 35px;\n  padding: 10px;\n}\n.modal-button {\n  border-radius: 20px;\n  background: #2575fc;\n}\n</style>\n","<script setup lang=\"ts\">\n// import { computed } from 'vue';\n\n// import Avatar from '@/components/images/Avatar.vue';\nimport useBreakpoints from '@/composables/useBreakpoints';\nimport Web3Avatar from 'web3-avatar-vue';\nimport useWeb3 from '@/services/web3/useWeb3';\n// import { shorten } from '@/lib/utils';\n\nimport AppNavSettings from './AppNavSettings.vue';\nimport 'web3-avatar-vue/dist/style.css';\nconst { isMobile } = useBreakpoints();\nconst { account } = useWeb3();\n// const avatarSize = computed(() => {\n//   if (bp.value === 'sm') {\n//     return 35;\n//   } else if (['md', 'lg'].includes(bp.value)) {\n//     return 40;\n//   } else {\n//     return 20;\n//   }\n// });\n</script>\n\n<template>\n  <BalPopover\n    noPad\n    :align=\"isMobile ? 'center' : undefined\"\n    :detached=\"isMobile ? true : undefined\"\n  >\n    <template #activator>\n      <div class=\"mobile-account ml-[20px] mr-[20px] pointer\">\n        <Web3Avatar :address=\"account\" class=\"w-[40px] h-[40px]\" />\n      </div>\n      <!-- <BalBtn\n        class=\"text-base ml-[40px] account-button\"\n        :class=\"{ btn: upToLargeBreakpoint }\"\n        :loading=\"isLoadingProfile\"\n        :loadingLabel=\"upToLargeBreakpoint ? '' : $t('connecting')\"\n        color=\"white\"\n        :size=\"upToLargeBreakpoint ? 'md' : 'sm'\"\n        :circle=\"upToLargeBreakpoint\"\n      >\n        <Avatar\n          :iconURI=\"profile?.avatar || ''\"\n          :address=\"account\"\n          :size=\"avatarSize\"\n        /> \n        <span\n          v-if=\"profile && profile.ens\"\n          class=\"hidden lg:inline-block text-[15px]\"\n          v-text=\"profile && profile.ens\"\n        />\n        <span\n          v-else\n          class=\"hidden lg:inline-block pl-2 eth-address text-[20px] font-[500]\"\n          v-text=\"shorten(account)\"\n        />\n      </BalBtn> -->\n    </template>\n    <AppNavSettings />\n  </BalPopover>\n</template>\n\n<style>\n.dark .account-button {\n  @apply text-white font-[500] p-[15px] text-[20px] lg:min-h-[40px] lg:h-[40px] xs:min-h-[30px] sm:min-h-[30px] h-[30px];\n  background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);\n  box-shadow: 0px 0px 0px 3px #8b8dfc, 0px 0px 3px 2px #00000040;\n  border: 1px solid #9b9b9b;\n  border-radius: 60px;\n}\n.account-button {\n  @apply text-white font-[500] p-[15px] text-[20px] lg:min-h-[40px] lg:h-[40px] xs:min-h-[30px] sm:min-h-[30px] h-[30px];\n  border-radius: 60px;\n  background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);\n  box-shadow: 0px 0px 0px 4px #8b8dfc, 0px 0px 3px 2px rgba(0, 0, 0, 0.25);\n}\n.mobile-account {\n  box-shadow: 0px 0px 0px 1.728px #8b8dfc,\n    0px 0px 1.296px 0.864px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport { useI18n } from 'vue-i18n';\nimport useBreakpoints from '@/composables/useBreakpoints';\nimport useNetwork from '@/composables/useNetwork';\nimport useNotifications from '@/composables/useNotifications';\nimport useWeb3 from '@/services/web3/useWeb3';\nimport { configService } from '@/services/config/config.service';\nimport config from '@/lib/config';\nimport { Config } from '@/lib/config/types';\nimport { buildNetworkIconURL } from '@/lib/utils/urls';\nimport { hardRedirectTo } from '@/plugins/router/nav-guards';\n\nexport interface NetworkOption {\n  id: string;\n  name: string;\n  networkSlug?: string;\n  key?: string;\n}\n\n// COMPOSABLES\nconst { upToLargeBreakpoint } = useBreakpoints();\nconst { networkId, networkConfig } = useNetwork();\nconst { chainId } = useWeb3();\nconst router = useRouter();\nconst { addNotification } = useNotifications();\nconst { t } = useI18n();\n\nfunction convertConfigToNetworkOption(config: Config): NetworkOption {\n  return {\n    id: config.slug,\n    name: config.chainName,\n    networkSlug: config.slug,\n    key: config.key,\n  };\n}\n\nconst prodNetworks: NetworkOption[] = Object.values(config)\n  .filter(config => config.visibleInUI && !config.testNetwork)\n  .map(convertConfigToNetworkOption);\n\nconst networks = ref(prodNetworks);\n\nconst testNetworks: NetworkOption[] = Object.values(config)\n  .filter(config => config.visibleInUI && config.testNetwork)\n  .map(convertConfigToNetworkOption);\n\nconst networksDev = ref(testNetworks);\n\n// COMPUTED\nconst allNetworks = computed(() => {\n  return networks.value.concat(\n    configService.env.APP_ENV === 'development' ||\n      configService.env.APP_ENV === 'staging'\n      ? networksDev.value\n      : []\n  );\n});\n\nconst appNetworkSupported = computed((): boolean => {\n  return allNetworks.value\n    .map(network => network.key)\n    .includes(networkId.value.toString());\n});\n\nconst activeNetwork = computed((): NetworkOption | undefined =>\n  allNetworks.value.find(network => {\n    if (!appNetworkSupported.value && network.id === 'ethereum') return true;\n    return isActive(network);\n  })\n);\n\n// LIFECYCLE\nonMounted(async () => {\n  await router.isReady();\n  if (router.currentRoute.value.query?.poolNetworkAlert) {\n    addNotification({\n      type: 'error',\n      title: '',\n      message: `${t('poolDoesntExist')} ${networkConfig.chainName}`,\n    });\n    router.replace({ query: {} });\n  }\n});\n\n// WATCHERS\nwatch(chainId, (newChainId, oldChainId) => {\n  if (\n    newChainId &&\n    oldChainId &&\n    oldChainId !== newChainId &&\n    networkId.value !== newChainId\n  ) {\n    const newNetwork = allNetworks.value.find(\n      n => Number(n.key) === newChainId\n    );\n    if (newNetwork) {\n      localStorage.setItem('networkId', newChainId.toString());\n      hardRedirectTo(getNetworkChangeUrl(newNetwork));\n    }\n  }\n});\n\n// METHODS\nfunction getNetworkChangeUrl(network: NetworkOption): string {\n  const routes = [\n    'pool',\n    'create-pool',\n    'add-liquidity',\n    'withdraw',\n    'migrate-pool',\n  ];\n  if (routes.includes(router.currentRoute.value.name?.toString() ?? '')) {\n    return `/#/${network.networkSlug}?poolNetworkAlert=true`;\n  }\n\n  const currentRoute = router.currentRoute.value;\n  return router.resolve({\n    name: currentRoute.name ?? 'home',\n    params: { ...currentRoute.params, networkSlug: network.networkSlug },\n    query: currentRoute.query,\n  }).href;\n}\n\nfunction isActive(network: NetworkOption): boolean {\n  if (!appNetworkSupported.value && network.id === 'ethereum') return true;\n  return networkId.value.toString() === network.key;\n}\n</script>\n\n<template>\n  <BalPopover noPad>\n    <template #activator>\n      <BalBtn\n        class=\"ml-4 network-button\"\n        color=\"white\"\n        :size=\"upToLargeBreakpoint ? 'md' : 'sm'\"\n      >\n        <template v-if=\"activeNetwork\">\n          <img\n            :src=\"buildNetworkIconURL(activeNetwork.id)\"\n            :alt=\"activeNetwork.name\"\n            class=\"rounded-full w-[30px] h-[30px]\"\n          />\n          <!-- <span\n            class=\"ml-2 font-[500] xs:text-[8px] sm:text-[10px] lg:text-[18px] xl:text-[18px]\"\n          >\n            {{ activeNetwork.name }}\n          </span> -->\n          <!-- <BalIcon name=\"chevron-down\" size=\"sm\" class=\"ml-2\" /> -->\n        </template>\n      </BalBtn>\n    </template>\n    <div\n      role=\"menu\"\n      class=\"flex flex-col overflow-hidden rounded-lg w-52 wallet-menu\"\n    >\n      <div\n        class=\"px-3 py-2 text-sm font-medium text-gray-500 border-b whitespace-nowrap bg-gray-50 dark:bg-gray-800 dark:border-gray-900\"\n      >\n        {{ $t('networkSelection') }}:\n      </div>\n      <a\n        v-for=\"network in allNetworks\"\n        :key=\"network.id\"\n        :href=\"getNetworkChangeUrl(network)\"\n        class=\"flex items-center justify-between p-3 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850\"\n      >\n        <div class=\"flex items-center\">\n          <img\n            :src=\"buildNetworkIconURL(network.id)\"\n            :alt=\"network.name\"\n            class=\"w-6 h-6 mr-2 rounded-full\"\n          />\n          <span class=\"ml-1\">\n            {{ network.name }}\n          </span>\n        </div>\n        <BalIcon\n          v-if=\"isActive(network)\"\n          name=\"check\"\n          class=\"text-blue-500 dark:text-blue-400\"\n        />\n      </a>\n    </div>\n  </BalPopover>\n</template>\n<style>\n.dark .network-button {\n  @apply lg:min-h-[40px] lg:h-[40px] xs:min-h-[40px] sm:min-h-[40px] h-[40px];\n  background-color: #8b8dfc82 !important;\n  box-shadow: inset 0px -5px 4px 0px #31313140, 0px 0px 0px 4px #8b8dfc99,\n    0px 0px 0px 8px #8b8dfc26;\n  border-radius: 50%;\n  padding: 6px;\n}\n.network-button {\n  @apply lg:min-h-[40px] lg:h-[40px] xs:min-h-[30px] sm:min-h-[30px] h-[40px];\n  background: #bbbcfd;\n  box-shadow: 0px 0px 0px 3px rgba(139, 141, 252, 0.6),\n    0px 0px 0px 8px rgba(139, 141, 252, 0.15);\n  backdrop-filter: blur(20px);\n  border-radius: 50%;\n  padding: 6px;\n  width: 40px;\n}\n.dark .wallet-menu {\n  background: #16162d;\n}\n.wallet-menu {\n  background: #d5d6ff;\n}\n</style>\n","<script lang=\"ts\" setup>\n// import { computed } from 'vue';\n\n// import DarkModeToggle from '@/components/btns/DarkModeToggle.vue';\nimport useBreakpoints from '@/composables/useBreakpoints';\nimport { useSidebar } from '@/composables/useSidebar';\nimport useWeb3 from '@/services/web3/useWeb3';\n\nimport AppNavAccountBtn from './AppNavAccountBtn.vue';\n// import AppNavActivityBtn from './AppNavActivityBtn/AppNavActivityBtn.vue';\nimport AppNavNetworkSelect from './AppNavNetworkSelect.vue';\nimport AppFunds from './AppFunds.vue';\nimport { Goals, trackGoal } from '@/composables/useFathom';\nimport useDarkMode from '@/composables/useDarkMode';\n\n/**\n * COMPOSABLES\n */\nconst { isMobile, isDesktop } = useBreakpoints();\nconst { darkMode } = useDarkMode();\nconst { account, startConnectWithInjectedProvider } = useWeb3();\nconst { setSidebarOpen } = useSidebar();\n\n/**\n * COMPUTED\n */\n// const hideNetworkSelect = computed(() => connector.value?.id === 'gnosis');\n\n/**\n * METHODS\n */\nfunction connectWalletHandler() {\n  trackGoal(Goals.ClickNavConnectWallet);\n  startConnectWithInjectedProvider();\n}\nconst useDarkLogo = computed(() => darkMode.value);\n</script>\n\n<template>\n  <div class=\"grid grid-flow-col grid-rows-1 gap-2\">\n    <!-- <DarkModeToggle v-if=\"isDesktop\" /> -->\n    <!-- <AppNavActivityBtn v-if=\"account\" /> -->\n    <AppFunds v-if=\"isDesktop\" />\n    <AppNavNetworkSelect />\n    <AppNavAccountBtn v-if=\"account\" />\n    <BalBtn\n      v-if=\"!account\"\n      color=\"white\"\n      class=\"ml-5 connect-button\"\n      :size=\"isMobile ? 'md' : 'sm'\"\n      @click=\"connectWalletHandler\"\n    >\n      <!-- <WalletIcon class=\"mr-2\" /> -->\n      <span class=\"hidden lg:inline-block\" v-text=\"$t('connectWallet')\" />\n      <span class=\"lg:hidden\" v-text=\"$t('connect')\" />\n    </BalBtn>\n    <BalBtn\n      v-if=\"isMobile\"\n      color=\"white\"\n      flat\n      circle\n      class=\"h-[40px]\"\n      @click=\"setSidebarOpen(true)\"\n    >\n      <img\n        v-if=\"useDarkLogo\"\n        src=\"~@/assets/images/hamBurgerMenu.png\"\n        alt=\"menu\"\n        width=\"30\"\n        height=\"40\"\n      />\n      <img\n        v-else\n        src=\"~@/assets/images/hamburgerBlack.png\"\n        alt=\"menu\"\n        width=\"30\"\n        height=\"40\"\n      />\n    </BalBtn>\n  </div>\n</template>\n<style>\n.connect-button {\n  @apply text-white font-[500] xs:p-[10px] sm:p-[12px] p-[15px] xs:text-[12px] xs:text-[14px] text-[20px] lg:min-h-[40px] lg:h-[40px] xs:min-h-[30px] sm:min-h-[30px] h-[30px];\n  background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);\n  box-shadow: 0px 0px 0px 2px #8b8dfc, 0px 0px 3px 2px #00000040;\n  border: 1px solid #9b9b9b;\n  border-radius: 60px;\n}\n</style>\n","export function extractPrefetchAssets(input: string | undefined) {\n  if (!input) return [];\n  // Detect strings between brackets\n  const matchArray = input.match(/\\[(.*?)\\]/);\n  if (!matchArray) return [];\n  return parse(matchArray[0]).map(asset => asset.replace('\"', ''));\n}\n\nfunction parse(match): any {\n  try {\n    return JSON.parse(match);\n  } catch (e) {\n    // If the match is not a valid JSON, we just ignore it\n    return [];\n  }\n}\n","import { router } from '.';\n\nexport interface RouteTo {\n  name?: string;\n}\n\nexport function resolveRoute(to: RouteTo) {\n  if (!to?.name) throw new Error(`Provided route (${to}) must have name`);\n  return router.resolve({ name: to.name, params: { networkSlug: 'ethereum' } })\n    .matched[0].components?.default;\n}\n","<script lang=\"ts\" setup>\nimport { extractPrefetchAssets } from '@/lib/utils/prefetch';\nimport { RouteTo, resolveRoute } from '@/plugins/router/route-resolver';\n\ninterface Props {\n  to: unknown;\n}\n\nconst props = defineProps<Props>();\n\n// This only works in production builds (use npm run build & npm run preview to test this feature)\n// More details: https://github.com/vitejs/vite/issues/10600\nconst stringifiedAssets = resolveRoute(props.to as RouteTo)?.toString();\n\nconst assets = extractPrefetchAssets(stringifiedAssets);\n\nfunction assetType(asset: string) {\n  return asset.endsWith('.css') ? 'style' : 'script';\n}\n</script>\n\n<template>\n  <link\n    v-for=\"asset in assets\"\n    :key=\"asset\"\n    rel=\"prefetch\"\n    :href=\"asset\"\n    :as=\"assetType(asset)\"\n  />\n</template>","<script lang=\"ts\" setup>\nimport { RouterLinkProps } from 'vue-router';\nimport PrefetchLinks from '@/components/links/PrefetchLinks.vue';\n\ninterface Props extends RouterLinkProps {\n  active: boolean;\n  prefetch?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  active: false,\n  prefetch: false,\n});\n\nconst classes = computed(() => ({\n  'border-white dark:border-gray-400 font-[500] text-black dark:text-gray-400 text-[16px] not-selected':\n    !props.active,\n  'text-white dark:text-white active-button font-[500]': props.active,\n}));\n</script>\n\n<template>\n  <router-link v-bind=\"props\" :class=\"['desktop-link-item', classes]\">\n    <slot />\n    <PrefetchLinks v-if=\"prefetch\" :to=\"$attrs.to\" />\n  </router-link>\n</template>\n\n<style scoped>\n.desktop-link-item {\n  @apply h-full flex-col justify-center cursor-pointer hover:text-purple-600 dark:hover:text-yellow-500 flex relative\n    overflow-hidden p-0;\n}\n\n.desktop-link-item::before {\n  content: '';\n\n  @apply top-0 left-0 w-full block absolute overflow-hidden transition-all;\n\n  /* border-top: 4px solid theme('colors.purple.600'); */\n  /* transform: translate3d(0%, -101%, 0); */\n}\n\n.dark .desktop-link-item::before {\n  /* border-color: theme('colors.yellow.500'); */\n}\n\n.desktop-link-item.router-link-active::before {\n  content: '';\n\n  @apply w-full block absolute top-0 left-0;\n\n  /* transform: translate3d(0, 0, 0); */\n}\n.not-selected:last-child {\n  @apply mr-[44px];\n}\n.not-selected:first-child {\n  @apply ml-[44px];\n}\n.desktop-link-item.router-link-active {\n  @apply transition-colors;\n}\n\n.desktop-link-item:hover::before {\n  /* transform: translate3d(0, 0, 0); */\n}\n.active-button {\n  border-radius: 30px;\n  padding: 16px 32px;\n  min-width: fit-content;\n  max-height: 43px;\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.64%, #8b8dfc 96.39%),\n    linear-gradient(\n      90deg,\n      rgba(106, 17, 203, 0.8) 0%,\n      rgba(37, 117, 252, 0.8) 100%\n    ),\n    linear-gradient(180deg, #8b8dfc 0%, rgba(0, 0, 0, 0) 66.64%);\n  border: 1px solid;\n  border-image-source: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 66.64%,\n    #8b8dfc 96.39%\n  );\n  font-family: Plus Jakarta Sans;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 23px;\n  letter-spacing: 0em;\n  text-align: center;\n\n  /* linear-gradient(180deg, #8b8dfc 0%, rgba(0, 0, 0, 0) 66.64%); */\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\nimport DesktopLinkItem from './DesktopLinkItem.vue';\nimport useNetwork from '@/composables/useNetwork';\nimport { Goals, trackGoal } from '@/composables/useFathom';\n\n/**\n * COMPOSABLES\n */\nconst route = useRoute();\nconst { networkSlug } = useNetwork();\n\n/**\n * METHODS\n */\nfunction isActive(page: string): boolean {\n  if (route.name === page) return true;\n  return false;\n}\n</script>\n\n<template>\n  <div class=\"desktop-links\">\n    <DesktopLinkItem\n      :to=\"{ name: 'home', params: { networkSlug } }\"\n      :active=\"isActive('home')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavPools)\"\n    >\n      {{ $t('pool') }}\n    </DesktopLinkItem>\n    <DesktopLinkItem\n      :to=\"{ name: 'swap', params: { networkSlug } }\"\n      :active=\"isActive('swap')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavSwap)\"\n    >\n      {{ $t('swap') }}\n    </DesktopLinkItem>\n    <!-- <DesktopLinkItem\n      :to=\"{ name: 'claim', params: { networkSlug } }\"\n      :active=\"isActive('claim')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavClaim)\"\n    >\n      <div class=\"flex items-center\">\n        {{ $t('claim') }}\n      </div>\n    </DesktopLinkItem>\n    <DesktopLinkItem\n      v-if=\"isGoerli\"\n      :to=\"{ name: 'faucet', params: { networkSlug } }\"\n      :active=\"isActive('faucet')\"\n    >\n      Faucet\n    </DesktopLinkItem> -->\n    <DesktopLinkItem\n      :to=\"{ name: 'portfolio', params: { networkSlug } }\"\n      :active=\"isActive('portfolio')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavPortfolio)\"\n    >\n      {{ $t('portfolio') }}\n    </DesktopLinkItem>\n    <!-- <DesktopLinkItem\n      :to=\"{ name: 'slChimp', params: { networkSlug } }\"\n      :active=\"isActive('slChimp')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavVebal)\"\n    >\n      slChimp\n    </DesktopLinkItem> -->\n    <!-- <DesktopLinkItem\n      :to=\"{ name: 'bridge', params: { networkSlug } }\"\n      :active=\"isActive('bridge')\"\n      prefetch\n      @click=\"trackGoal(Goals.ClickNavVebal)\"\n    >\n      Bridge\n    </DesktopLinkItem> -->\n  </div>\n  <!-- <div class=\"container\">\n    <div class=\"tabs\">\n      <input id=\"radio-1\" type=\"radio\" name=\"tabs\" checked />\n      <label class=\"tab\" for=\"radio-1\"\n        >Upcoming<span class=\"notification\">2</span></label\n      >\n      <input id=\"radio-2\" type=\"radio\" name=\"tabs\" />\n      <label class=\"tab\" for=\"radio-2\">Development</label>\n      <input id=\"radio-3\" type=\"radio\" name=\"tabs\" />\n      <label class=\"tab\" for=\"radio-3\">Completed</label>\n      <span class=\"glider\"></span>\n    </div>\n  </div> -->\n</template>\n\n<style scoped>\n.desktop-links {\n  @apply grid gap-8 grid-flow-col grid-rows-1 content-center p-[7px];\n  box-shadow: inset 0px 4px 4px 0px #31313140, 0px 0px 0px 2px #8b8dfc;\n  border-radius: 77px;\n  background: #8b8dfc26;\n  height: 57px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { onMounted, onUnmounted, ref } from 'vue';\n\nimport AppIcon from '@/components/images/AppIcon.vue';\nimport AppLogo from '@/components/images/AppLogo.vue';\nimport useAlerts from '@/composables/useAlerts';\nimport useBreakpoints from '@/composables/useBreakpoints';\nimport useFathom from '@/composables/useFathom';\nimport useNetwork from '@/composables/useNetwork';\n\nimport AppNavActions from './AppNavActions.vue';\nimport AppNavAlert from './AppNavAlert.vue';\nimport DesktopLinks from './DesktopLinks/DesktopLinks.vue';\n\n/**\n * STATE\n */\nconst appNav = ref<HTMLDivElement>();\n\n/**\n * COMPOSABLES\n */\nconst { isMobile, isDesktop } = useBreakpoints();\nconst { trackGoal, Goals } = useFathom();\nconst { currentAlert } = useAlerts();\nconst { networkSlug } = useNetwork();\n\n/**\n * METHODS\n */\nfunction handleScroll() {\n  if (!appNav.value) return;\n\n  if (window.scrollY === 0) {\n    appNav.value.classList.remove('shadow-lg');\n  } else {\n    appNav.value.classList.add('shadow-lg');\n  }\n}\n\n/**\n * LIFECYCLE\n */\nonMounted(() => {\n  window.addEventListener('scroll', handleScroll);\n});\n\nonUnmounted(() => {\n  window.removeEventListener('scroll', handleScroll);\n});\n</script>\n\n<template>\n  <AppNavAlert v-if=\"currentAlert\" :alert=\"currentAlert\" />\n  <nav id=\"app-nav\" ref=\"appNav\" class=\"top-0 lg:px-6 pr-1 pl-4 pt-[50px]\">\n    <div class=\"flex justify-between items-center\">\n      <router-link\n        :to=\"{ name: 'home', params: { networkSlug } }\"\n        @click=\"trackGoal(Goals.ClickNavLogo)\"\n      >\n        <AppIcon v-if=\"isMobile\" />\n        <AppLogo v-else />\n      </router-link>\n\n      <DesktopLinks v-if=\"isDesktop\" class=\"ml-8 font-medium\" />\n\n      <AppNavActions />\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n#app-nav {\n  @apply w-full z-30;\n  @apply dark:bg-transparent;\n  @apply border-b border-transparent;\n  background: #ececfe;\n\n  transition: all 0.2s ease-in-out;\n}\n</style>\n"],"names":["_imports_0$2","_imports_1$3","darkMode","useDarkMode","tailwind","useTailwind","computed","props","useDarkLogo","networkSlug","useNetwork","_imports_1$2","_imports_0$1","_imports_1$1","s","u","i","r","a","t","e","n","o","l","_","p","x","y","v","g","c","b","f","h","A","C","_imports_0","_imports_1","_imports_2","setDarkMode","isDarkMode","ref","balanceFor","nativeAsset","wrappedNativeAsset","useTokens","toFiat","useNumbers","account","disconnectWallet","toggleWalletSelectModal","connector","provider","userNetworkConfig","isUnsupportedNetwork","explorerLinks","useWeb3","ethereumTxType","setEthereumTxType","useEthereumTxType","supportSignatures","setSupportSignatures","useUserSettings","data","reactive","tokenBalance","tokenBalanceFiat","networkColorClass","color","_a","Network","networkName","getConnectorName","connectorLogo","getConnectorLogo","hideDisconnect","copyAddress","toggleDarkMode","isMobile","useBreakpoints","upToLargeBreakpoint","networkId","networkConfig","chainId","router","useRouter","addNotification","useNotifications","useI18n","convertConfigToNetworkOption","config2","prodNetworks","config","networks","testNetworks","networksDev","allNetworks","configService","appNetworkSupported","network","activeNetwork","isActive","onMounted","watch","newChainId","oldChainId","newNetwork","hardRedirectTo","getNetworkChangeUrl","currentRoute","isDesktop","startConnectWithInjectedProvider","setSidebarOpen","useSidebar","connectWalletHandler","trackGoal","Goals","extractPrefetchAssets","input","matchArray","parse","asset","match","resolveRoute","to","stringifiedAssets","assets","assetType","classes","route","useRoute","page","appNav","useFathom","currentAlert","useAlerts","handleScroll","onUnmounted"],"mappings":"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","x_google_ignoreList":[8]}