{"version":3,"file":"default.e9f0beb9.js","sources":["../../../../components/Layout/Nav/Item.vue","../../../../components/Layout/Nav/ItemDummy.vue","../../../../components/Layout/Nav/HoverMenu.vue","../../../../components/App/Accordion.vue","../../../../components/Layout/Nav/Mobile.vue","../../../../components/Layout/Nav/Index.vue","../../../../components/Layout/SidebarMobile.vue","../../../../components/Partials/Markets/Filters/SearchBarIndex.vue","../../../../components/Partials/Markets/Searchbar/Row.vue","../../../../components/Partials/Markets/Searchbar/Index.vue","../../../../components/Partials/Common/Searchbar/MarketsDropdown.vue","../../../../components/Layout/Wallet/Details/TierLevel.vue","../../../../components/Layout/Wallet/Details/ConnectedWallet.vue","../../../../components/Layout/Wallet/Details/Index.vue","../../../../components/Layout/Wallet/Ledger.vue","../../../../components/Layout/Wallet/Trezor.vue","../../../../components/Layout/Wallet/Connect/Wrapper.vue","../../../../components/Layout/Wallet/Connect/Wallet/Metamask.vue","../../../../components/Layout/Wallet/Connect/Wallet/Keplr.vue","../../../../components/Layout/Wallet/Connect/Wallet/Cosmostation.vue","../../../../components/Layout/Wallet/Connect/Wallet/Leap.vue","../../../../components/Layout/Wallet/Connect/Wallet/Torus.vue","../../../../components/Layout/Wallet/Connect/Wallet/TrustWallet.vue","../../../../components/Layout/Wallet/Connect/Wallet/Ledger.vue","../../../../components/Layout/Wallet/Connect/Wallet/Trezor.vue","../../../../components/Modals/Terms.vue","../../../../components/Layout/Wallet/Index.vue","../../../../components/Layout/Nav/WalletHoverMenu.vue","../../../../app/services/ninjapass.ts","../../../../store/ninjapass.ts","../../../../node_modules/js-confetti/dist/es/index.js","../../../../composables/useConfetti.ts","../../../../../../../../../../../../icons/moon.svg","../../../../../../../../../../../../icons/sun.svg","../../../../components/Layout/Topbar.vue","../../../../components/Layout/Footer/Index.vue","../../../../components/Modals/NinjaPassWinner.vue","../../../../components/Modals/DevMode.vue","../../../../components/App/Confetti.vue","../../../../layouts/default.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { MarketType } from '@injectivelabs/sdk-ui-ts'\nimport { BusEvents, DefaultMarket, TradeClickOrigin } from '@/types'\nimport { amplitudeTradeTracker } from '@/app/providers/amplitude'\n\nconst props = defineProps({\n  dense: Boolean\n})\n\nconst attrs = useAttrs()\n\nconst classes = computed(() => {\n  if (props.dense) {\n    return ['hover:text-blue-500']\n  }\n\n  return ['px-6', 'py-2']\n})\n\nconst emit = defineEmits<{\n  (e: 'sidebar:clicked'): void\n}>()\n\nconst spotMarket = computed(() => {\n  type Attrs = { to: { params: { spot: string } } }\n\n  const attributes = attrs as unknown as Attrs\n\n  if (!attributes || !attributes.to || !attributes.to.params) {\n    return ''\n  }\n\n  return attributes.to.params.spot\n})\n\nconst futuresMarket = computed(() => {\n  type Attrs = { to: { params: { futures: string } } }\n\n  const attributes = attrs as unknown as Attrs\n\n  if (!attributes || !attributes.to || !attributes.to.params) {\n    return ''\n  }\n\n  return attributes.to.params.futures\n})\n\nconst market = computed(() =>\n  spotMarket ? DefaultMarket.Spot : DefaultMarket.Perpetual\n)\n\nconst marketType = computed(() =>\n  spotMarket ? MarketType.Spot : MarketType.Perpetual\n)\n\nfunction handleVisit() {\n  if (spotMarket.value || futuresMarket.value) {\n    handleTradeClickedTrack()\n  }\n\n  useEventBus<string>(BusEvents.NavLinkClicked).emit()\n\n  emit('sidebar:clicked')\n}\n\nfunction handleTradeClickedTrack() {\n  amplitudeTradeTracker.navigateToTradePageTrackEvent({\n    market: market.value,\n    marketType: marketType.value,\n    origin: TradeClickOrigin.TopMenu\n  })\n}\n</script>\n\n<template>\n  <NuxtLink\n    v-bind=\"$attrs\"\n    class=\" textmode-neutral-500 text-md font-medium rounded-lg cursor-pointer mx-px h-10 flex items-center\"\n    :class=\"classes\"\n    exact\n    @click=\"handleVisit\"\n  >\n    <span class=\"block\">\n      <slot></slot>\n    </span>\n  </NuxtLink>\n</template>\n","<template>\n  <span\n    v-bind=\"$attrs\"\n    class=\"dark:hover:text-gray-100 hover:text-primaryLight-900 textmode-neutral-500 text-md font-medium rounded-lg cursor-pointer mx-px h-10 flex lg:flex items-center px-6\"\n  >\n    <span class=\"block\">\n      <slot></slot>\n    </span>\n  </span>\n</template>\n","<script lang=\"ts\" setup>\nimport { Menu } from 'floating-vue'\n\ndefineProps({\n  shown: Boolean\n})\n\nconst emit = defineEmits<{\n  (e: 'dropdown:toggle', state: boolean): void\n}>()\n\nfunction handleMouseEnter() {\n  emit('dropdown:toggle', true)\n}\n\nfunction handleMouseLeave() {\n  emit('dropdown:toggle', false)\n}\n\nfunction handleUpdate(value: boolean) {\n  emit('dropdown:toggle', value)\n}\n\n</script>\n\n<template>\n  <BaseHoverMenu\n    v-bind=\"$attrs\"\n    placement=\"bottom\"\n    popper-class=\"v-popper__navigation\"\n    :delay=\"200\"\n    :distance=\"16\"\n    :shown=\"shown\"\n    :triggers=\"['click', 'hover', 'focus']\"\n    @update:shown=\"handleUpdate\"\n  >\n    <slot />\n\n    <template #content>\n      <slot name=\"content\" />\n    </template>\n  </BaseHoverMenu>\n</template>\n\n<style>\n.v-popper__navigation {\n  @apply w-60 rounded-3xl shadow-dropdown z-50 flex flex-col flex-wrap;\n  transition: opacity 250ms ease-in-out !important;\n}\n.v-popper__navigation.v-popper__popper--show-from,\n.v-popper__navigation.v-popper__popper--show-to,\n.v-popper__navigation.v-popper__popper--hide-from,\n.v-popper__navigation.v-popper__popper--hide-to {\n  @apply visible;\n}\n</style>\n","<script lang=\"ts\" setup>\ndefineProps({\n  sm: Boolean,\n  isOpen: Boolean\n})\n\nconst emit = defineEmits<{\n  'panel:toggle': []\n}>()\n\nfunction handleToggle() {\n  emit('panel:toggle')\n}\n</script>\n\n<template>\n  <div\n    :class=\"{\n      'pt-6': !sm,\n      'py-2 px-6': sm\n    }\"\n  >\n    <dt class=\"text-lg\">\n      <button\n        class=\"text-left w-full flex justify-between items-start textmode-neutral-500\"\n        :class=\"{\n          'items-center': sm\n        }\"\n        :aria-expanded=\"isOpen\"\n        @click.stop=\"handleToggle\"\n      >\n        <div class=\"font-semibold textmode-neutral-500 flex items-start\">\n          <slot name=\"title\" />\n          <slot name=\"badge\" />\n        </div>\n        <span class=\"ml-6 h-6 flex items-center\">\n          <svg\n            class=\"transform\"\n            :class=\"{\n              'h-6 w-6': !sm,\n              'h-4 w-4': sm,\n              'rotate-180': isOpen\n            }\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M19 9l-7 7-7-7\"\n            />\n          </svg>\n        </span>\n      </button>\n    </dt>\n    <dd\n      v-show=\"isOpen\"\n      class=\"mt-2\"\n      :class=\"{\n        'pr-12': !sm\n      }\"\n    >\n      <slot name=\"content\" />\n    </dd>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  getDefaultPerpetualMarketRouteParams,\n  getDefaultSpotMarketRouteParams\n} from '@/app/utils/market'\nimport { IS_MAINNET } from '@/app/utils/constants'\n\nconst appStore = useAppStore()\n\nconst tradeMenuOpen = ref(false)\nconst rewardsMenuOpen = ref(false)\n\nconst defaultPerpetualMarketRoute = getDefaultPerpetualMarketRouteParams()\nconst defaultSpotMarketRoute = getDefaultSpotMarketRouteParams()\n\nfunction handleToggleTradeMenu() {\n  tradeMenuOpen.value = !tradeMenuOpen.value\n}\n\nfunction handleToggleRewardsMenu() {\n  rewardsMenuOpen.value = !rewardsMenuOpen.value\n}\n</script>\n\n<template>\n  <div class=\"block lg:hidden\">\n    <AppAccordion\n      :is-open=\"tradeMenuOpen\"\n      sm\n      @panel:toggle=\"handleToggleTradeMenu\"\n    >\n      <template #title>\n        <div class=\"text-lg font-medium\">\n          {{ $t('navigation.trade') }}\n        </div>\n      </template>\n\n      <template #content>\n        <LayoutNavItem :to=\"{ name: 'swap' }\">\n          <div class=\"flex items-center gap-2 font-normal tracking-wide\">\n            <p>\n              {{ $t('navigation.swap') }}\n            </p>\n\n            <div\n              class=\"h-4 flex items-center rounded-[4px] px-1 py-1 bg-blue-500\"\n            >\n              <span class=\"text-gray-100 uppercase text-[8px]\">\n                {{ $t('navigation.new') }}\n              </span>\n            </div>\n          </div>\n        </LayoutNavItem>\n\n        <LayoutNavItem :to=\"defaultSpotMarketRoute\">\n          <span class=\"font-normal tracking-wide\">{{\n            $t('navigation.spot')\n          }}</span>\n        </LayoutNavItem>\n\n        <LayoutNavItem :to=\"defaultPerpetualMarketRoute\">\n          <span class=\"font-normal tracking-wide\">{{\n            $t('navigation.perpetual')\n          }}</span>\n        </LayoutNavItem>\n\n        <!-- <LayoutNavItem :to=\"{ name: 'convert' }\">\n          <span class=\"font-normal tracking-wide\">{{\n            $t('navigation.convert')\n          }}</span>\n        </LayoutNavItem> -->\n\n        <LayoutNavItem\n          v-if=\"appStore.devMode && !IS_MAINNET\"\n          :to=\"{\n            name: 'trading-bots-grid-spot-market',\n            params: { market: 'inj-usdt' }\n          }\"\n        >\n          <span class=\"font-normal tracking-wide\">{{\n            $t('navigation.tradingBots')\n          }}</span>\n        </LayoutNavItem>\n      </template>\n    </AppAccordion>\n\n    <AppAccordion\n      :is-open=\"rewardsMenuOpen\"\n      sm\n      @panel:toggle=\"handleToggleRewardsMenu\"\n    >\n      <template #title>\n        <div class=\"text-lg font-medium\">\n          {{ $t('navigation.rewards') }}\n        </div>\n      </template>\n\n      <template #content>\n        <div>\n          <LayoutNavItem :to=\"{ name: 'trade-and-earn' }\">\n            <span class=\"font-normal tracking-wide\">\n              {{ $t('navigation.tradeAndEarn') }}\n            </span>\n          </LayoutNavItem>\n\n          <a\n            class=\"textmode-neutral-500 hover:bgmode-800 hover:textmode-neutral text-lg font-semibold rounded-lg cursor-pointer mx-px h-10 flex items-center px-6 py-2\"\n            href=\"https://trading.injective.network/program/liquidity\"\n            target=\"_blank\"\n          >\n            <span class=\"font-normal tracking-wide\">\n              {{ $t('navigation.openLiquidityProgram') }}\n            </span>\n          </a>\n\n          <a\n            class=\"textmode-neutral-500 hover:bgmode-800 hover:textmode-neutral text-lg font-semibold rounded-lg cursor-pointer mx-px h-10 flex items-center px-6 py-2\"\n            href=\"https://affiliate.helixapp.com\"\n            target=\"_blank\"\n          >\n            <span class=\"font-normal tracking-wide\">\n              {{ $t('navigation.affiliateProgram') }}\n            </span>\n          </a>\n        </div>\n      </template>\n    </AppAccordion>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { MarketType } from '@injectivelabs/sdk-ui-ts'\nimport { DefaultMarket, TradeClickOrigin } from '@/types'\nimport { amplitudeTradeTracker } from '@/app/providers/amplitude'\nimport {\n  getDefaultPerpetualMarketRouteParams,\n  getDefaultSpotMarketRouteParams\n} from '@/app/utils/market'\nimport { IS_MAINNET } from '@/app/utils/constants'\n\nconst appStore = useAppStore()\nconst walletStore = useWalletStore()\n\nconst defaultPerpetualMarketRoute = getDefaultPerpetualMarketRouteParams()\nconst defaultSpotMarketRoute = getDefaultSpotMarketRouteParams()\n\nconst tradeDropdownShown = ref(false)\nconst rewardsDropdownShown = ref(false)\n\ntype Theme = 'light' | 'dark'\nconst LOCAL_STORAGE_THEME_KEY = 'theme'\nconst darkMode = useState('theme', () => false)\nconst setTheme = (newTheme: Theme) => {\n  localStorage.setItem(LOCAL_STORAGE_THEME_KEY, newTheme)\n  darkMode.value = newTheme === 'dark'\n}\n\nwatch(darkMode, (selected) => {\n  setTheme(selected ? 'dark' : 'light')\n})\n\nonMounted(() => {\n  const isDarkModePreferred = window.matchMedia('(prefers-color-scheme: dark)').matches\n  const themeFromLocalStorage = localStorage.getItem(LOCAL_STORAGE_THEME_KEY) as Theme\n  if (themeFromLocalStorage) {\n    setTheme(themeFromLocalStorage)\n  } else {\n    setTheme(isDarkModePreferred ? 'dark' : 'light')\n  }\n})\n\nfunction handleSpotTradeClickedTrack() {\n  amplitudeTradeTracker.navigateToTradePageTrackEvent({\n    market: DefaultMarket.Spot,\n    marketType: MarketType.Spot,\n    origin: TradeClickOrigin.TopMenu\n  })\n}\n\nfunction handlePerpetualTradeClickedTrack() {\n  amplitudeTradeTracker.navigateToTradePageTrackEvent({\n    market: DefaultMarket.Perpetual,\n    marketType: MarketType.Perpetual,\n    origin: TradeClickOrigin.TopMenu\n  })\n}\n</script>\n\n<template>\n  <div>\n    <nav class=\"block flex-1 lg:flex mt-8 lg:mt-0\">\n      <div\n        class=\"cursor-pointer mx-2 ml-6 mb-6 lg:hidden flex items-center gap-2\"\n        @click=\"$router.push({ name: 'index' })\"\n      >\n        <img src=\"/logo-v3.svg\" class=\"w-auto h-8\" alt=\"Wavely\" />\n        <span class=\"textmode-neutral text-xl mt-2\">Wavely</span>\n      </div>\n      <LayoutNavItem :to=\"{ name: 'index' }\" class=\"block lg:hidden\">\n        {{ $t('navigation.home') }}\n      </LayoutNavItem>\n\n      <LayoutNavItem\n        :to=\"{ name: 'markets' }\"\n        class=\"block tracking-wide\"\n        :class=\"[{ 'lg:hover:bg-primaryDark-500': darkMode }, { 'lg:hover:bg-primaryLight-300': !darkMode }]\"\n        data-cy=\"header-markets-link\"\n      >\n        {{ $t('trade.markets') }}\n      </LayoutNavItem>\n\n      <LayoutNavHoverMenu>\n        <template #default>\n          <LayoutNavItemDummy id=\"trade-dropdown\"\n          class=\"hidden lg:block tracking-wide\"\n          :class=\"[{ 'hover:bg-primaryDark-500': darkMode }, { 'hover:bg-primaryLight-300': !darkMode }]\"\n          >\n            {{ $t('navigation.trade') }}\n          </LayoutNavItemDummy>\n        </template>\n\n        <template #content>\n          <div class=\"p-2\" :class=\"[{ 'primaryDark-500': darkMode }, { 'primaryLight-500': !darkMode }]\">\n            <NuxtLink\n              :to=\"defaultSpotMarketRoute\"\n              class=\"p-4 block group relative z-50 hover:backdrop-brightness-90 rounded-2xl\"\n              data-cy=\"header-trade-link\"\n              @click=\"handleSpotTradeClickedTrack\"\n            >\n              <p class=\"font-semibold text-base\">\n                {{ $t('navigation.spot') }}\n              </p>\n              <p class=\"text-sm mt-1\">\n                {{ $t('navigation.spotDescription') }}\n              </p>\n            </NuxtLink>\n\n            <NuxtLink\n              :to=\"defaultPerpetualMarketRoute\"\n              class=\"p-4 block group relative z-50 hover:backdrop-brightness-90 rounded-2xl\"\n              data-cy=\"header-trade-link\"\n              @click=\"handlePerpetualTradeClickedTrack\"\n            >\n              <p class=\"font-semibold text-base\">\n                {{ $t('navigation.perpetual') }}\n              </p>\n              <p class=\"text-sm mt-1\">\n                {{ $t('navigation.perpetualDescription') }}\n              </p>\n            </NuxtLink>\n\n            <NuxtLink\n              :to=\"{ name: 'convert' }\"\n              class=\"p-4 block group hover:backdrop-brightness-90 relative z-50 rounded-2xl\"\n              data-cy=\"header-convert-link\"\n            >\n              <p class=\"font-semibold text-base\">\n                {{ $t('navigation.convert') }}\n              </p>\n              <p class=\"text-sm mt-1\">\n                {{ $t('navigation.convertDescription') }}\n              </p>\n            </NuxtLink>\n          </div>\n        </template>\n      </LayoutNavHoverMenu>\n\n      <LayoutNavMobile />\n\n      <LayoutNavHoverMenu>\n        <template #default>\n          <LayoutNavItemDummy id=\"rewards-dropdown\"\n          class=\"hidden lg:block\"\n          :class=\"[{ 'hover:bg-primaryDark-500': darkMode }, { 'hover:bg-primaryLight-300': !darkMode }]\"\n          >\n            Explore\n          </LayoutNavItemDummy>\n        </template>\n\n        <template #content>\n          <div class=\"p-2\" :class=\"[{ 'primaryDark-500': darkMode }, { 'primaryLight-500': !darkMode }]\">\n            <a\n              href=\"https://inj.supply\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                INJ Community Faucet\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n            <NuxtLink\n              :to=\"{ name: 'trade-and-earn' }\"\n              class=\"p-4 block group relative z-50 hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base\">\n                {{ $t('navigation.tradeAndEarn') }}\n              </p>\n            </NuxtLink>\n            <a\n              href=\"https://dmm.injective.network\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl hidden\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                <span>{{ $t('navigation.dmmProgram') }}</span>\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n            <a\n              href=\"https://hub.injective.network/staking\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                Staking\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n            <a\n              href=\"https://hub.injective.network/governance\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                Governance\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n            <a\n              href=\"https://gov.injective.network\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                Governance Forum\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n            <a\n              href=\"https://hub.injective.network/auction\"\n              target=\"_blank\"\n              class=\"p-4 block group hover:backdrop-brightness-90 rounded-2xl\"\n            >\n              <p class=\"font-semibold text-base flex items-center\">\n                Auction\n                <BaseIcon name=\"external-link\" arrow class=\"w-auto h-3 ml-2\" />\n              </p>\n            </a>\n          </div>\n        </template>\n      </LayoutNavHoverMenu>\n\n      <!-- <LayoutNavItem\n        class=\"block\"\n        data-cy=\"nav-leaderboard-link\"\n        :to=\"{ name: 'leaderboard' }\"\n      >\n        {{ $t('navigation.leaderboard') }}\n      </LayoutNavItem> -->\n\n      <LayoutNavItem\n        v-if=\"walletStore.isUserWalletConnected\"\n        class=\"block lg:hidden\"\n        data-cy=\"header-account-link\"\n        :to=\"{ name: 'account', query: { view: 'balances' } }\"\n      >\n        {{ $t('navigation.account') }}\n      </LayoutNavItem>\n\n      <LayoutNavItem\n        v-if=\"walletStore.isUserWalletConnected\"\n        class=\"block lg:hidden\"\n        data-cy=\"nav-activity-link\"\n        :to=\"{ name: 'activity' }\"\n      >\n        {{ $t('navigation.activity') }}\n      </LayoutNavItem>\n    </nav>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nconst { width } = useWindowSize()\n\nconst zIndex = ref(0)\n\ndefineProps<{\n  isOpenSidebar: Boolean\n}>()\n\nconst emit = defineEmits<{\n  'sidebar:closed': []\n}>()\n\nfunction handleSidebarClose() {\n  emit('sidebar:closed')\n}\n\nwatchDebounced(\n  width,\n  (newWidth, oldWidth) => {\n    if (oldWidth && newWidth >= 640) {\n      handleSidebarClose()\n    }\n  },\n  { debounce: 200, immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"lg:hidden\">\n    <div\n      class=\"fixed inset-0 w-full flex z-1100 top-[65px]\"\n      :style=\"{\n        zIndex\n      }\"\n      @click=\"handleSidebarClose\"\n    >\n      <transition\n        enter-from-class=\"-translate-x-full\"\n        enter-active-class=\"transition ease-in-out duration-300 transform\"\n        enter-to-class=\"translate-x-0\"\n        leave-active-class=\"transition ease-in-out duration-300 transform\"\n        leave-from-class=\"translate-x-0\"\n        leave-to-class=\"-translate-x-full\"\n        @before-enter=\"zIndex = 40\"\n        @after-leave=\"zIndex = 0\"\n      >\n        <div\n          v-if=\"isOpenSidebar\"\n          ref=\"sidebar\"\n          class=\"relative flex-1 flex flex-col w-full pt-5 pb-4 bg-gray-200 dark:bg-gray-900 boxshadow\"\n        >\n          <div\n            class=\"flex flex-col h-0 flex-1\"\n            @click.stop=\"handleSidebarClose\"\n          >\n            <div class=\"flex-1 flex flex-col overflow-y-auto\">\n              <LayoutNav />\n            </div>\n          </div>\n        </div>\n      </transition>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { MarketType } from '@injectivelabs/sdk-ui-ts'\nimport { MarketCategoryType, MarketQuoteType } from '@/types'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst props = defineProps({\n  search: {\n    type: String,\n    required: true\n  },\n\n  activeType: {\n    type: String,\n    required: true\n  },\n\n  activeQuote: {\n    type: String as PropType<MarketQuoteType>,\n    required: true\n  },\n\n  activeCategory: {\n    type: String as PropType<MarketCategoryType>,\n    required: true\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'update:activeCategory', state: MarketCategoryType): void\n  (e: 'update:search', state: string): void\n  (e: 'update:activeQuote', state: MarketQuoteType): void\n  (e: 'update:activeType', state: string): void\n}>()\n\nconst FilterList = {\n  [MarketType.Favorite]: MarketType.Favorite,\n  All: '',\n  [MarketType.Spot]: MarketType.Spot,\n  [MarketType.Derivative]: MarketType.Derivative\n}\nconst marketCategoryTypes = Object.entries(MarketCategoryType).map(\n  ([key, value]) => ({\n    key: `market-category-type-${value}`,\n    label: key,\n    type: MarketCategoryType[key as keyof typeof MarketCategoryType]\n  })\n)\nconst quoteOptions = Object.entries(MarketQuoteType).map(([key, value]) => ({\n  display: value,\n  value: key\n}))\n\nconst activeQuoteValue = computed({\n  get: (): MarketQuoteType => props.activeQuote,\n  set: (value: MarketQuoteType) => {\n    emit('update:activeQuote', value)\n  }\n})\n\nconst activeFilterType = computed({\n  get: (): string => props.activeType,\n  set: (type: string) => {\n    emit('update:activeType', type)\n\n    if (type === props.activeType) {\n      return\n    }\n\n    if (!type || type === '') {\n      clearRouteQueryParam('type')\n    } else {\n      fillRouteQueryParams({ type: type.toLowerCase() })\n    }\n  }\n})\n\nfunction handleCategoryChange(category: string) {\n  emit('update:activeCategory', category as MarketCategoryType)\n\n  if (category === props.activeCategory) {\n    return\n  }\n\n  if (!category || category === MarketCategoryType.All) {\n    clearRouteQueryParam('category')\n  } else {\n    fillRouteQueryParams({ category })\n  }\n}\n\nfunction handleSearchedEvent(search: string) {\n  emit('update:search', search)\n}\n\nfunction handleQuoteChange(quote: string) {\n  if (quote === props.activeQuote) {\n    return\n  }\n\n  if (!quote || quote === MarketQuoteType.All) {\n    clearRouteQueryParam('quote')\n  } else {\n    fillRouteQueryParams({ quote })\n  }\n}\n\nfunction clearRouteQueryParam(key: string) {\n  const { query } = route\n  const queryClone = { ...query }\n\n  delete queryClone[key]\n\n  router.replace({ query: queryClone })\n}\n\nfunction fillRouteQueryParams(params: Record<string, string>) {\n  router.replace({\n    path: route.path,\n    query: {\n      ...route.query,\n      ...params\n    }\n  })\n}\n</script>\n\n<template>\n  <div class=\"2xl:ml-[50px] 2xl:mr-[75px] 4xl:ml-[100px] 4xl:mr-[300px] boxshadow rounded-3xl textmode-neutral my-2\">\n      <div class=\"hidden lg:flex\">\n        <AppSearch\n          name=\"search\"\n          class=\"w-full h-12 px-4\"\n          data-cy=\"markets-search-input\"\n          transparentBg\n          :placeholder=\"$t('trade.search_markets')\"\n          show-prefix\n          :model-value=\"search\"\n          @update:modelValue=\"handleSearchedEvent\"\n        />\n      </div>\n      <div class=\"lg:hidden\">\n        <AppSearch\n          name=\"search\"\n          class=\"w-full h-12 px-4\"\n          data-cy=\"markets-search-input\"\n          transparentBg\n          show-prefix\n          :model-value=\"search\"\n          @update:modelValue=\"handleSearchedEvent\"\n        />\n      </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { BigNumberInBase } from '@injectivelabs/utils'\nimport {\n  UiDerivativeMarketSummary,\n  UiDerivativeMarketWithToken,\n  ZERO_IN_BASE,\n  UiSpotMarketSummary,\n  UiSpotMarketWithToken\n} from '@injectivelabs/sdk-ui-ts'\nimport { amplitudeTradeTracker } from '@/app/providers/amplitude'\nimport {\n  UI_DEFAULT_PRICE_DISPLAY_DECIMALS,\n  UI_DEFAULT_DISPLAY_DECIMALS,\n  UI_MINIMAL_ABBREVIATION_FLOOR\n} from '@/app/utils/constants'\nimport { Change, TradeClickOrigin } from '@/types'\nimport { getMarketRoute } from '@/app/utils/market'\nimport { stableCoinDenoms } from '@/app/data/token'\n\nconst appStore = useAppStore()\nconst router = useRouter()\n\nconst props = defineProps({\n  market: {\n    type: Object as PropType<\n      UiDerivativeMarketWithToken | UiSpotMarketWithToken\n    >,\n    required: true\n  },\n\n  summary: {\n    type: Object as PropType<UiDerivativeMarketSummary | UiSpotMarketSummary>,\n    required: true\n  },\n\n  volumeInUsd: {\n    type: Object as PropType<BigNumberInBase>,\n    required: true\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'searchbar-row:clicked'): void\n}>()\n\nconst lastTradedPrice = computed(() => {\n  if (!props.summary || !props.summary.price) {\n    return ZERO_IN_BASE\n  }\n\n  return new BigNumberInBase(props.summary.lastPrice || props.summary.price)\n})\n\nconst isFavorite = computed(() =>\n  appStore.favoriteMarkets.includes(props.market.marketId)\n)\n\nconst quoteVolume = computed(() => {\n  if (!props.summary || !props.summary.volume) {\n    return ZERO_IN_BASE\n  }\n\n  return new BigNumberInBase(props.summary.volume)\n})\n\nconst volumeInUsdToFormat = computed(() =>\n  props.volumeInUsd.toFormat(2, BigNumberInBase.ROUND_DOWN)\n)\n\nconst formatterOptions = computed(() => {\n  return stableCoinDenoms.includes(props.market.quoteToken.symbol)\n    ? {\n        decimalPlaces: 0,\n        abbreviationFloor: UI_MINIMAL_ABBREVIATION_FLOOR\n      }\n    : {\n        abbreviationFloor: undefined,\n        decimalPlaces: UI_DEFAULT_PRICE_DISPLAY_DECIMALS\n      }\n})\n\nconst change = computed(() => {\n  if (!props.summary || !props.summary.change) {\n    return ZERO_IN_BASE\n  }\n\n  return new BigNumberInBase(props.summary.change)\n})\n\nconst lastPriceChange = computed(() => {\n  if (!props.summary) {\n    return Change.NoChange\n  }\n\n  if (!props.summary.lastPriceChange) {\n    return Change.NoChange\n  }\n\n  return props.summary.lastPriceChange\n})\n\nconst { valueToString: changeToFormat } = useBigNumberFormatter(change, {\n  decimalPlaces: 2,\n  minimalDecimalPlaces: 4\n})\n\nconst { valueToString: lastTradedPriceToFormat } = useBigNumberFormatter(\n  lastTradedPrice,\n  {\n    decimalPlaces:\n      props.market?.priceDecimals || UI_DEFAULT_PRICE_DISPLAY_DECIMALS,\n    displayAbsoluteDecimalPlace: true\n  }\n)\n\nconst { valueToString: quoteVolumeToFormat } = useBigNumberFormatter(\n  quoteVolume,\n  {\n    decimalPlaces: UI_DEFAULT_DISPLAY_DECIMALS\n  }\n)\n\nconst { valueToString: abbreviatedVolumeInUsdToFormat } = useBigNumberFormatter(\n  computed(() => props.volumeInUsd),\n  formatterOptions.value\n)\n\nfunction updateWatchList() {\n  appStore.toggleFavoriteMarket(props.market.marketId)\n}\n\nfunction handleTradeClickedTrack() {\n  amplitudeTradeTracker.navigateToTradePageTrackEvent({\n    market: props.market.slug,\n    marketType: props.market.subType,\n    origin: TradeClickOrigin.MarketsPage\n  })\n\n  emit('searchbar-row:clicked')\n}\n\nfunction handleVisitMarket() {\n  if (!props.market) {\n    return\n  }\n\n  return router.push(getMarketRoute(props.market))\n}\n</script>\n\n<template>\n  <div\n    class=\"grid grid-cols-3 sm:grid-cols-10 3md:grid-cols-12 textmode-neutral-500 gap-4 text-sm px-4 py-5 mb-1 items-center\"\n    :data-cy=\"`markets-table-row-${market.ticker}`\"\n  >\n    <span class=\"text-sm col-span-2 sm:col-span-6 flex items-center gap-4\">\n      <div\n        class=\"3md:hidden text-blue-500 mr-3 cursor-pointer\"\n        data-cy=\"markets-favourite-button\"\n        @click=\"updateWatchList\"\n      >\n        <BaseIcon v-if=\"isFavorite\" name=\"star\" class=\"min-w-6 w-6 h-6\" />\n        <BaseIcon v-else name=\"star-border\" class=\"min-w-6 w-6 h-6\" />\n      </div>\n\n      <div class=\"w-full cursor-pointer\" @click.stop=\"handleVisitMarket\">\n        <div\n          class=\"cursor-pointer flex items-center\"\n          @click=\"handleTradeClickedTrack\"\n        >\n          <CommonTokenIcon\n            v-if=\"market.baseToken\"\n            :token=\"market.baseToken\"\n            class=\"mr-3 hidden 3md:block\"\n          />\n          <div class=\"flex flex-col w-full overflow-hidden\">\n            <span\n              class=\"tracking-wider font-bold mb-1 overflow-hidden overflow-ellipsis items-start\"\n              :title=\"market.ticker\"\n              data-cy=\"markets-ticker-name-table-data\"\n            >\n              {{ market.ticker }}\n            </span>\n            <span class=\"textmode-neutral-500 text-xs hidden md:block\">\n              {{ market.baseToken.name }}\n            </span>\n          </div>\n          <PartialsCommonMarketAirdrop\n            :market=\"market\"\n            class=\"visible sm:invisible lg:visible ml-auto\"\n          />\n        </div>\n      </div>\n    </span>\n\n    <!-- Mobile column -->\n    <div class=\"sm:hidden flex flex-col items-end font-mono\">\n      <div class=\"flex items-center\">\n        <span\n          v-if=\"!lastTradedPrice.isNaN()\"\n          class=\"\"\n          :class=\"{\n            'text-green-500': lastPriceChange === Change.Increase,\n            'textmode-neutral': lastPriceChange === Change.NoChange,\n            'text-red-500': lastPriceChange === Change.Decrease\n          }\"\n        >\n          {{ lastTradedPriceToFormat }}\n        </span>\n        <span v-else class=\"textmode-neutral-500\">&mdash;</span>\n      </div>\n\n      <div v-if=\"!change.isNaN()\" class=\"mt-1\">\n        <span :class=\"change.gte(0) ? 'text-green-500' : 'text-red-500'\">\n          {{ changeToFormat }}%\n        </span>\n      </div>\n    </div>\n\n    <span\n      class=\"hidden font-mono sm:flex items-center justify-end col-span-3\"\n      data-cy=\"markets-last-traded-price-table-data\"\n    >\n      <span\n        v-if=\"!lastTradedPrice.isNaN()\"\n        :class=\"{\n          'text-green-500': lastPriceChange === Change.Increase,\n          'textmode-neutral': lastPriceChange === Change.NoChange,\n          'text-red-500': lastPriceChange === Change.Decrease\n        }\"\n      >\n        {{ lastTradedPriceToFormat }}\n      </span>\n      <span v-else class=\"textmode-neutral-500\">&mdash;</span>\n    </span>\n\n    <span class=\"hidden sm:block font-mono text-right col-span-3 text-sm\">\n      <span\n        v-if=\"!change.isNaN()\"\n        data-cy=\"markets-change_24h-table-data\"\n        :class=\"{\n          'text-green-500': change.gt(0),\n          'textmode-neutral': change.eq(0),\n          'text-red-500': change.lt(0)\n        }\"\n      >\n        {{ changeToFormat }}%\n      </span>\n      <span v-else class=\"textmode-neutral-500\">&mdash;</span>\n    </span>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType, ref } from 'vue'\nimport { BigNumberInBase } from '@injectivelabs/utils'\nimport { MarketType } from '@injectivelabs/sdk-ui-ts'\nimport {\n  MarketCategoryType,\n  MarketQuoteType,\n  UiMarketAndSummaryWithVolumeInUsd\n} from '@/types'\nimport {\n  marketIsPartOfCategory,\n  marketIsQuotePair,\n  marketIsPartOfType,\n  marketIsPartOfSearch\n} from '@/app/utils/market'\nimport { deprecatedMarkets, upcomingMarkets } from '@/app/data/market'\nimport { vOnClickOutside } from '@vueuse/components'\n\nenum MarketHeaderType {\n  Market = 'market',\n  Change = 'change',\n  Volume = 'volume'\n}\n\nconst props = defineProps({\n  markets: {\n    type: Array as PropType<UiMarketAndSummaryWithVolumeInUsd[]>,\n    required: true\n  }\n})\n\nconst route = useRoute()\nconst appStore = useAppStore()\nconst derivativeStore = useDerivativeStore()\n\nconst activeCategory = ref(MarketCategoryType.All)\nconst activeQuote = ref(MarketQuoteType.All)\nconst activeType = ref('')\nconst search = ref('')\nconst sortBy = ref(MarketHeaderType.Volume)\nconst ascending = ref(false)\n\nconst showList = ref(false)\n\nconst recentlyExpiredMarkets = computed(\n  () => derivativeStore.recentlyExpiredMarkets\n)\n\nconst favoriteMarkets = computed(() => appStore.favoriteMarkets)\n\nconst filteredMarkets = computed(() => {\n  return props.markets.filter(({ market }) => {\n    const isPartOfCategory = marketIsPartOfCategory(\n      activeCategory.value,\n      market\n    )\n    const isPartOfSearch = marketIsPartOfSearch(search.value, market)\n    const isPartOfType = marketIsPartOfType({\n      market,\n      favoriteMarkets: favoriteMarkets.value,\n      activeType: activeType.value as MarketType\n    })\n    const isQuotePair = marketIsQuotePair(activeQuote.value, market)\n\n    return isPartOfCategory && isPartOfType && isPartOfSearch && isQuotePair\n  })\n})\n\nconst sortedMarkets = computed(() => {\n  const upcomingMarketsSlugs = upcomingMarkets.map(({ slug }) => slug)\n  const deprecatedMarketsSlugs = deprecatedMarkets.map(({ slug }) => slug)\n\n  if (sortBy.value.trim() === '') {\n    return filteredMarkets.value\n  }\n\n  const markets = [...filteredMarkets.value].sort(\n    (\n      m1: UiMarketAndSummaryWithVolumeInUsd,\n      m2: UiMarketAndSummaryWithVolumeInUsd\n    ) => {\n      if (\n        upcomingMarketsSlugs.includes(m1.market.slug) ||\n        deprecatedMarketsSlugs.includes(m1.market.slug)\n      ) {\n        return 1\n      }\n\n      if (sortBy.value === MarketHeaderType.Market) {\n        return m2.market.ticker.localeCompare(m1.market.ticker)\n      }\n\n      if (sortBy.value === MarketHeaderType.Change) {\n        if (new BigNumberInBase(m2.summary.change).eq(m1.summary.change)) {\n          return m1.market.ticker.localeCompare(m2.market.ticker)\n        }\n\n        return new BigNumberInBase(m2.summary.change)\n          .minus(m1.summary.change)\n          .toNumber()\n      }\n\n      if (new BigNumberInBase(m2.volumeInUsd).eq(m1.volumeInUsd)) {\n        return m1.market.ticker.localeCompare(m2.market.ticker)\n      }\n\n      // default: sort by volume\n      return m2.volumeInUsd.minus(m1.volumeInUsd).toNumber()\n    }\n  )\n\n  return ascending.value ? markets.reverse() : markets\n})\n\nonMounted(() => {\n  prefillFromQueryParams()\n})\n\nfunction handleSort(value: string) {\n  if (value !== sortBy.value) {\n    sortBy.value = value as MarketHeaderType\n  }\n}\n\nfunction handleAscending(value: boolean) {\n  ascending.value = value\n}\n\nfunction prefillFromQueryParams() {\n  const { query } = route\n\n  const category = (\n    typeof query.category === 'string'\n      ? query.category.trim().toLowerCase()\n      : query.category\n  ) as MarketCategoryType\n\n  const quote = (\n    typeof query.quote === 'string'\n      ? query.quote.trim().toLowerCase()\n      : query.quote\n  ) as MarketQuoteType\n\n  const type = (\n    typeof query.type === 'string'\n      ? query.type.trim().toLowerCase()\n      : query.type\n  ) as MarketType\n\n  if (quote && Object.values(MarketQuoteType).includes(quote)) {\n    activeQuote.value = quote\n  }\n\n  if (category && Object.values(MarketCategoryType).includes(category)) {\n    activeCategory.value = category\n  }\n\n  if (type && MarketType.Favorite.toLowerCase() === type) {\n    activeType.value = MarketType.Favorite\n  }\n\n  if (type && MarketType.Spot.toLowerCase() === type) {\n    activeType.value = MarketType.Spot\n  }\n\n  if (type && [MarketType.Perpetual.toLowerCase(), 'perp'].includes(type)) {\n    activeType.value = MarketType.Perpetual\n  }\n}\n\nfunction isShowList() {\n  showList.value = !showList.value\n}\n\nfunction closeModal() {\n  showList.value = false\n}\n\n</script>\n\n<template>\n  <div>\n    <div>\n      <div @click=\"showList = true\" >\n        <PartialsMarketsFiltersSearchBarIndex\n          v-model:active-category=\"activeCategory\"\n          v-model:active-quote=\"activeQuote\"\n          v-model:active-type=\"activeType\"\n          v-model:search=\"search\"\n        />\n      </div>\n\n      {{}}\n\n      <div v-if=\"showList\"\n          v-on-click-outside=\"closeModal\"\n          class=\"absolute left-0 lg:left-auto scrollbar bg-gray-50 dark:bg-gray-900 lg:mt-3 lg:rounded-2xl boxshadow h-[80vh] lg:h-auto lg:max-h-[420px] overflow-y-auto w-full marketsdropdown 2xl:ml-[50px] 4xl:ml-[100px]\"\n          >\n        <CommonTableBody\n          :show-empty=\"sortedMarkets.length === 0\"\n          class=\"overflow-y-auto w-full\"\n          \n        >\n          <PartialsMarketsSearchbarRow\n            v-for=\"({ market, summary, volumeInUsd }, index) in sortedMarkets\"\n            :key=\"`market-row-${index}`\"\n            :market=\"market\"\n            :summary=\"summary\"\n            :volume-in-usd=\"volumeInUsd\"\n            @searchbar-row:clicked=\"closeModal\"\n          />\n\n          <template #empty>\n            <CommonEmptyList\n              class=\"min-h-3xs\"\n              data-cy=\"markets-no-data-table\"\n              :message=\"\n                activeType === MarketType.Favorite\n                  ? $t('markets.emptyHeaderFavorites')\n                  : $t('markets.emptyHeader')\n              \"\n            >\n              <template #icon>\n                <BaseIcon name=\"star-border\" class=\"textmode-neutral-500 w-8 h-8\" />\n              </template>\n\n              <span\n                v-if=\"activeType === MarketType.Favorite\"\n                class=\"mt-2 text-xs textmode-neutral-500\"\n              >\n                {{ $t('markets.emptyDescriptionFavorites') }}\n              </span>\n\n              <span v-else class=\"mt-2 text-xs textmode-neutral-500\">\n                {{ $t('markets.emptyDescription') }}\n              </span>\n            </CommonEmptyList>\n          </template>\n        </CommonTableBody>\n      </div>\n    </div>\n    <div v-if=\"recentlyExpiredMarkets.length > 0\" class=\"mt-12\">\n      <h3 class=\"text-sm tracking-wider leading-6 mb-4\">\n        {{ $t('markets.expiredRecently') }}\n      </h3>\n\n      <PartialsMarketsExpired :markets=\"recentlyExpiredMarkets\" />\n    </div>\n  </div>\n</template>\n\n<style>\n\n@media (min-width: 1024px) {\n  .marketsdropdown {\n    width: 42%;\n}\n}\n</style>","<script lang=\"ts\" setup>\nimport { BigNumberInBase } from '@injectivelabs/utils'\nimport { QUOTE_DENOMS_GECKO_IDS } from '@/app/utils/constants'\n\nconst appStore = useAppStore()\nconst spotStore = useSpotStore()\nconst derivativeStore = useDerivativeStore()\nconst exchangeStore = useExchangeStore()\nconst tokenStore = useTokenStore()\nconst { $onError } = useNuxtApp()\n\nconst marketsWithSummaryAndVolumeInUsd = computed(() =>\n  [\n    ...derivativeStore.marketsWithSummary,\n    ...exchangeStore.deprecatedMarketsWithSummary,\n    ...exchangeStore.upcomingMarketsWithSummary,\n    ...spotStore.marketsWithSummary\n  ].map(({ market, summary }) => {\n    const quoteTokenUsdPrice = new BigNumberInBase(\n      tokenStore.tokenUsdPriceMap[market.quoteToken.coinGeckoId] || 0\n    )\n\n    return {\n      market,\n      summary,\n      volumeInUsd: quoteTokenUsdPrice.multipliedBy(summary?.volume || '0')\n    }\n  })\n)\n\nonMounted(() => getQuoteTokenPrice())\n\nfunction getQuoteTokenPrice() {\n  Promise.all([\n    appStore.pollMarkets(),\n    tokenStore.fetchTokensUsdPriceMap(QUOTE_DENOMS_GECKO_IDS)\n  ]).catch($onError)\n}\n\nuseIntervalFn(() => getQuoteTokenPrice(), 10 * 1000)\n</script>\n\n<template>\n  <AppHocLoading :show-loading=\"marketsWithSummaryAndVolumeInUsd.length === 0\">\n    <div class=\"w-full\">\n      <PartialsMarketsSearchbar :markets=\"marketsWithSummaryAndVolumeInUsd\" />\n    </div>\n  </AppHocLoading>\n</template>\n","<script lang=\"ts\" setup>\nimport { BigNumberInBase, BigNumberInWei } from '@injectivelabs/utils'\nimport { UI_MINIMAL_AMOUNT } from '@/app/utils/constants'\n\nconst exchangeStore = useExchangeStore()\n\nconst accountInfo = computed(() => {\n  if (!exchangeStore.feeDiscountAccountInfo) {\n    return\n  }\n\n  return exchangeStore.feeDiscountAccountInfo.accountInfo\n})\n\nconst tierLevel = computed(() => {\n  if (!exchangeStore.feeDiscountAccountInfo) {\n    return 0\n  }\n\n  return new BigNumberInBase(\n    exchangeStore.feeDiscountAccountInfo.tierLevel || 0\n  ).toNumber()\n})\n\nconst takerFeeDiscount = computed(() => {\n  if (!accountInfo.value) {\n    return ''\n  }\n\n  const takerFeeDiscount = new BigNumberInWei(\n    accountInfo.value.takerDiscountRate\n  ).toBase()\n\n  if (takerFeeDiscount.lte(UI_MINIMAL_AMOUNT)) {\n    return '0.0'\n  }\n\n  return takerFeeDiscount.toFormat()\n})\n\nconst makerFeeDiscount = computed(() => {\n  if (!accountInfo.value) {\n    return ''\n  }\n\n  const makerFeeDiscount = new BigNumberInWei(\n    accountInfo.value.makerDiscountRate\n  ).toBase()\n\n  if (makerFeeDiscount.lte(UI_MINIMAL_AMOUNT)) {\n    return '0.0'\n  }\n\n  return makerFeeDiscount.toFormat()\n})\n</script>\n\n<template>\n  <div class=\"flex items-center justify-between text-xs gap-5\">\n    <span class=\"font-semibold\">\n      {{ $t(`fee_discounts.tier`) }}\n    </span>\n\n    <NuxtLink\n      :to=\"{ name: 'fee-discounts' }\"\n      class=\"bg-green-600 text-white px-3 py-1 rounded-lg hover:opacity-80 flex items-center gap-2\"\n    >\n      <span>\n        {{\n          tierLevel > 0\n            ? $t('navigation.makerTakerFee', {\n                maker: makerFeeDiscount,\n                taker: takerFeeDiscount\n              })\n            : $t('navigation.noTierLevel')\n        }}\n      </span>\n      <BaseIcon name=\"external-link-arrow\" is-xs />\n    </NuxtLink>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { formatWalletAddress } from '@injectivelabs/utils'\nimport { Wallet } from '@injectivelabs/wallet-ts'\n\nconst walletStore = useWalletStore()\nconst { copy } = useClipboard()\nconst { t } = useLang()\nconst { success } = useNotifications()\n\ntype Theme = 'light' | 'dark'\nconst LOCAL_STORAGE_THEME_KEY = 'theme'\nconst darkMode = useState('theme', () => false)\nconst setTheme = (newTheme: Theme) => {\n  localStorage.setItem(LOCAL_STORAGE_THEME_KEY, newTheme)\n  darkMode.value = newTheme === 'dark'\n}\n\ndefineProps({\n  wallet: {\n    required: true,\n    type: String as PropType<Wallet>\n  }\n})\n\nconst showDropdown = ref(false)\n\nconst formattedInjectiveAddress = computed(() =>\n  formatWalletAddress(walletStore.injectiveAddress)\n)\nconst formattedAddress = computed(() =>\n  formatWalletAddress(walletStore.address)\n)\n\nfunction handleToggleDropdown() {\n  showDropdown.value = !showDropdown.value\n}\n\nfunction copyAddress() {\n  copy(walletStore.address)\n  success({ title: t('connect.copiedAddress') })\n}\n\nfunction copyInjectiveAddress() {\n  copy(walletStore.injectiveAddress)\n  success({ title: t('connect.copiedAddress') })\n}\n\n</script>\n\n<template>\n  <div\n  class=\"flex flex-col\"\n  :class=\"[{ 'text-gray-100': darkMode }, { 'text-gray-700': !darkMode }]\"\n  >\n    <div class=\"flex items-center justify-between\">\n      <div class=\"flex items-center gap-2\">\n        <BaseIcon :name=\"`wallet/${wallet}`\" class=\"h-6 w-6\" />\n        <p class=\"font-mono text-sm font-medium\">\n          {{ formattedInjectiveAddress }}\n        </p>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <BaseIcon\n          name=\"copy-filled\"\n          class=\"hover:text-blue-500 h-4 w-4\"\n          @click.stop=\"copyInjectiveAddress\"\n        />\n\n        <BaseIcon\n          name=\"caret-down\"\n          class=\"h-6 w-6 transition duration-500 hover:text-blue-500\"\n          :class=\"{ '-rotate-180': showDropdown }\"\n          @click=\"handleToggleDropdown\"\n        />\n      </div>\n    </div>\n    <transition\n      enter-active-class=\"ease-out duration-300\"\n      enter-from-class=\"opacity-0\"\n      enter-to-class=\"opacity-100\"\n      leave-active-class=\"ease-in duration-200\"\n      leave-from-class=\"opacity-100\"\n      leave-to-class=\"opacity-0\"\n    >\n      <div v-if=\"showDropdown\" class=\"ml-8 mt-4 flex flex-col gap-y-2\">\n        <div class=\"flex items-center justify-between text-xs\">\n          <span class=\"font-semibold\">\n            {{ $t('connect.walletAddress') }}\n          </span>\n\n          <div class=\"flex items-center gap-2\">\n            <span>{{ formattedAddress }}</span>\n            <BaseIcon\n              name=\"copy-filled\"\n              class=\"hover:text-blue-500 h-4 w-4\"\n              @click=\"copyAddress\"\n            />\n          </div>\n        </div>\n        <LayoutWalletDetailsTierLevel\n          v-if=\"!walletStore.isAuthzWalletConnected\"\n        />\n      </div>\n    </transition>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { formatWalletAddress } from '@injectivelabs/utils'\nimport { ROUTES } from '@/app/utils/constants'\n\nconst route = useRoute()\nconst router = useRouter()\nconst walletStore = useWalletStore()\n\nconst formattedInjectiveAddress = computed(() =>\n  formatWalletAddress(walletStore.injectiveAddress)\n)\n\nfunction disconnect() {\n  walletStore.disconnect()\n\n  if (ROUTES.walletConnectedRequiredRouteNames.includes(route.name as string)) {\n    router.push({ name: 'index' })\n  }\n}\n</script>\n\n<template>\n  <div class=\"flex items-center\">\n    <BaseHoverMenu\n      popper-class=\"min-w-[310px] sm:min-w-[356px] bg-gray-850 shadow-dropdown rounded-lg\"\n    >\n      <template #default=\"{ toggle }\">\n        <div\n          class=\"font-medium text-sm cursor-pointer flex items-center justify-center lg:justify-start w-10 h-10 lg:w-auto lg:px-6 rounded-lg textmode\"\n          @click=\"toggle\"\n        >\n          <BaseIcon name=\"user\" class=\"w-4 h-4 lg:mr-2\" />\n          <span class=\"hidden lg:block font-mono\">\n            {{ formattedInjectiveAddress }}\n          </span>\n        </div>\n      </template>\n\n      <template #content>\n        <div class=\"flex flex-col gap-4 rounded-lg p-4 primary-500 hidden\">\n          <div class=\"rounded-lg primary-500\">\n            <div class=\"flex flex-col py-3 px-4\">\n              <div class=\"flex justify-between pb-2\">\n                <span class=\"text-sm font-semibold textmode-neutral-500\">\n                  {{ $t('navigation.myAccount') }}\n                </span>\n                <span\n                  class=\"text-blue-500 hover:text-opacity-80 cursor-pointer text-xs font-medium\"\n                  @click=\"disconnect\"\n                >\n                  {{ $t('navigation.disconnect') }}\n                </span>\n              </div>\n              <LayoutWalletDetailsConnectedWallet\n                :wallet=\"walletStore.wallet\"\n              />\n            </div>\n          </div>\n        </div>\n      </template>\n    </BaseHoverMenu>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Status, StatusType } from '@injectivelabs/utils'\nimport { BaseDropdownOption } from '@injectivelabs/ui-shared/lib/types'\nimport { LedgerDerivationPathType, Wallet } from '@injectivelabs/wallet-ts'\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\nconst { handleSubmit } = useForm()\n\nconst options = [\n  {\n    display: t('connect.ledgerLive'),\n    value: LedgerDerivationPathType.LedgerLive\n  },\n  {\n    display: t('connect.ledgerLegacy'),\n    value: LedgerDerivationPathType.LedgerMew\n  }\n] as BaseDropdownOption[]\n\nconst path = ref<LedgerDerivationPathType | undefined>(undefined)\nconst status = reactive(new Status(StatusType.Idle))\nconst fetchStatus = reactive(new Status(StatusType.Idle))\n\nconst { value: address, errors: addressErrors } = useStringField({\n  name: 'address'\n})\n\nonMounted(() => {\n  walletStore.$patch({\n    addresses: []\n  })\n})\n\nfunction fetchAddresses() {\n  fetchStatus.setLoading()\n\n  const wallet =\n    path.value === LedgerDerivationPathType.LedgerLive\n      ? Wallet.Ledger\n      : Wallet.LedgerLegacy\n\n  walletStore\n    .getHWAddresses(wallet)\n    .catch($onError)\n    .finally(() => {\n      fetchStatus.setIdle()\n    })\n}\n\nconst connect = handleSubmit(() => {\n  status.setLoading()\n\n  walletStore\n    .connectLedger(address.value)\n    .catch((e) => {\n      walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n      $onError(e)\n    })\n    .finally(() => {\n      status.setIdle()\n    })\n})\n</script>\n\n<template>\n  <div>\n    <p class=\"text-sm font-semibold mb-2\">\n      {{ $t('connect.derivationPath') }}\n    </p>\n    <AppSelectField\n      v-model=\"path\"\n      :options=\"options\"\n      :placeholder=\"$t('connect.selectDerivationPath')\"\n    />\n\n    <p\n      v-if=\"fetchStatus.isLoading()\"\n      class=\"textmode-neutral-500 text-xs my-2 flex items-center gap-2\"\n    >\n      <AppSpinner sm /> <span>{{ $t('connect.getAddressNote') }}</span>\n    </p>\n\n    <div\n      v-else\n      class=\"flex items-center gap-1 text-blue-500 hover:text-opacity-80 cursor-pointer text-sm mt-2\"\n      @click=\"fetchAddresses\"\n    >\n      <span>\n        {{\n          walletStore.addresses.length === 0\n            ? $t('connect.getAddresses')\n            : $t('connect.getMoreAddresses')\n        }}\n      </span>\n      <BaseIcon name=\"arrow\" class=\"rotate-180 w-4 h-4\" />\n    </div>\n\n    <div class=\"border-b border-gray-600 mt-4 mb-4\" />\n\n    <div v-if=\"walletStore.addresses.length > 0\">\n      <p class=\"text-sm font-semibold mb-2\">\n        {{ $t('connect.address') }}\n      </p>\n\n      <AppSelectField\n        v-model=\"address\"\n        searchable\n        :options=\"\n          walletStore.addresses.map((address: string) => ({\n            display: address,\n            value: address\n          }))\n        \"\n        :placeholder=\"$t('connect.selectAddressToConnect')\"\n      />\n\n      <p\n        v-if=\"addressErrors.length > 0\"\n        class=\"text-red-500 text-sm capitalize-phrase mt-1\"\n      >\n        {{ addressErrors[0] }}\n      </p>\n\n      <AppButton\n        class=\"w-full mt-4 text-blue-900 bg-blue-500 font-semibold\"\n        :disabled=\"addressErrors.length > 0\"\n        :is-loading=\"status.isLoading()\"\n        lg\n        @click=\"connect\"\n      >\n        {{ $t('connect.connect') }}\n      </AppButton>\n    </div>\n\n    <p class=\"text-xs textmode-neutral-500 mt-4\">\n      {{ $t('connect.connectUsingLedgerNote') }}\n    </p>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Status, StatusType } from '@injectivelabs/utils'\nimport { BaseDropdownOption } from '@injectivelabs/ui-shared/lib/types'\nimport { Wallet } from '@injectivelabs/wallet-ts'\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { $onError } = useNuxtApp()\nconst { handleSubmit } = useForm()\n\nconst options = [\n  {\n    display: Wallet.Trezor,\n    value: Wallet.Trezor\n  }\n] as BaseDropdownOption[]\n\nconst wallet = ref<Wallet>(Wallet.Trezor)\nconst status = reactive(new Status(StatusType.Idle))\nconst fetchStatus = reactive(new Status(StatusType.Idle))\n\nconst { value: address, errors: addressErrors } = useStringField({\n  name: 'address'\n})\n\nonMounted(() => {\n  walletStore.$patch({\n    addresses: []\n  })\n})\n\nfunction fetchAddresses() {\n  fetchStatus.setLoading()\n\n  walletStore\n    .getHWAddresses(Wallet.Trezor)\n    .catch($onError)\n    .finally(() => {\n      fetchStatus.setIdle()\n    })\n}\n\nconst connect = handleSubmit(() => {\n  status.setLoading()\n\n  walletStore\n    .connectTrezor(address.value)\n    .catch((e) => {\n      walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n      $onError(e)\n    })\n    .finally(() => {\n      status.setIdle()\n    })\n})\n</script>\n\n<template>\n  <div>\n    <p class=\"text-sm font-semibold mb-2\">\n      {{ $t('connect.derivationPath') }}\n    </p>\n    <AppSelectField\n      v-model=\"wallet\"\n      :options=\"options\"\n      :placeholder=\"$t('connect.wallet')\"\n    />\n\n    <p\n      v-if=\"fetchStatus.isLoading()\"\n      class=\"textmode-neutral-500 text-xs my-2 flex items-center gap-2\"\n    >\n      <AppSpinner sm /> <span>{{ $t('connect.getAddressNote') }}</span>\n    </p>\n\n    <div\n      v-else\n      class=\"flex items-center gap-1 text-blue-500 hover:text-opacity-80 cursor-pointer text-sm mt-2\"\n      @click=\"fetchAddresses\"\n    >\n      <span>\n        {{\n          walletStore.addresses.length === 0\n            ? $t('connect.getAddresses')\n            : $t('connect.getMoreAddresses')\n        }}\n      </span>\n      <BaseIcon name=\"arrow\" class=\"rotate-180 w-4 h-4\" />\n    </div>\n\n    <div class=\"border-b border-gray-600 mt-4 mb-4\" />\n\n    <div v-if=\"walletStore.addresses.length > 0\">\n      <p class=\"text-sm font-semibold mb-2\">\n        {{ $t('connect.address') }}\n      </p>\n\n      <AppSelectField\n        v-model=\"address\"\n        searchable\n        :options=\"\n          walletStore.addresses.map((address: string) => ({\n            display: address,\n            value: address\n          }))\n        \"\n        :placeholder=\"$t('connect.selectAddressToConnect')\"\n      />\n\n      <p\n        v-if=\"addressErrors.length > 0\"\n        class=\"text-red-500 text-sm capitalize-phrase mt-1\"\n      >\n        {{ addressErrors[0] }}\n      </p>\n\n      <AppButton\n        class=\"w-full mt-4 text-blue-900 bg-blue-500 font-semibold\"\n        :disabled=\"addressErrors.length > 0\"\n        :is-loading=\"status.isLoading()\"\n        lg\n        @click=\"connect\"\n      >\n        {{ $t('connect.connect') }}\n      </AppButton>\n    </div>\n\n    <p class=\"text-xs textmode-neutral-500 mt-4\">\n      {{ $t('connect.connectUsingTrezorNote') }}\n    </p>\n  </div>\n</template>\n","<template>\n  <li class=\"block hover:bgmode-800 cursor-pointer px-6\">\n    <div class=\"flex items-center py-4\">\n      <div class=\"min-w-0 flex-1 flex items-center\">\n        <div class=\"flex-shrink-0 mr-2 textmode-neutral-500\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div\n          class=\"min-w-0 flex-1 px-4 md:grid md:grid-cols-1 md:gap-4 text-left\"\n        >\n          <div>\n            <p class=\"text-xl font-semibold textmode-neutral flex items-center gap-1\">\n              <slot name=\"title\"></slot>\n            </p>\n            <div\n              class=\"flex items-center text-base textmode-neutral-500 gap-2 flex-wrap\"\n            >\n              <slot name=\"description\"></slot>\n              <slot name=\"addon\"></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <slot name=\"icon\">\n          <BaseIcon\n            name=\"caret-down\"\n            class=\"transform -rotate-90 h-5 w-5 textmode-neutral\"\n          />\n        </slot>\n      </div>\n    </div>\n  </li>\n</template>\n","<script lang=\"ts\" setup>\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nconst downloadMetamaskLink = ref<any>(null)\n\nfunction connect() {\n  if (walletStore.metamaskInstalled) {\n    walletStore\n      .connectMetamask()\n      .then(() => {\n        success({ title: t('connect.successfullyConnected') })\n      })\n      .catch((e) => {\n        walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n        $onError(e)\n      })\n  } else if (downloadMetamaskLink.value && downloadMetamaskLink.value.$el) {\n    downloadMetamaskLink.value.$el.click()\n  }\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"connect\">\n    <template #logo>\n      <BaseIcon name=\"wallet/metamask\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.metamask') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-metamask-button\">\n        {{ $t('connect.connectUsingBrowser') }}\n      </span>\n    </template>\n\n    <template v-if=\"!walletStore.metamaskInstalled\" #icon>\n      <NuxtLink\n        ref=\"downloadMetamaskLink\"\n        to=\"https://metamask.io/download\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        class=\"hidden lg:flex\"\n      >\n        <BaseIcon name=\"download\" class=\"h-5 w-5 hover:text-blue-500\" />\n      </NuxtLink>\n      <NuxtLink\n        ref=\"downloadMetamaskLink\"\n        to=\"https://metamask.app.link/dapp/wavely.app\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        class=\"hidden lg:flex\"\n      >\n        <BaseIcon name=\"download\" class=\"h-5 w-5 hover:text-blue-500\" />\n      </NuxtLink>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { isCosmosWalletInstalled, Wallet } from '@injectivelabs/wallet-ts'\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nconst isWalletInstalled = isCosmosWalletInstalled(Wallet.Keplr)\nconst downloadKeplrLink = ref<any>(null)\n\nfunction connect() {\n  if (isWalletInstalled) {\n    walletStore\n      .connectKeplr()\n      .then(() => {\n        success({ title: t('connect.successfullyConnected') })\n      })\n      .catch((e) => {\n        walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n        $onError(e)\n      })\n  } else if (downloadKeplrLink.value && downloadKeplrLink.value.$el) {\n    downloadKeplrLink.value.$el.click()\n  }\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"connect\">\n    <template #logo>\n      <BaseIcon name=\"wallet/keplr\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.keplr') }}\n    </template>\n\n    <template #description>\n      <div>\n        <span data-cy=\"connect-wallet-popup-keplr-button\">\n          {{ $t('connect.connectUsingKeplr') }}\n        </span>\n      </div>\n    </template>\n\n    <template v-if=\"!isWalletInstalled\" #icon>\n      <NuxtLink\n        ref=\"downloadKeplrLink\"\n        to=\"https://www.keplr.app/download\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n      >\n        <BaseIcon name=\"download\" class=\"h-5 w-5 hover:text-blue-500\" />\n      </NuxtLink>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { isCosmosWalletInstalled, Wallet } from '@injectivelabs/wallet-ts'\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nconst isWalletInstalled = isCosmosWalletInstalled(Wallet.Leap)\nconst downloadCosmostationLink = ref<any>(null)\n\nfunction connect() {\n  if (isWalletInstalled) {\n    walletStore\n      .connectCosmostation()\n      .then(() => {\n        success({ title: t('connect.successfullyConnected') })\n      })\n      .catch((e) => {\n        walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n        $onError(e)\n      })\n  } else if (\n    downloadCosmostationLink.value &&\n    downloadCosmostationLink.value.$el\n  ) {\n    downloadCosmostationLink.value.$el.click()\n  }\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"connect\">\n    <template #logo>\n      <BaseIcon name=\"wallet/cosmostation\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.cosmostation') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-ledger-button\">\n        {{ $t('connect.connectUsingBrowser') }}\n      </span>\n    </template>\n\n    <template v-if=\"!isWalletInstalled\" #icon>\n      <NuxtLink\n        ref=\"downloadCosmostationLink\"\n        to=\"https://www.cosmostation.io/wallet\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n      >\n        <BaseIcon name=\"download\" class=\"h-5 w-5 hover:text-blue-500\" />\n      </NuxtLink>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { isCosmosWalletInstalled, Wallet } from '@injectivelabs/wallet-ts'\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nconst isWalletInstalled = isCosmosWalletInstalled(Wallet.Leap)\nconst downloadLeapLink = ref<any>(null)\n\nfunction connect() {\n  if (isWalletInstalled) {\n    walletStore\n      .connectLeap()\n      .then(() => {\n        success({ title: t('connect.successfullyConnected') })\n      })\n      .catch((e) => {\n        walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n        $onError(e)\n      })\n  } else if (downloadLeapLink.value && downloadLeapLink.value.$el) {\n    downloadLeapLink.value.$el.click()\n  }\n}\n</script>\n\n<template>\n  <div>\n    <LayoutWalletConnectWrapper @click=\"connect\">\n      <template #logo>\n        <BaseIcon name=\"wallet/leap\" class=\"w-8 h-8\" />\n      </template>\n\n      <template #title>\n        {{ $t('connect.leap') }}\n      </template>\n\n      <template #description>\n        <span data-cy=\"connect-wallet-popup-ledger-button\">\n          {{ $t('connect.connectUsingBrowser') }}\n        </span>\n      </template>\n    </LayoutWalletConnectWrapper>\n\n    <a href=\"https://leapcosmoswallet.page.link/2TmpfL91a3diAYEp7\" class=\"lg:hidden\">\n      <LayoutWalletConnectWrapper>\n        <template #logo>\n          <BaseIcon name=\"wallet/leap\" class=\"w-8 h-8\" />\n        </template>\n\n        <template #title>\n          {{ $t('connect.leap') }}\n        </template>\n\n        <template #description>\n          <span data-cy=\"connect-wallet-popup-ledger-button\">\n            {{ $t('connect.connectUsingBrowser') }}\n          </span>\n        </template>\n      </LayoutWalletConnectWrapper>\n    </a>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nfunction connect() {\n  walletStore\n    .connectTorus()\n    .then(() => {\n      success({ title: t('connect.successfullyConnected') })\n    })\n    .catch((e) => {\n      walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n      $onError(e)\n    })\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"connect\">\n    <template #logo>\n      <BaseIcon name=\"wallet/torus\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.torus') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-torus-button\">\n        {{ $t('connect.connectUsingTorus') }}\n      </span>\n    </template>\n\n    <template #addon>\n      <div class=\"grid grid-cols-4 gap-4 textmode-neutral\">\n        <BaseIcon name=\"social/google\" md />\n        <BaseIcon name=\"social/facebook\" md />\n        <BaseIcon name=\"social/twitter\" md />\n        <BaseIcon name=\"social/discord\" md />\n      </div>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { WalletConnectStatus } from '@/types'\n\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { t } = useLang()\n\nconst downloadTrustWalletLink = ref<any>(null)\n\nfunction connect() {\n  if (walletStore.trustWalletInstalled) {\n    walletStore\n      .connectTrustWallet()\n      .then(() => {\n        success({ title: t('connect.successfullyConnected') })\n      })\n      .catch((e) => {\n        walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n        $onError(e)\n      })\n  } else if (\n    downloadTrustWalletLink.value &&\n    downloadTrustWalletLink.value.$el\n  ) {\n    downloadTrustWalletLink.value.$el.click()\n  }\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"connect\">\n    <template #logo>\n      <BaseIcon name=\"wallet/trust-wallet\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.trustWallet') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-trust-wallet-button\">\n        {{ $t('connect.connectUsingBrowser') }}\n      </span>\n    </template>\n\n    <template v-if=\"!walletStore.trustWalletInstalled\" #icon>\n      <NuxtLink\n        ref=\"downloadTrustWalletLink\"\n        to=\"https://trustwallet.com/browser-extension/\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n      >\n        <BaseIcon name=\"download\" class=\"h-5 w-5 hover:text-blue-500\" />\n      </NuxtLink>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { WalletModalType } from '@/types'\n\nconst emit = defineEmits<{\n  click: [type: WalletModalType]\n}>()\n\nfunction showLedgerModal() {\n  emit('click', WalletModalType.Ledger)\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"showLedgerModal\">\n    <template #logo>\n      <BaseIcon name=\"wallet/ledger\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.ledger') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-ledger-button\">\n        {{ $t('connect.connectUsingHardware') }}\n      </span>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { WalletModalType } from '@/types'\n\nconst emit = defineEmits<{\n  click: [type: WalletModalType]\n}>()\n\nfunction showTrezorModal() {\n  emit('click', WalletModalType.Trezor)\n}\n</script>\n\n<template>\n  <LayoutWalletConnectWrapper @click=\"showTrezorModal\">\n    <template #logo>\n      <BaseIcon name=\"wallet/trezor\" class=\"w-8 h-8\" />\n    </template>\n\n    <template #title>\n      {{ $t('connect.trezor') }}\n    </template>\n\n    <template #description>\n      <span data-cy=\"connect-wallet-popup-trezor-button\">\n        {{ $t('connect.connectUsingHardware') }}\n      </span>\n    </template>\n  </LayoutWalletConnectWrapper>\n</template>\n","<script lang=\"ts\" setup>\nimport { Modal } from '@/types'\n\nconst modalStore = useModalStore()\n\nconst isModalOpen = computed(() => modalStore.modals[Modal.Terms])\n\nfunction handleConfirm() {\n  closeModal()\n\n  modalStore.openModal(Modal.Connect)\n}\n\nfunction handleCancel() {\n  closeModal()\n}\n\nfunction closeModal() {\n  modalStore.closeModal(Modal.Terms)\n}\n</script>\n\n<template>\n  <AppModal :is-open=\"isModalOpen\" @modal:closed=\"closeModal\">\n    <template #title>\n      <h3>\n        {{ $t('Acknowledge Terms') }}\n      </h3>\n    </template>\n\n    <div class=\"relative\">\n      <i18n-t keypath=\"terms.disclaimerNote\" tag=\"p\" class=\"text-sm\">\n        <template #terms>\n          <NuxtLink\n            target=\"_blank\"\n            class=\"text-blue-500 hover:text-opacity-80\"\n            :to=\"{ name: 'terms' }\"\n          >\n            {{ $t('terms.termsAndCondition') }}\n          </NuxtLink>\n        </template>\n\n        <template #policy>\n          <NuxtLink\n            target=\"_blank\"\n            class=\"text-blue-500 hover:text-opacity-80\"\n            to=\"https://injectivelabs.org/privacy\"\n          >\n            {{ $t('terms.privacyPolicy') }}\n          </NuxtLink>\n        </template>\n      </i18n-t>\n\n      <ul class=\"p-4 primary-500 mt-6 text-xs textmode-neutral-300 rounded-lg\">\n        <li class=\"font-bold textmode-neutral-500\">\n          {{ $t('terms.title') }}\n        </li>\n        <li class=\"mt-2\">\n          {{ $t('terms.acknowledge_1') }}\n        </li>\n        <li class=\"mt-2\">\n          {{ $t('terms.acknowledge_2') }}\n        </li>\n        <li class=\"mt-2\">\n          {{ $t('terms.acknowledge_3') }}\n        </li>\n        <li class=\"mt-2\">\n          {{ $t('terms.acknowledge_4') }}\n        </li>\n        <li class=\"mt-2\">\n          {{ $t('terms.acknowledge_5') }}\n        </li>\n      </ul>\n      <div class=\"mt-6 flex items-center justify-center gap-3\">\n        <AppButton\n          class=\"bg-blue-500 text-blue-900 font-semibold\"\n          @click=\"handleConfirm\"\n        >\n          {{ $t('common.confirm') }}\n        </AppButton>\n        <AppButton\n          class=\"text-red-500 bg-red-500 bg-opacity-10 font-semibold hover:textmode-neutral\"\n          @click=\"handleCancel\"\n        >\n          {{ $t('common.cancel') }}\n        </AppButton>\n      </div>\n    </div>\n  </AppModal>\n</template>\n","<script lang=\"ts\" setup>\nimport { Status, StatusType } from '@injectivelabs/utils'\nimport { GEO_IP_RESTRICTIONS_ENABLED } from '@/app/utils/constants'\nimport { amplitudeGenericTracker } from '@/app/providers/amplitude'\nimport {\n  Modal,\n  BusEvents,\n  AmplitudeEvent,\n  WalletModalType,\n  WalletConnectStatus\n} from '@/types'\n\nconst modalStore = useModalStore()\nconst walletStore = useWalletStore()\n\ntype Theme = 'light' | 'dark'\nconst LOCAL_STORAGE_THEME_KEY = 'theme'\nconst darkMode = useState('theme', () => false)\nconst setTheme = (newTheme: Theme) => {\n  localStorage.setItem(LOCAL_STORAGE_THEME_KEY, newTheme)\n  darkMode.value = newTheme === 'dark'\n}\n\nconst status: Status = reactive(new Status(StatusType.Loading))\nconst walletModalType = ref<WalletModalType>(WalletModalType.All)\n\nconst isModalOpen = computed<boolean>(\n  () => modalStore.modals[Modal.Connect] && !walletStore.isUserWalletConnected\n)\n\nconst isLoading = computed<boolean>(\n  () => walletStore.walletConnectStatus === WalletConnectStatus.connecting\n)\n\nonMounted(() => {\n  useEventBus<string>(BusEvents.ShowLedgerConnect).on(handleLedgerConnect)\n\n  Promise.all([\n    walletStore.isMetamaskInstalled(),\n    walletStore.isTrustWalletInstalled()\n  ]).finally(() => status.setIdle())\n})\n\nfunction handleLedgerConnect() {\n  walletModalType.value = WalletModalType.Ledger\n\n  modalStore.openModal(Modal.Connect)\n}\n\nfunction handleWalletConnect() {\n  amplitudeGenericTracker.trackEvent(AmplitudeEvent.ConnectClicked)\n\n  if (GEO_IP_RESTRICTIONS_ENABLED) {\n    modalStore.openModal(Modal.Terms)\n  } else {\n    modalStore.openModal(Modal.Connect)\n  }\n}\n\nfunction handleModalClose() {\n  modalStore.closeModal(Modal.Connect)\n}\n\nfunction updateWalletModalType(type: WalletModalType) {\n  walletModalType.value = type\n}\n\nwatch(\n  () => walletStore.walletConnectStatus,\n  (newWalletConnectStatus) => {\n    if (newWalletConnectStatus === WalletConnectStatus.connected) {\n      modalStore.closeModal(Modal.Connect)\n      modalStore.openPersistedModalIfExist()\n    }\n  }\n)\n\nwatch(isModalOpen, (newShowModalState) => {\n  if (!newShowModalState) {\n    handleModalClose()\n    walletModalType.value = WalletModalType.All\n  }\n})\n</script>\n\n<template>\n  <div>\n  <LayoutWalletDetails v-if=\"walletStore.isUserWalletConnected\" />\n\n  <div\n    v-else\n    class=\"whitespace-nowrap button text-white flex h-full justify-center items-center\"\n    :class=\"[{ 'button-dark': darkMode }, { 'button-light': !darkMode }]\"\n    @click=\"handleWalletConnect\"\n  >\n    <span class=\"hidden lg:flex\">\n      {{ $t('connect.connectWallet') }}\n    </span>\n    <span class=\"lg:hidden\">\n      Connect\n    </span> \n  </div>\n\n  <AppModal\n    :is-open=\"isModalOpen\"\n    :is-loading=\"isLoading\"\n    :ignore=\"['.v-popper__popper']\"\n    md\n    @modal:closed=\"handleModalClose\"\n    class=\"fade\"\n  >\n    <template #title>\n      <h3 v-if=\"walletModalType === WalletModalType.Trezor\">\n        {{ $t('connect.connectUsingTrezor') }}\n      </h3>\n      <h3 v-else-if=\"walletModalType === WalletModalType.Ledger\">\n        {{ $t('connect.connectUsingLedger') }}\n      </h3>\n      <h3 v-else>\n        {{ $t('connect.connectToWallet') }}\n      </h3>\n    </template>\n\n    <LayoutWalletLedger v-if=\"walletModalType === WalletModalType.Ledger\" />\n    <LayoutWalletTrezor\n      v-else-if=\"walletModalType === WalletModalType.Trezor\"\n    />\n    <ul\n      v-else\n      class=\"overflow-auto\"\n    >\n      <LayoutWalletConnectWalletMetamask class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletKeplr class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletCosmostation class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletLeap class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletTorus class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletTrustWallet class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletLedger @click=\"updateWalletModalType\" class=\"wallet-bg\" />\n      <LayoutWalletConnectWalletTrezor @click=\"updateWalletModalType\" class=\"wallet-bg\" />\n    </ul>\n  </AppModal>\n  <ModalsTerms />\n  </div>\n</template>\n\n<style>\n.wallet-bg {\n  @apply rounded-2xl bg-[#d2d9e58f] dark:bg-[#d2d9e50f] m-2 hover:dark:bg-[#d2d9e525] hover:bg-[#b6c0d287];\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { Menu } from 'floating-vue'\n\ndefineProps({\n  shown: Boolean\n})\n\nconst emit = defineEmits<{\n  (e: 'dropdown:toggle', state: boolean): void\n}>()\n\nfunction handleMouseEnter() {\n  emit('dropdown:toggle', true)\n}\n\nfunction handleMouseLeave() {\n  emit('dropdown:toggle', false)\n}\n\nfunction handleUpdate(value: boolean) {\n  emit('dropdown:toggle', value)\n}\n\n</script>\n\n<template>\n  <Menu\n    v-bind=\"$attrs\"\n    placement=\"bottom-end\"\n    popper-class=\"v-popper__navigation\"\n    :delay=\"200\"\n    :distance=\"16\"\n    :shown=\"shown\"\n    :triggers=\"['click']\"\n    @update:shown=\"handleUpdate\"\n  >\n    <div @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">\n      <slot />\n    </div>\n\n    <template #popper>\n      <slot name=\"content\" />\n    </template>\n  </Menu>\n</template>\n\n<style>\n.v-popper__navigation {\n  @apply w-[320px] rounded-3xl shadow-dropdown z-50 flex flex-col flex-wrap;\n  transition: opacity 250ms ease-in-out !important;\n}\n.v-popper__navigation.v-popper__popper--show-from,\n.v-popper__navigation.v-popper__popper--show-to,\n.v-popper__navigation.v-popper__popper--hide-from,\n.v-popper__navigation.v-popper__popper--hide-to {\n  @apply visible;\n}\n</style>\n","import { HttpClient } from '@injectivelabs/utils'\nimport { NINJA_PASS_ENDPOINT } from '@/app/utils/constants'\n\nexport const fetchNinjaPassCodes = async (address: string) => {\n  const httpClient = new HttpClient(NINJA_PASS_ENDPOINT)\n\n  try {\n    const res = (await httpClient.get(`codes?address=${address}`)) as {\n      data: {\n        codes: { address: string; code: string }[]\n      }\n    }\n\n    return res.data.codes\n  } catch (e: unknown) {\n    // silently fall for now\n  }\n}\n","import { defineStore } from 'pinia'\nimport { fetchNinjaPassCodes } from '@/app/services/ninjapass'\n\ntype Code = {\n  address: string\n  code: string\n}\n\ntype NinjaPassStoreState = {\n  codes?: Code[]\n}\n\nconst initialStateFactory = (): NinjaPassStoreState => ({\n  codes: []\n})\n\nexport const useNinjaPassStore = defineStore('ninjaPass', {\n  state: (): NinjaPassStoreState => initialStateFactory(),\n  actions: {\n    async fetchCodes() {\n      const ninjaPassStore = useNinjaPassStore()\n      const walletStore = useWalletStore()\n\n      if (!walletStore.isUserWalletConnected) {\n        return\n      }\n\n      const codes = await fetchNinjaPassCodes(walletStore.injectiveAddress)\n\n      ninjaPassStore.$patch({\n        codes: codes || []\n      })\n    }\n  }\n})\n","function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}\n\nfunction normalizeComputedStyleValue(string) {\n  // \"250px\" --> 250\n  return +string.replace(/px/, '');\n}\n\nfunction fixDPR(canvas) {\n  var dpr = window.devicePixelRatio;\n  var computedStyles = getComputedStyle(canvas);\n  var width = normalizeComputedStyleValue(computedStyles.getPropertyValue('width'));\n  var height = normalizeComputedStyleValue(computedStyles.getPropertyValue('height'));\n  canvas.setAttribute('width', (width * dpr).toString());\n  canvas.setAttribute('height', (height * dpr).toString());\n}\n\nfunction generateRandomNumber(min, max) {\n  var fractionDigits = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n  var randomNumber = Math.random() * (max - min) + min;\n  return Math.floor(randomNumber * Math.pow(10, fractionDigits)) / Math.pow(10, fractionDigits);\n}\n\nfunction generateRandomArrayElement(arr) {\n  return arr[generateRandomNumber(0, arr.length)];\n}\n\nvar FREE_FALLING_OBJECT_ACCELERATION = 0.00125;\nvar MIN_DRAG_FORCE_COEFFICIENT = 0.0005;\nvar MAX_DRAG_FORCE_COEFFICIENT = 0.0009;\nvar ROTATION_SLOWDOWN_ACCELERATION = 0.00001;\nvar INITIAL_SHAPE_RADIUS = 6;\nvar INITIAL_EMOJI_SIZE = 80;\nvar MIN_INITIAL_CONFETTI_SPEED = 0.9;\nvar MAX_INITIAL_CONFETTI_SPEED = 1.7;\nvar MIN_FINAL_X_CONFETTI_SPEED = 0.2;\nvar MAX_FINAL_X_CONFETTI_SPEED = 0.6;\nvar MIN_INITIAL_ROTATION_SPEED = 0.03;\nvar MAX_INITIAL_ROTATION_SPEED = 0.07;\nvar MIN_CONFETTI_ANGLE = 15;\nvar MAX_CONFETTI_ANGLE = 82;\nvar MAX_CONFETTI_POSITION_SHIFT = 150;\nvar SHAPE_VISIBILITY_TRESHOLD = 100;\nvar DEFAULT_CONFETTI_NUMBER = 250;\nvar DEFAULT_EMOJIS_NUMBER = 40;\nvar DEFAULT_CONFETTI_COLORS = ['#fcf403', '#62fc03', '#f4fc03', '#03e7fc', '#03fca5', '#a503fc', '#fc03ad', '#fc03c2'];\n\nfunction getWindowWidthCoefficient(canvasWidth) {\n  var HD_SCREEN_WIDTH = 1920;\n  return Math.log(canvasWidth) / Math.log(HD_SCREEN_WIDTH);\n}\n\nvar ConfettiShape = /*#__PURE__*/function () {\n  function ConfettiShape(args) {\n    _classCallCheck(this, ConfettiShape);\n\n    var initialPosition = args.initialPosition,\n        direction = args.direction,\n        confettiRadius = args.confettiRadius,\n        confettiColors = args.confettiColors,\n        emojis = args.emojis,\n        emojiSize = args.emojiSize,\n        canvasWidth = args.canvasWidth;\n    var randomConfettiSpeed = generateRandomNumber(MIN_INITIAL_CONFETTI_SPEED, MAX_INITIAL_CONFETTI_SPEED, 3);\n    var initialSpeed = randomConfettiSpeed * getWindowWidthCoefficient(canvasWidth);\n    this.confettiSpeed = {\n      x: initialSpeed,\n      y: initialSpeed\n    };\n    this.finalConfettiSpeedX = generateRandomNumber(MIN_FINAL_X_CONFETTI_SPEED, MAX_FINAL_X_CONFETTI_SPEED, 3);\n    this.rotationSpeed = emojis.length ? 0.01 : generateRandomNumber(MIN_INITIAL_ROTATION_SPEED, MAX_INITIAL_ROTATION_SPEED, 3) * getWindowWidthCoefficient(canvasWidth);\n    this.dragForceCoefficient = generateRandomNumber(MIN_DRAG_FORCE_COEFFICIENT, MAX_DRAG_FORCE_COEFFICIENT, 6);\n    this.radius = {\n      x: confettiRadius,\n      y: confettiRadius\n    };\n    this.initialRadius = confettiRadius;\n    this.rotationAngle = direction === 'left' ? generateRandomNumber(0, 0.2, 3) : generateRandomNumber(-0.2, 0, 3);\n    this.emojiSize = emojiSize;\n    this.emojiRotationAngle = generateRandomNumber(0, 2 * Math.PI);\n    this.radiusYUpdateDirection = 'down';\n    var angle = direction === 'left' ? generateRandomNumber(MAX_CONFETTI_ANGLE, MIN_CONFETTI_ANGLE) * Math.PI / 180 : generateRandomNumber(-MIN_CONFETTI_ANGLE, -MAX_CONFETTI_ANGLE) * Math.PI / 180;\n    this.absCos = Math.abs(Math.cos(angle));\n    this.absSin = Math.abs(Math.sin(angle));\n    var positionShift = generateRandomNumber(-MAX_CONFETTI_POSITION_SHIFT, 0);\n    var shiftedInitialPosition = {\n      x: initialPosition.x + (direction === 'left' ? -positionShift : positionShift) * this.absCos,\n      y: initialPosition.y - positionShift * this.absSin\n    };\n    this.currentPosition = Object.assign({}, shiftedInitialPosition);\n    this.initialPosition = Object.assign({}, shiftedInitialPosition);\n    this.color = emojis.length ? null : generateRandomArrayElement(confettiColors);\n    this.emoji = emojis.length ? generateRandomArrayElement(emojis) : null;\n    this.createdAt = new Date().getTime();\n    this.direction = direction;\n  }\n\n  _createClass(ConfettiShape, [{\n    key: \"draw\",\n    value: function draw(canvasContext) {\n      var currentPosition = this.currentPosition,\n          radius = this.radius,\n          color = this.color,\n          emoji = this.emoji,\n          rotationAngle = this.rotationAngle,\n          emojiRotationAngle = this.emojiRotationAngle,\n          emojiSize = this.emojiSize;\n      var dpr = window.devicePixelRatio;\n\n      if (color) {\n        canvasContext.fillStyle = color;\n        canvasContext.beginPath();\n        canvasContext.ellipse(currentPosition.x * dpr, currentPosition.y * dpr, radius.x * dpr, radius.y * dpr, rotationAngle, 0, 2 * Math.PI);\n        canvasContext.fill();\n      } else if (emoji) {\n        canvasContext.font = \"\".concat(emojiSize, \"px serif\");\n        canvasContext.save();\n        canvasContext.translate(dpr * currentPosition.x, dpr * currentPosition.y);\n        canvasContext.rotate(emojiRotationAngle);\n        canvasContext.textAlign = 'center';\n        canvasContext.fillText(emoji, 0, 0);\n        canvasContext.restore();\n      }\n    }\n  }, {\n    key: \"updatePosition\",\n    value: function updatePosition(iterationTimeDelta, currentTime) {\n      var confettiSpeed = this.confettiSpeed,\n          dragForceCoefficient = this.dragForceCoefficient,\n          finalConfettiSpeedX = this.finalConfettiSpeedX,\n          radiusYUpdateDirection = this.radiusYUpdateDirection,\n          rotationSpeed = this.rotationSpeed,\n          createdAt = this.createdAt,\n          direction = this.direction;\n      var timeDeltaSinceCreation = currentTime - createdAt;\n      if (confettiSpeed.x > finalConfettiSpeedX) this.confettiSpeed.x -= dragForceCoefficient * iterationTimeDelta;\n      this.currentPosition.x += confettiSpeed.x * (direction === 'left' ? -this.absCos : this.absCos) * iterationTimeDelta;\n      this.currentPosition.y = this.initialPosition.y - confettiSpeed.y * this.absSin * timeDeltaSinceCreation + FREE_FALLING_OBJECT_ACCELERATION * Math.pow(timeDeltaSinceCreation, 2) / 2;\n      this.rotationSpeed -= this.emoji ? 0.0001 : ROTATION_SLOWDOWN_ACCELERATION * iterationTimeDelta;\n      if (this.rotationSpeed < 0) this.rotationSpeed = 0; // no need to update rotation radius for emoji\n\n      if (this.emoji) {\n        this.emojiRotationAngle += this.rotationSpeed * iterationTimeDelta % (2 * Math.PI);\n        return;\n      }\n\n      if (radiusYUpdateDirection === 'down') {\n        this.radius.y -= iterationTimeDelta * rotationSpeed;\n\n        if (this.radius.y <= 0) {\n          this.radius.y = 0;\n          this.radiusYUpdateDirection = 'up';\n        }\n      } else {\n        this.radius.y += iterationTimeDelta * rotationSpeed;\n\n        if (this.radius.y >= this.initialRadius) {\n          this.radius.y = this.initialRadius;\n          this.radiusYUpdateDirection = 'down';\n        }\n      }\n    }\n  }, {\n    key: \"getIsVisibleOnCanvas\",\n    value: function getIsVisibleOnCanvas(canvasHeight) {\n      return this.currentPosition.y < canvasHeight + SHAPE_VISIBILITY_TRESHOLD;\n    }\n  }]);\n\n  return ConfettiShape;\n}();\n\nfunction createCanvas() {\n  var canvas = document.createElement('canvas');\n  canvas.style.position = 'fixed';\n  canvas.style.width = '100%';\n  canvas.style.height = '100%';\n  canvas.style.top = '0';\n  canvas.style.left = '0';\n  canvas.style.zIndex = '1000';\n  canvas.style.pointerEvents = 'none';\n  document.body.appendChild(canvas);\n  return canvas;\n}\n\nfunction normalizeConfettiConfig(confettiConfig) {\n  var _confettiConfig$confe = confettiConfig.confettiRadius,\n      confettiRadius = _confettiConfig$confe === void 0 ? INITIAL_SHAPE_RADIUS : _confettiConfig$confe,\n      _confettiConfig$confe2 = confettiConfig.confettiNumber,\n      confettiNumber = _confettiConfig$confe2 === void 0 ? confettiConfig.confettiesNumber || (confettiConfig.emojis ? DEFAULT_EMOJIS_NUMBER : DEFAULT_CONFETTI_NUMBER) : _confettiConfig$confe2,\n      _confettiConfig$confe3 = confettiConfig.confettiColors,\n      confettiColors = _confettiConfig$confe3 === void 0 ? DEFAULT_CONFETTI_COLORS : _confettiConfig$confe3,\n      _confettiConfig$emoji = confettiConfig.emojis,\n      emojis = _confettiConfig$emoji === void 0 ? confettiConfig.emojies || [] : _confettiConfig$emoji,\n      _confettiConfig$emoji2 = confettiConfig.emojiSize,\n      emojiSize = _confettiConfig$emoji2 === void 0 ? INITIAL_EMOJI_SIZE : _confettiConfig$emoji2; // deprecate wrong plural forms, used in early releases\n\n  if (confettiConfig.emojies) console.error(\"emojies argument is deprecated, please use emojis instead\");\n  if (confettiConfig.confettiesNumber) console.error(\"confettiesNumber argument is deprecated, please use confettiNumber instead\");\n  return {\n    confettiRadius: confettiRadius,\n    confettiNumber: confettiNumber,\n    confettiColors: confettiColors,\n    emojis: emojis,\n    emojiSize: emojiSize\n  };\n}\n\nvar ConfettiBatch = /*#__PURE__*/function () {\n  function ConfettiBatch(canvasContext) {\n    var _this = this;\n\n    _classCallCheck(this, ConfettiBatch);\n\n    this.canvasContext = canvasContext;\n    this.shapes = [];\n    this.promise = new Promise(function (completionCallback) {\n      return _this.resolvePromise = completionCallback;\n    });\n  }\n\n  _createClass(ConfettiBatch, [{\n    key: \"getBatchCompletePromise\",\n    value: function getBatchCompletePromise() {\n      return this.promise;\n    }\n  }, {\n    key: \"addShapes\",\n    value: function addShapes() {\n      var _this$shapes;\n\n      (_this$shapes = this.shapes).push.apply(_this$shapes, arguments);\n    }\n  }, {\n    key: \"complete\",\n    value: function complete() {\n      var _a;\n\n      if (this.shapes.length) {\n        return false;\n      }\n\n      (_a = this.resolvePromise) === null || _a === void 0 ? void 0 : _a.call(this);\n      return true;\n    }\n  }, {\n    key: \"processShapes\",\n    value: function processShapes(time, canvasHeight, cleanupInvisibleShapes) {\n      var _this2 = this;\n\n      var timeDelta = time.timeDelta,\n          currentTime = time.currentTime;\n      this.shapes = this.shapes.filter(function (shape) {\n        // Render the shapes in this batch\n        shape.updatePosition(timeDelta, currentTime);\n        shape.draw(_this2.canvasContext); // Only cleanup the shapes if we're being asked to\n\n        if (!cleanupInvisibleShapes) {\n          return true;\n        }\n\n        return shape.getIsVisibleOnCanvas(canvasHeight);\n      });\n    }\n  }]);\n\n  return ConfettiBatch;\n}();\n\nvar JSConfetti = /*#__PURE__*/function () {\n  function JSConfetti() {\n    var jsConfettiConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    _classCallCheck(this, JSConfetti);\n\n    this.activeConfettiBatches = [];\n    this.canvas = jsConfettiConfig.canvas || createCanvas();\n    this.canvasContext = this.canvas.getContext('2d');\n    this.requestAnimationFrameRequested = false;\n    this.lastUpdated = new Date().getTime();\n    this.iterationIndex = 0;\n    this.loop = this.loop.bind(this);\n    requestAnimationFrame(this.loop);\n  }\n\n  _createClass(JSConfetti, [{\n    key: \"loop\",\n    value: function loop() {\n      this.requestAnimationFrameRequested = false;\n      fixDPR(this.canvas);\n      var currentTime = new Date().getTime();\n      var timeDelta = currentTime - this.lastUpdated;\n      var canvasHeight = this.canvas.offsetHeight;\n      var cleanupInvisibleShapes = this.iterationIndex % 10 === 0;\n      this.activeConfettiBatches = this.activeConfettiBatches.filter(function (batch) {\n        batch.processShapes({\n          timeDelta: timeDelta,\n          currentTime: currentTime\n        }, canvasHeight, cleanupInvisibleShapes); // Do not remove invisible shapes on every iteration\n\n        if (!cleanupInvisibleShapes) {\n          return true;\n        }\n\n        return !batch.complete();\n      });\n      this.iterationIndex++;\n      this.queueAnimationFrameIfNeeded(currentTime);\n    }\n  }, {\n    key: \"queueAnimationFrameIfNeeded\",\n    value: function queueAnimationFrameIfNeeded(currentTime) {\n      if (this.requestAnimationFrameRequested) {\n        // We already have a pended animation frame, so there is no more work\n        return;\n      }\n\n      if (this.activeConfettiBatches.length < 1) {\n        // No shapes to animate, so don't queue another frame\n        return;\n      }\n\n      this.requestAnimationFrameRequested = true; // Capture the last updated time for animation\n\n      this.lastUpdated = currentTime || new Date().getTime();\n      requestAnimationFrame(this.loop);\n    }\n  }, {\n    key: \"addConfetti\",\n    value: function addConfetti() {\n      var confettiConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n      var _normalizeConfettiCon = normalizeConfettiConfig(confettiConfig),\n          confettiRadius = _normalizeConfettiCon.confettiRadius,\n          confettiNumber = _normalizeConfettiCon.confettiNumber,\n          confettiColors = _normalizeConfettiCon.confettiColors,\n          emojis = _normalizeConfettiCon.emojis,\n          emojiSize = _normalizeConfettiCon.emojiSize; // Use the bounding rect rather tahn the canvas width / height, because\n      // .width / .height are unset until a layout pass has been completed. Upon\n      // confetti being immediately queued on a page load, this hasn't happened so\n      // the default of 300x150 will be returned, causing an improper source point\n      // for the confetti animation.\n\n\n      var canvasRect = this.canvas.getBoundingClientRect();\n      var canvasWidth = canvasRect.width;\n      var canvasHeight = canvasRect.height;\n      var yPosition = canvasHeight * 5 / 7;\n      var leftConfettiPosition = {\n        x: 0,\n        y: yPosition\n      };\n      var rightConfettiPosition = {\n        x: canvasWidth,\n        y: yPosition\n      };\n      var confettiGroup = new ConfettiBatch(this.canvasContext);\n\n      for (var i = 0; i < confettiNumber / 2; i++) {\n        var confettiOnTheRight = new ConfettiShape({\n          initialPosition: leftConfettiPosition,\n          direction: 'right',\n          confettiRadius: confettiRadius,\n          confettiColors: confettiColors,\n          confettiNumber: confettiNumber,\n          emojis: emojis,\n          emojiSize: emojiSize,\n          canvasWidth: canvasWidth\n        });\n        var confettiOnTheLeft = new ConfettiShape({\n          initialPosition: rightConfettiPosition,\n          direction: 'left',\n          confettiRadius: confettiRadius,\n          confettiColors: confettiColors,\n          confettiNumber: confettiNumber,\n          emojis: emojis,\n          emojiSize: emojiSize,\n          canvasWidth: canvasWidth\n        });\n        confettiGroup.addShapes(confettiOnTheRight, confettiOnTheLeft);\n      }\n\n      this.activeConfettiBatches.push(confettiGroup);\n      this.queueAnimationFrameIfNeeded();\n      return confettiGroup.getBatchCompletePromise();\n    }\n  }, {\n    key: \"clearCanvas\",\n    value: function clearCanvas() {\n      this.activeConfettiBatches = [];\n    }\n  }]);\n\n  return JSConfetti;\n}();\n\nexport default JSConfetti;\n","import { ref } from 'vue'\nimport JSConfetti from 'js-confetti'\n\nconst confetti = ref()\n\nexport default function useConfetti() {\n  function init(canvas: any) {\n    confetti.value = new JSConfetti({\n      canvas: canvas.value\n    })\n  }\n\n  function showConfetti() {\n    if (!confetti.value) {\n      return\n    }\n\n    confetti.value.addConfetti()\n  }\n\n  return { init, showConfetti }\n}\n","export default \"__VITE_PUBLIC_ASSET__e9f6b09e__\"","export default \"__VITE_PUBLIC_ASSET__c1c69021__\"","<script lang=\"ts\" setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue'\nimport { Modal } from '@/types'\nimport { formatWalletAddress } from '@injectivelabs/utils'\nimport { ROUTES } from '@/app/utils/constants'\n\nconst route = useRoute()\nconst router = useRouter()\nconst appStore = useAppStore()\nconst modalStore = useModalStore()\nconst authzStore = useAuthZStore()\nconst walletStore = useWalletStore()\nconst ninjaPassStore = useNinjaPassStore()\nconst confetti = useConfetti()\n\ntype Theme = 'light' | 'dark'\nconst LOCAL_STORAGE_THEME_KEY = 'theme'\nconst darkMode = useState('theme', () => false)\nconst setTheme = (newTheme: Theme) => {\n  localStorage.setItem(LOCAL_STORAGE_THEME_KEY, newTheme)\n  darkMode.value = newTheme === 'dark'\n}\n\nconst props = defineProps({\n  isSidebarOpen: Boolean\n})\n\nconst sidebarOpenTopbar = ref('sidebar:opened')\n\nconst emit = defineEmits<{\n  'sidebar:closed': []\n  'sidebar:opened': []\n}>()\n\nconst isScrolled = ref(false);\nconst handleScroll = () => {\n  isScrolled.value = window.scrollY > 0;\n}\n\nconst marketsDropdown = ref(false)\n\nconst isUserConnectedProcessCompleted = ref(false)\n\nconst hasNinjaPassCodes = computed(() => {\n  if (!ninjaPassStore.codes) {\n    return false\n  }\n\n  return ninjaPassStore.codes.length > 0\n})\n\nwatch(\n  () => walletStore.isUserWalletConnected,\n  (newIsUserWalletConnected) => {\n    if (!newIsUserWalletConnected) {\n      isUserConnectedProcessCompleted.value = false\n    }\n  }\n)\n\nwatch(darkMode, (selected) => {\n  setTheme(selected ? 'dark' : 'light')\n})\n\nonMounted(() => {\n  if (walletStore.isUserWalletConnected) {\n    isUserConnectedProcessCompleted.value = true\n  }\n\n  const isDarkModePreferred = window.matchMedia('(prefers-color-scheme: dark)').matches\n  const themeFromLocalStorage = localStorage.getItem(LOCAL_STORAGE_THEME_KEY) as Theme\n  if (themeFromLocalStorage) {\n    setTheme(themeFromLocalStorage)\n  } else {\n    setTheme(isDarkModePreferred ? 'dark' : 'light')\n  }\n\n  window.addEventListener('scroll', handleScroll)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', handleScroll)\n})\n\nfunction handleSidebarToggle() {\n  const isTopbarDark = document.getElementById('topbar')\n\n  if (props.isSidebarOpen) {\n    emit('sidebar:closed')\n    if (isTopbarDark) {\n      isTopbarDark.style.backgroundColor = '';\n    }\n    return\n  }\n\n  if (isTopbarDark) {\n    isTopbarDark.style.backgroundColor = 'black';\n  }\n\n  emit('sidebar:opened')\n}\n\nfunction showNinjaPassModal() {\n  modalStore.openModal(Modal.NinjaPassWinner)\n  confetti.showConfetti()\n}\n\nconst formattedInjectiveAddress = computed(() =>\n  formatWalletAddress(walletStore.injectiveAddress)\n)\nfunction handleDisconnect() {\n  walletStore.disconnect()\n\n  if (ROUTES.walletConnectedRequiredRouteNames.includes(route.name as string)) {\n    router.push({ name: 'index' })\n  }\n}\n\nfunction openMarketsDropdown() {\n  darkMode.value = !darkMode.value\n}\n\nconst excludedRoutes = ['/spot', '/futures', '/convert']\n\nconst scrollRef = ref(null)\nconst wrapperClasses = computed(() => {\n  const isExcludedRoute = excludedRoutes.includes(route.path);\n  const bgClasses = isScrolled.value && !isExcludedRoute ? 'bg-gray-100 dark:bg-gray-1000 boxshadow-b' : 'bg-gray-100 dark:bg-primaryDark-900 boxshadow-b';\n  const positionClasses = route.path.indexOf('/spot') === 0 || route.path.indexOf('/futures') === 0 || route.path.indexOf('/convert') === 0 ? 'relative' : 'sticky top-0';\n  return [bgClasses, positionClasses];\n})\n</script>\n\n<template>\n  <header\n    id=\"topbar\"\n    class=\"w-full topbar-z-index flex h-18 items-center justify-between\"\n    :class=\"wrapperClasses\"\n  >\n    <div class=\"flex px-2 lg:px-6 items-center justify-between gap-3\">\n      <button\n        class=\"px-4 border-r border-gray-600 textmode-neutral-500 lg:hidden col-span-2 lg:col-span-0\"\n        @click.stop=\"handleSidebarToggle\"\n      >\n        <BaseIcon v-if=\"isSidebarOpen\" name=\"close\" class=\"w-6 h-6\" />\n        <BaseIcon v-else name=\"menu\" class=\"w-6 h-6\" />\n      </button>\n      <div class=\"hidden lg:flex min-w-14\">\n        <div\n          class=\"cursor-pointer mx-2 items-start\"\n          @click=\"$router.push({ name: 'index' })\"\n        >\n          <img src=\"/logo-v3.svg\" class=\"w-auto h-8\" alt=\"Wavely\" />\n        </div>\n      </div>\n      <LayoutNav class=\"hidden lg:flex ml-4\" />\n    </div>\n\n    <PartialsCommonSearchbarMarketsDropdown class=\"flex w-full justify-center items-start ml-1 mr-2 xs:mr-6\" />\n    \n    <div class=\"flex items-center justify-end mr-2 sm:mr-8\">\n        <LayoutNavItemDummy\n          v-if=\"walletStore.isUserWalletConnected && hasNinjaPassCodes\"\n          class=\"flex px-0 w-10 items-center justify-center\"\n          @click=\"showNinjaPassModal\"\n        >\n          <BaseIcon name=\"gift\" class=\" w-4 h-4\" />\n        </LayoutNavItemDummy>\n\n        <div id=\"wallet\" class=\"flex bg-primaryLight-500 dark:bg-primaryDark-500 px-2 py-1 rounded-3xl\">\n          <LayoutWallet />\n          <LayoutNavWalletHoverMenu parentId=\"wallet\"\n          >\n            <template #default>\n              <div class=\"flex justify-center items-center p-2 border-l border-primaryLight-800 dark:border-primaryDark-800\">\n                <BaseIcon\n                  name=\"caret-down\"\n                  class=\"text-primaryLight-800 group-hover:text-primaryLight-500 dark:text-primaryDark-800 dark:group-hover:text-primaryDark-500 w-6 h-6\"\n                />\n                </div>\n            </template>\n\n            <template #content>\n              <div\n              id=\"wallet-popper\"\n              class=\"flex flex-col justify-center align-middle p-3 gap-4\"\n              :class=\"[{ 'bg-primaryDark-500': darkMode }, { 'bg-primaryLight-500': !darkMode }]\"\n              >\n                <div\n                v-if=\"walletStore.isUserWalletConnected\"\n                class=\"flex flex-col gap-4 rounded-3xl p-4\"\n                :class=\"[{ 'bg-primaryDark-600': darkMode }, { 'bg-primaryLight-400': !darkMode }]\"\n                >\n                  <div>\n                    <div class=\"flex flex-col py-3 px-4\">\n                      <div class=\"flex justify-between pb-2\">\n                        <span\n                        class=\"text-sm font-semibold\"\n                        :class=\"[{ 'text-white': darkMode }, { 'text-gray-700': !darkMode }]\"\n                        >\n                          {{ $t('navigation.myAccount') }}\n                        </span>\n                        <span\n                          class=\"hover:text-opacity-80 cursor-pointer text-xs font-medium rounded-lg px-2 py-1\"\n                          :class=\"[{ 'text-white bg-primaryDark-700': darkMode }, { 'text-gray-700 bg-primaryLight-200': !darkMode }]\"\n                          @click=\"handleDisconnect\"\n                        >\n                          {{ $t('navigation.disconnect') }}\n                        </span>\n                      </div>\n                      <LayoutWalletDetailsConnectedWallet\n                        :wallet=\"walletStore.wallet\"\n                      />\n                    </div>\n                  </div>\n                </div>\n                <LayoutWallet\n                  v-else\n                />\n                <LayoutNavItem\n                  v-if=\"walletStore.isUserWalletConnected\"\n                  class=\"flex rounded-xl py-6\"\n                  data-cy=\"header-activity-link\"\n                  :to=\"{ name: 'activity' }\"\n                  :class=\"[{ 'hover:bg-primaryDark-600 text-gray-100': darkMode }, { 'hover:bg-primaryLight-400 text-gray-800': !darkMode }]\"\n                >\n                  {{ $t('navigation.activity') }}\n                </LayoutNavItem>\n\n                <LayoutNavItem\n                  v-if=\"walletStore.isUserWalletConnected\"\n                  class=\"flex rounded-xl py-6\"\n                  data-cy=\"header-account-link\"\n                  :to=\"{ name: 'account' }\"\n                  :class=\"[{ 'hover:bg-primaryDark-600 text-gray-100': darkMode }, { 'hover:bg-primaryLight-400 text-gray-800': !darkMode }]\"\n                >\n                  {{ $t('navigation.account') }}\n                </LayoutNavItem>\n\n                <div\n                class=\"py-3 flex items-center justify-center cursor-pointer rounded-2xl h-12 w-full hover:bg-[rgba(0,0,0,0.2)] dark:hover:bg-[rgba(0,0,0,0.4)]\"\n                @click.stop=\"$emit('toggle')\"\n                >\n                  <div v-if=\"darkMode\" class=\"flex gap-3 text-gray-100\">\n                    <img src=\"/icons/moon.svg\"\n                    class=\"w-5 h-5 fade\"\n                    >\n                    {{ 'Dark Mode' }}\n                  </div>\n                  <div v-if=\"!darkMode\" class=\"flex gap-3 text-gray-700\">\n                    <img src=\"/icons/sun.svg\"\n                    class=\"w-5 h-5 fade text-white\"\n                    >\n                    {{ 'Light Mode' }}\n                  </div>\n                </div>\n              </div>\n            </template>\n          </LayoutNavWalletHoverMenu>\n        </div>\n      </div>\n  </header>\n</template>\n\n<style>\n.topbar-z-index {\n  z-index: 1600;\n}\n</style>","<script lang=\"ts\" setup>\nconst { t } = useLang()\n\nconst aboutUsList = [\n  {\n    text: t('footer.feeDiscounts'),\n    link: 'fee-discounts'\n  }\n]\n\nconst learnList = [\n  {\n    text: t('footer.faq'),\n    link: 'https://helixapp.zendesk.com/'\n  }\n]\n</script>\n\n<template>\n  <footer class=\"h-full py-16 bgmode border-t-[1px] border-theme\">\n    <div\n      class=\"w-full mx-auto lg:w-4/5 grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 3md:grid-cols-10 lg:grid-cols-12 gap-8 px-8 lg:px-0\"\n    >\n      <div class=\"sm:col-span-1 xs:col-span-2 3md:col-span-3 lg:col-span-5\">\n        <div\n          class=\"flex items-center cursor-pointer md:mb-6 text-4xl\"\n          @click=\"$router.push({ name: 'index' })\"\n        >\n          <img src=\"/logo-v3.svg\" class=\"h-14 w-14 mr-2\" alt=\"Wavely\" />\n          Wavely\n        </div>\n\n        <span class=\"textmode-neutral-500 text-xs\">\n          &copy; {{ new Date().getFullYear() }} Wavely\n        </span>\n        <div\n          class=\"hidden text-sm opacity-75 mt-6 italic max-w-[450px]\"\n        >\n          {{ $t('footer.WavelyProvides') }}\n        </div>\n      </div>\n\n      <div class=\"3md:col-span-2\">\n        <h3 class=\"font-bold text-lg mb-4\">{{ $t('footer.resources') }}</h3>\n\n        <div\n          v-for=\"(item, index) in aboutUsList\"\n          :key=\"`about-us-list-${index}`\"\n          class=\"mt-4 text-sm\"\n        >\n          <a\n            v-if=\"item.link.startsWith('http')\"\n            :href=\"item.link\"\n            class=\"opacity-75 cursor-pointer hover:text-blue-500\"\n            target=\"_blank\"\n          >\n            {{ item.text }}\n          </a>\n          <NuxtLink\n            v-else-if=\"item.link\"\n            :to=\"{ name: item.link }\"\n            class=\"opacity-75 cursor-pointer hover:text-blue-500\"\n          >\n            {{ item.text }}\n          </NuxtLink>\n        </div>\n      </div>\n\n      <div class=\"3md:col-span-2 hidden\">\n        <h3 class=\"font-bold text-lg mb-4\">{{ $t('footer.support') }}</h3>\n\n        <div\n          v-for=\"(item, index) in learnList\"\n          :key=\"`about-us-list-${index}`\"\n          class=\"mt-4 text-sm\"\n        >\n          <a\n            v-if=\"item.link.startsWith('http')\"\n            :href=\"item.link\"\n            class=\"opacity-75 cursor-pointer hover:text-blue-500\"\n            target=\"_blank\"\n          >\n            {{ item.text }}\n          </a>\n          <NuxtLink\n            v-else-if=\"item.link\"\n            :to=\"{ name: item.link }\"\n            class=\"opacity-75 cursor-pointer hover:text-blue-500\"\n          >\n            {{ item.text }}\n          </NuxtLink>\n        </div>\n      </div>\n\n      <div class=\"md:col-span-3\">\n        <h3 class=\"font-bold text-lg mb-4 md:mb-6\">\n          {{ $t('footer.community') }}\n        </h3>\n\n        <div class=\"flex items-center\">\n          <a\n            class=\"w-6 h-6 textmode-neutral-500 hover:text-blue-500 mr-4\"\n            href=\"https://discord.gg/PYUuepmNnr\"\n            target=\"_blank\"\n          >\n            <BaseIcon name=\"discord-circle\" />\n          </a>\n\n          <a\n            class=\"w-6 h-6 textmode-neutral-500 hover:text-blue-500 mr-4\"\n            href=\"https://twitter.com/wavelyapp\"\n            target=\"_blank\"\n          >\n            <BaseIcon name=\"twitter-circle\" />\n          </a>\n\n          <a\n            class=\"w-6 h-6 textmode-neutral-500 hover:text-blue-500 mr-4\"\n            href=\"https://t.me/wavelyapp\"\n            target=\"_blank\"\n          >\n            <BaseIcon name=\"telegram-circle\" />\n          </a>\n          <a\n            class=\"w-6 h-6 textmode-neutral-500 hover:text-blue-500 mr-4\"\n            href=\"https://t.me/wavely_app\"\n            target=\"_blank\"\n          >\n            <BaseIcon name=\"telegram-circle\" />\n          </a>\n        </div>\n      </div>\n\n      <div class=\"xs:col-span-2 sm:col-span-3 md:col-span-5 lg:hidden text-sm\">\n        {{ $t('footer.wavelyProvides') }}\n      </div>\n    </div>\n  </footer>\n</template>\n","<script lang=\"ts\" setup>\nimport { Modal } from '@/types'\n\nconst appStore = useAppStore()\nconst walletStore = useWalletStore()\nconst ninjaPassStore = useNinjaPassStore()\nconst modalStore = useModalStore()\nconst confetti = useConfetti()\n\nconst isModalOpen = computed(() => modalStore.modals[Modal.NinjaPassWinner])\n\nconst ninjaPassCode = computed(() => {\n  if (!ninjaPassStore.codes) {\n    return\n  }\n\n  return ninjaPassStore.codes[0]\n})\n\nconst ninjaPassUrl = computed(() => {\n  if (!ninjaPassCode.value) {\n    return\n  }\n\n  return `https://ninjapass.injective.com/?code=${ninjaPassCode.value.code}&address=${walletStore.injectiveAddress}`\n})\n\nwatch(\n  () => ninjaPassCode,\n  (code) => {\n    if (\n      code &&\n      !appStore.userState.modalsViewed.includes(Modal.NinjaPassWinner)\n    ) {\n      modalStore.openModal(Modal.NinjaPassWinner)\n\n      confetti.showConfetti()\n    }\n  }\n)\n\nonWalletConnected(() => {\n  ninjaPassStore.fetchCodes()\n})\n\nfunction closeModal() {\n  modalStore.closeModal(Modal.NinjaPassWinner)\n\n  appStore.setUserState({\n    ...appStore.userState,\n    modalsViewed: [...appStore.userState.modalsViewed, Modal.NinjaPassWinner]\n  })\n}\n</script>\n\n<template>\n  <AppModal\n    :is-open=\"isModalOpen\"\n    sm\n    hide-close-button\n    @modal:closed=\"closeModal\"\n  >\n    <template #title>\n      <h3 class=\"normal-case\">\n        {{ $t('ninjaPass.congratulations') }}\n      </h3>\n    </template>\n\n    <div class=\"flex flex-col\">\n      <span class=\"text-sm mb-4\">\n        {{ $t('ninjaPass.title') }}\n      </span>\n      <span class=\"text-sm\">\n        {{ $t('ninjaPass.description') }}\n      </span>\n      <div class=\"grid grid-cols-1 gap-4 mt-6 sm:grid-cols-2\">\n        <a\n          :href=\"ninjaPassUrl\"\n          target=\"_blank\"\n          class=\"bg-blue-500 py-2 h-10 rounded border flex items-center justify-center gap-2\"\n        >\n          <span class=\"font-semibold text-blue-900\">\n            {{ $t('ninjaPass.verifyNow') }}\n          </span>\n          <BaseIcon name=\"external-link\" class=\"w-4 h-4 text-blue-900\" />\n        </a>\n\n        <button\n          class=\"bg-transparent py-2 h-10 rounded border border-blue-100\"\n          @click=\"closeModal\"\n        >\n          <span class=\"font-semibold text-blue-100\">\n            {{ $t('ninjaPass.later') }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </AppModal>\n</template>\n","<script lang=\"ts\" setup>\nimport { Status, StatusType } from '@injectivelabs/utils'\nimport { Modal, WalletConnectStatus } from '@/types'\n\nconst modalStore = useModalStore()\nconst walletStore = useWalletStore()\nconst { success } = useNotifications()\nconst { $onError } = useNuxtApp()\nconst { resetForm } = useForm()\nconst { t } = useLang()\n\nconst status = reactive(new Status(StatusType.Idle))\n\nconst { value: injectiveAddress, errors } = useStringField({\n  name: 'injAddress',\n  rule: 'required|injAddress'\n})\n\nconst isModalOpen = computed(() => modalStore.modals[Modal.DevMode])\n\nfunction closeModal() {\n  resetForm()\n  modalStore.closeModal(Modal.DevMode)\n}\n\nfunction onModalClose() {\n  closeModal()\n}\n\nfunction connect() {\n  status.setLoading()\n\n  walletStore\n    .connectAddress(injectiveAddress.value)\n    .then(() => {\n      success({ title: t('connect.successfullyConnected') })\n    })\n    .catch((e) => {\n      walletStore.setWalletConnectStatus(WalletConnectStatus.disconnected)\n      $onError(e)\n    })\n    .finally(() => {\n      status.setIdle()\n\n      closeModal()\n    })\n}\n</script>\n\n<template>\n  <AppModal :is-open=\"isModalOpen\" sm @modal:closed=\"onModalClose\">\n    <template #title>\n      <h3 class=\"text-base\">\n        {{ $t('devMode.connectWithAddress') }}\n      </h3>\n    </template>\n\n    <div>\n      <div class=\"mt-6 flex flex-wrap items-center justify-center\">\n        <div class=\"w-full\">\n          <AppInput\n            v-model=\"injectiveAddress\"\n            wrapper-classes=\"py-2 px-1\"\n            :placeholder=\"$t('devMode.enterInjectiveAddress')\"\n          />\n        </div>\n        <div class=\"w-full mt-4 text-center\">\n          <AppButton\n            lg\n            class=\"text-blue-900 bg-blue-500\"\n            :disabled=\"errors.length > 0\"\n            :is-loading=\"status.isLoading()\"\n            @click=\"connect\"\n          >\n            {{ $t('devMode.connect') }}\n          </AppButton>\n        </div>\n      </div>\n      <div\n        v-if=\"errors.length > 0\"\n        class=\"mt-2 text-left text-sm capitalize-phrase\"\n      >\n        <span class=\"text-red-500\">{{ errors[0] }}</span>\n      </div>\n    </div>\n  </AppModal>\n</template>\n","<script lang=\"ts\" setup>\nconst canvas = ref(null)\n\nonMounted(() => {\n  useConfetti().init(canvas)\n})\n</script>\n\n<template>\n  <canvas\n    ref=\"canvas\"\n    class=\"inset-0 fixed pointer-events-none w-screen h-screen z-50\"\n  />\n</template>\n","<script lang=\"ts\" setup>\nimport { Status, StatusType } from '@injectivelabs/utils'\nimport { ROUTES } from '@/app/utils/constants'\nimport { BusEvents } from '@/types'\n\nconst route = useRoute()\nconst appStore = useAppStore()\nconst spotStore = useSpotStore()\nconst authzStore = useAuthZStore()\nconst tokenStore = useTokenStore()\nconst walletStore = useWalletStore()\nconst exchangeStore = useExchangeStore()\nconst derivativeStore = useDerivativeStore()\nconst { $onError } = useNuxtApp()\n\nconst status = reactive(new Status(StatusType.Loading))\nconst isOpenSidebar = ref(false)\n\nconst container = computed(() => document.getElementById('pro'))\n\ntype Theme = 'light' | 'dark'\nconst LOCAL_STORAGE_THEME_KEY = 'theme'\nconst darkMode = useState('theme', () => false)\nconst setTheme = (newTheme: Theme) => {\n  localStorage.setItem(LOCAL_STORAGE_THEME_KEY, newTheme)\n  darkMode.value = newTheme === 'dark'\n}\n\nconst showFooter = computed(() =>\n  ROUTES.footerEnabledRoutes.includes(route.name as string)\n)\n\nonMounted(() => {\n  Promise.all([walletStore.init(), tokenStore.fetchSupplyTokenMeta()])\n    .catch($onError)\n    .finally(() => {\n      status.setIdle()\n    })\n\n  // Actions that should't block the app from loading\n  Promise.all([\n    appStore.init(),\n    spotStore.initIfNotInit(),\n    derivativeStore.initIfNotInit(),\n    exchangeStore.initFeeDiscounts(),\n    authzStore.fetchGrants()\n  ])\n\n  Promise.all([authzStore.fetchGrants()]).then(() => {})\n\n  useEventBus<string>(BusEvents.NavLinkClicked).on(onCloseSideBar)\n\n  const isDarkModePreferred = window.matchMedia('(prefers-color-scheme: dark)').matches\n  const themeFromLocalStorage = localStorage.getItem(LOCAL_STORAGE_THEME_KEY) as Theme\n  if (themeFromLocalStorage) {\n    setTheme(themeFromLocalStorage)\n  } else {\n    setTheme('dark')\n  }\n})\n\nwatch(darkMode, (selected) => {\n  setTheme(selected ? 'dark' : 'light')\n})\n\nfunction onOpenSideBar() {\n  isOpenSidebar.value = true\n\n  container.value?.classList.add('overflow-y-hidden')\n}\n\nfunction onCloseSideBar() {\n  if (isOpenSidebar.value) {\n    isOpenSidebar.value = false\n\n    container.value?.classList.remove('overflow-y-hidden')\n  }\n}\n\nfunction toggle() {\n  darkMode.value = !darkMode.value\n}\n</script>\n\n<template>\n  <div\n    id=\"pro\"\n    class=\"flex min-h-screen max-h-screen bg-gray-1000 text-gray-100 relative overflow-x-hidden\"\n    :class=\"[{ 'dark': darkMode }, { 'light': !darkMode }]\"\n  >\n    <transition name=\"page\" appear>\n      <div class=\"min-h-screen w-full\">\n        <AppHocLoading :status=\"status\" class=\"h-full\">\n          <div class=\"w-full\">\n            <LayoutSidebarMobile\n              v-bind=\"{\n                isOpenSidebar\n              }\"\n              @sidebar:closed=\"onCloseSideBar\"\n            />\n            <ClientOnly>\n              <div class=\"relative\">\n                <LayoutTopbar\n                  :is-sidebar-open=\"isOpenSidebar\"\n                  @sidebar:opened=\"onOpenSideBar\"\n                  @sidebar:closed=\"onCloseSideBar\"\n                  @toggle=\"toggle\"\n                />\n                <main\n                  class=\"flex flex-wrap relative min-h-screen-excluding-header\"\n                  :class=\"{\n                    'flex-col': showFooter,\n                    'pt-12': isOpenSidebar\n                  }\"\n                >\n                  <div\n                    class=\"w-screen\"\n                    :class=\"[\n                      { 'max-h-screen-excluding-header': !showFooter },\n                      showFooter ? 'flex-auto' : 'flex-1'\n                    ]\"\n                  >\n                    <NuxtPage />\n                  </div>\n                  <LayoutFooter v-if=\"showFooter\" />\n                </main>\n\n                <ModalsNinjaPassWinner />\n\n                <!-- hide survey for now but can be resurrected and modified for future surveys -->\n                <!-- <ModalsUserFeedback /> -->\n                <ModalsDevMode />\n                <AppConfetti />\n                <div id=\"modals\" />\n              </div>\n            </ClientOnly>\n          </div>\n        </AppHocLoading>\n      </div>\n    </transition>\n    <BaseNotifications\n      class=\"z-[1110] fixed inset-0 flex flex-col gap-2 justify-end items-end p-6 pointer-events-none\"\n    >\n      <template #notification=\"{ notification }\">\n        <BaseNotification\n          :notification=\"notification\"\n          class=\"pointer-events-auto primary-input-700\"\n        >\n          <template #close=\"{ closeNotification }\">\n            <BaseIcon\n              name=\"close-bold\"\n              class=\"min-w-4 hover:text-blue-500 textmode-neutral w-4 h-4\"\n              @click=\"closeNotification\"\n            />\n          </template>\n        </BaseNotification>\n      </template>\n    </BaseNotifications>\n  </div>\n</template>\n"],"names":["attrs","useAttrs","classes","computed","props","spotMarket","attributes","futuresMarket","market","DefaultMarket","marketType","MarketType","handleVisit","handleTradeClickedTrack","useEventBus","BusEvents","emit","amplitudeTradeTracker","TradeClickOrigin","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_hoisted_1","handleUpdate","value","handleToggle","appStore","useAppStore","tradeMenuOpen","ref","rewardsMenuOpen","defaultPerpetualMarketRoute","getDefaultPerpetualMarketRouteParams","defaultSpotMarketRoute","getDefaultSpotMarketRouteParams","handleToggleTradeMenu","handleToggleRewardsMenu","LOCAL_STORAGE_THEME_KEY","walletStore","useWalletStore","darkMode","useState","setTheme","newTheme","watch","selected","onMounted","isDarkModePreferred","themeFromLocalStorage","handleSpotTradeClickedTrack","handlePerpetualTradeClickedTrack","width","useWindowSize","zIndex","handleSidebarClose","watchDebounced","newWidth","oldWidth","route","useRoute","router","useRouter","MarketCategoryType","key","MarketQuoteType","type","clearRouteQueryParam","fillRouteQueryParams","handleSearchedEvent","search","query","queryClone","params","lastTradedPrice","ZERO_IN_BASE","BigNumberInBase","isFavorite","quoteVolume","formatterOptions","stableCoinDenoms","UI_MINIMAL_ABBREVIATION_FLOOR","UI_DEFAULT_PRICE_DISPLAY_DECIMALS","change","lastPriceChange","Change","changeToFormat","useBigNumberFormatter","lastTradedPriceToFormat","_optionalChain","_","_2","UI_DEFAULT_DISPLAY_DECIMALS","updateWatchList","handleVisitMarket","getMarketRoute","derivativeStore","useDerivativeStore","activeCategory","activeQuote","activeType","sortBy","ascending","showList","recentlyExpiredMarkets","favoriteMarkets","filteredMarkets","isPartOfCategory","marketIsPartOfCategory","isPartOfSearch","marketIsPartOfSearch","isPartOfType","marketIsPartOfType","isQuotePair","marketIsQuotePair","sortedMarkets","upcomingMarketsSlugs","upcomingMarkets","slug","deprecatedMarketsSlugs","deprecatedMarkets","markets","m1","m2","prefillFromQueryParams","category","quote","closeModal","spotStore","useSpotStore","exchangeStore","useExchangeStore","tokenStore","useTokenStore","$onError","useNuxtApp","marketsWithSummaryAndVolumeInUsd","summary","quoteTokenUsdPrice","getQuoteTokenPrice","QUOTE_DENOMS_GECKO_IDS","useIntervalFn","accountInfo","tierLevel","takerFeeDiscount","BigNumberInWei","UI_MINIMAL_AMOUNT","makerFeeDiscount","copy","useClipboard","t","useLang","success","useNotifications","showDropdown","formattedInjectiveAddress","formatWalletAddress","formattedAddress","handleToggleDropdown","copyAddress","copyInjectiveAddress","disconnect","ROUTES","handleSubmit","useForm","options","LedgerDerivationPathType","path","status","reactive","Status","StatusType","fetchStatus","address","addressErrors","useStringField","fetchAddresses","wallet","Wallet","connect","e","WalletConnectStatus","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_hoisted_7","_renderSlot","_createVNode","_component_BaseIcon","downloadMetamaskLink","isWalletInstalled","isCosmosWalletInstalled","downloadKeplrLink","downloadCosmostationLink","downloadLeapLink","downloadTrustWalletLink","showLedgerModal","WalletModalType","showTrezorModal","modalStore","useModalStore","isModalOpen","Modal","handleConfirm","handleCancel","walletModalType","isLoading","handleLedgerConnect","handleWalletConnect","amplitudeGenericTracker","AmplitudeEvent","handleModalClose","updateWalletModalType","newWalletConnectStatus","newShowModalState","handleMouseEnter","handleMouseLeave","fetchNinjaPassCodes","httpClient","HttpClient","NINJA_PASS_ENDPOINT","initialStateFactory","useNinjaPassStore","defineStore","ninjaPassStore","codes","_classCallCheck","instance","Constructor","_defineProperties","target","i","descriptor","_createClass","protoProps","staticProps","normalizeComputedStyleValue","string","fixDPR","canvas","dpr","computedStyles","height","generateRandomNumber","min","max","fractionDigits","randomNumber","generateRandomArrayElement","arr","FREE_FALLING_OBJECT_ACCELERATION","MIN_DRAG_FORCE_COEFFICIENT","MAX_DRAG_FORCE_COEFFICIENT","ROTATION_SLOWDOWN_ACCELERATION","INITIAL_SHAPE_RADIUS","INITIAL_EMOJI_SIZE","MIN_INITIAL_CONFETTI_SPEED","MAX_INITIAL_CONFETTI_SPEED","MIN_FINAL_X_CONFETTI_SPEED","MAX_FINAL_X_CONFETTI_SPEED","MIN_INITIAL_ROTATION_SPEED","MAX_INITIAL_ROTATION_SPEED","MIN_CONFETTI_ANGLE","MAX_CONFETTI_ANGLE","MAX_CONFETTI_POSITION_SHIFT","SHAPE_VISIBILITY_TRESHOLD","DEFAULT_CONFETTI_NUMBER","DEFAULT_EMOJIS_NUMBER","DEFAULT_CONFETTI_COLORS","getWindowWidthCoefficient","canvasWidth","HD_SCREEN_WIDTH","ConfettiShape","args","initialPosition","direction","confettiRadius","confettiColors","emojis","emojiSize","randomConfettiSpeed","initialSpeed","angle","positionShift","shiftedInitialPosition","canvasContext","currentPosition","radius","color","emoji","rotationAngle","emojiRotationAngle","iterationTimeDelta","currentTime","confettiSpeed","dragForceCoefficient","finalConfettiSpeedX","radiusYUpdateDirection","rotationSpeed","createdAt","timeDeltaSinceCreation","canvasHeight","createCanvas","normalizeConfettiConfig","confettiConfig","_confettiConfig$confe","_confettiConfig$confe2","confettiNumber","_confettiConfig$confe3","_confettiConfig$emoji","_confettiConfig$emoji2","ConfettiBatch","_this","completionCallback","_this$shapes","_a","time","cleanupInvisibleShapes","_this2","timeDelta","shape","JSConfetti","jsConfettiConfig","batch","_normalizeConfettiCon","canvasRect","yPosition","leftConfettiPosition","rightConfettiPosition","confettiGroup","confettiOnTheRight","confettiOnTheLeft","confetti","useConfetti","init","showConfetti","_imports_1","_imports_2","useAuthZStore","isScrolled","handleScroll","isUserConnectedProcessCompleted","hasNinjaPassCodes","newIsUserWalletConnected","onBeforeUnmount","handleSidebarToggle","isTopbarDark","showNinjaPassModal","handleDisconnect","excludedRoutes","wrapperClasses","isExcludedRoute","bgClasses","positionClasses","aboutUsList","learnList","ninjaPassCode","ninjaPassUrl","code","onWalletConnected","resetForm","injectiveAddress","errors","onModalClose","authzStore","isOpenSidebar","container","showFooter","onCloseSideBar","onOpenSideBar","_3","_4","_5","_6","_7","_8","_9","toggle"],"mappings":"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","x_google_ignoreList":[30]}