{"version":3,"sources":["webpack:///./src/components/Table.vue?eb05","webpack:///./src/assets/images/icons/arrows.svg","webpack:///./src/assets/images/items/1.png","webpack:///./src/components/Counter.vue?2344","webpack:///./src/assets/images/icons/arrow-down.png","webpack:///./src/components/Select.vue?a8b0","webpack:///./src/assets/images/icons/trash.png","webpack:///./src/assets/images/items/burned.png","webpack:///./src/assets/images/items/5.png","webpack:///./node_modules/vue-loader-v16/dist/exportHelper.js","webpack:///./src/assets/images/items/2.png","webpack:///./src/assets/images/icons/link.svg","webpack:///./src/assets/images/icons/arrow-up.png","webpack:///./src/assets/images/items sync ^\\.\\/.*\\.png$","webpack:///./src/assets/images/items/steal.png","webpack:///./src/assets/images/icons/steal.png","webpack:///./src/pages/Swap.vue?6e0f","webpack:///./src/assets/images/items/4.png","webpack:///./src/assets/images/items/3.png","webpack:///./src/components/SwapList.vue?efa2","webpack:///./src/assets/images/icons/ethereum.png","webpack:///./src/components/Counter.vue","webpack:///./src/components/Counter.vue?ce06","webpack:///./src/components/Select.vue","webpack:///./src/components/Select.vue?6d82","webpack:///./src/components/Swapper.vue","webpack:///./src/components/Swapper.vue?397f","webpack:///./src/components/Steal.vue","webpack:///./src/components/Steal.vue?ee74","webpack:///./src/components/Table.vue","webpack:///./src/components/Table.vue?20dd","webpack:///./src/logic/helpers/etherscan.js","webpack:///./src/components/SwapList.vue","webpack:///./src/pages/Swap.vue","webpack:///./src/pages/Swap.vue?e4a4"],"names":["module","exports","Object","defineProperty","value","default","sfc","props","target","__vccOpts","key","val","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","resolve","MIN","onMinusClick","event","modelValue","preventDefault","emit","onPlusClick","maxMintCount","__exports__","onSelectClick","layoutStore","useLayoutStore","swapStore","useSwapStore","imageInterval","ref","priceInterval","currentImageStep","isMint","count","price","reward","tokensToBurn","computed","setPrice","newPrice","initNumber","withDec","showModal","async","onSwapClick","mint","burn","onMounted","getMintPrice","setInterval","getReturnReward","onUnmounted","clearInterval","watch","newValue","deep","stealTokenId","currentToken","currentPrice","canSteal","lockTokenId","Number","isSteal","onStealClick","steal","onListClick","newTokenId","getMetadata","class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","script","render","getEtherscanTxLink","txHash","burnedCount","mintedCount","inVault","swaps","isSwap","infoInterval","currentInfoStep","init","blockNumber","getBurnedCount","getMintedCount","getVaultBalance","getSwapList","getMaxMintCount","onNewBlock","onBeforeUnmount","unsubscribe"],"mappings":"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","file":"js/chunk-813d1f0a.b7cdc293.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Table.vue?vue&type=style&index=0&id=3e15eadc&lang=sass\"","module.exports = __webpack_public_path__ + \"img/arrows.5c57194b.svg\";","module.exports = __webpack_public_path__ + \"img/1.1115aa3f.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Counter.vue?vue&type=style&index=0&id=03602d92&lang=sass\"","module.exports = __webpack_public_path__ + \"img/arrow-down.2f0f5a06.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Select.vue?vue&type=style&index=0&id=72b44d94&lang=sass\"","module.exports = __webpack_public_path__ + \"img/trash.95e77cbb.png\";","module.exports = __webpack_public_path__ + \"img/burned.3981e681.png\";","module.exports = __webpack_public_path__ + \"img/5.caf14f5b.png\";","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","module.exports = __webpack_public_path__ + \"img/2.9fff4d55.png\";","module.exports = __webpack_public_path__ + \"img/link.03a2054f.svg\";","module.exports = __webpack_public_path__ + \"img/arrow-up.308d7912.png\";","var map = {\n\t\"./1.png\": \"1cbf\",\n\t\"./2.png\": \"6c44\",\n\t\"./3.png\": \"eb83\",\n\t\"./4.png\": \"cc1b\",\n\t\"./5.png\": \"6acd\",\n\t\"./burned.png\": \"6aaa\",\n\t\"./steal.png\": \"a21d\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"92c9\";","module.exports = __webpack_public_path__ + \"img/steal.93067fdd.png\";","module.exports = __webpack_public_path__ + \"img/steal.03df569e.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Swap.vue?vue&type=style&index=0&id=09bc53f5&lang=sass\"","module.exports = __webpack_public_path__ + \"img/4.ff4377c6.png\";","module.exports = __webpack_public_path__ + \"img/3.9a392941.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SwapList.vue?vue&type=style&index=0&id=2f0e6e06&lang=sass\"","module.exports = __webpack_public_path__ + \"img/ethereum.23664512.png\";","<template>\n  <div class=\"counter\">\n    <div class=\"counter__button\" @click=\"onMinusClick\">-</div>\n    <div class=\"counter__value\">{{ props.modelValue }}</div>\n    <div class=\"counter__button\" @click=\"onPlusClick\">+</div>\n\n    <img :src=\"require('@/assets/images/icons/sneaker.png')\" class=\"counter__icon\">\n  </div>\n</template>\n\n<script setup>\nconst MIN = 1\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    required: true,\n  },\n\n  maxMintCount: {\n    type: Number,\n    default: 1,\n  },\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nfunction onMinusClick(event) {\n  const value = props.modelValue - 1\n\n  if (value < MIN) {\n    return event.preventDefault()\n  }\n\n  emit('update:modelValue', value)\n}\n\nfunction onPlusClick(event) {\n  const value = props.modelValue + 1\n\n  if (value > props.maxMintCount) {\n    return event.preventDefault()\n  }\n\n  emit('update:modelValue', value)\n}\n</script>\n\n<style lang=\"sass\">\n.counter\n  position: relative\n  display: flex\n  justify-content: center\n  align-items: center\n  user-select: none\n  background-color: #B9F3E4\n  padding: 6px 12px\n  font-size: 30px\n  line-height: 30px\n\n  &__button\n    cursor: pointer\n\n  &__value\n    text-align: center\n    min-width: 120px\n    font-weight: 600\n\n  &__icon\n    position: absolute\n    top: 10px\n    right: 10px\n    height: 22px\n    width: 22px\n\n</style>","import script from \"./Counter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Counter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Counter.vue?vue&type=style&index=0&id=03602d92&lang=sass\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"select\">\n    <div class=\"select__values\">{{ modelValue.join(',') }}</div>\n    <div class=\"select__button\" @click=\"onSelectClick\">Select</div>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  modelValue: {\n    type: Array,\n    default: () => ([]),\n  },\n})\n\nconst emit = defineEmits(['update:modelValue', 'select'])\n\nfunction onSelectClick() {\n  emit('select')\n}\n</script>\n\n<style lang=\"sass\">\n.select\n  background-color: #B9F3E4\n  width: -moz-available !important\n  width: -webkit-fill-available !important\n  padding: 8px 12px\n  display: flex\n  justify-content: space-between\n  line-height: 26px\n  font-size: 20px\n\n  &__values\n    overflow: auto\n\n  &__button\n    cursor: pointer\n    padding: 0 20px\n    background-color: $pink\n\n    &:hover\n      opacity: 0.6\n\n</style>","import script from \"./Select.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Select.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Select.vue?vue&type=style&index=0&id=72b44d94&lang=sass\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"swapper\">\n    <div class=\"swapper__image-wrapper\">\n      <img :src=\"require(`@/assets/images/items/${currentImageStep}.png`)\" alt=\"item\" class=\"swapper__image\">\n    </div>\n\n    <template v-if=\"isMint\">\n      <div class=\"swapper__title\">You give:</div>\n      <Input v-model=\"price\" is-disabled :icon=\"require('@/assets/images/icons/ethereum.png')\" class=\"swapper__input\" />\n\n      <div @click=\"isMint = !isMint\" class=\"swapper__arrows\">\n        <img :src=\"require('@/assets/images/icons/arrows.svg')\" alt=\"\">\n      </div>\n\n      <div class=\"swapper__title\">You will receive:</div>\n      <Counter v-model=\"count\" :max-mint-count=\"props.maxMintCount\" class=\"swapper__input\" />\n    </template>\n\n    <template v-else>\n      <div class=\"swapper__title\">You give:</div>\n      <Select :model-value=\"swapStore.tokensToBurn\" @select=\"onSelectClick\" class=\"swapper__input\" />\n\n      <div @click=\"isMint = !isMint\" class=\"swapper__arrows\">\n        <img :src=\"require('@/assets/images/icons/arrows.svg')\" alt=\"\">\n      </div>\n\n      <div class=\"swapper__title\">You will receive:</div>\n      <Input v-model=\"reward\" is-disabled :icon=\"require('@/assets/images/icons/ethereum.png')\" class=\"swapper__input\" />\n    </template>\n\n    <Button class=\"swapper__button\" @click=\"onSwapClick\">Swap</Button>\n  </div>\n</template>\n\n<script setup>\nimport '@/assets/styles/components/swapper.sass'\n\nimport Counter from '@/components/Counter'\nimport Select from '@/components/Select'\n\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useLayoutStore, useSwapStore } from '@/store'\nimport { getMintPrice, getReturnReward, mint, burn } from '@/logic/collection'\nimport { withDec } from '@/logic/helpers/ethereum'\nimport { initNumber } from '@/utils'\nconst layoutStore = useLayoutStore()\nconst swapStore = useSwapStore()\n\nconst props = defineProps({\n  maxMintCount: {\n    type: Number,\n  }\n})\n\nconst imageInterval = ref(null)\nconst priceInterval = ref(null)\nconst currentImageStep = ref(1)\nconst isMint = ref(true)\nconst count = ref(1)\nconst price = ref(null)\nconst reward = ref(0)\n\nconst tokensToBurn = computed(() => swapStore.tokensToBurn)\n\nonMounted(async () => {\n  const newPrice = await getMintPrice(count.value)\n  setPrice(newPrice)\n\n  imageInterval.value = setInterval(() => {\n    if (currentImageStep.value === 5) {\n      currentImageStep.value = 1\n    } else {\n      currentImageStep.value += 1\n    }\n  }, 4000)\n\n  priceInterval.value = setInterval(async () => {\n    if (isMint.value) {\n      return\n    }\n\n    reward.value = await getReturnReward(tokensToBurn.value)\n  }, 8000)\n})\n\nonUnmounted(() => {\n  clearInterval(priceInterval.value)\n  clearInterval(imageInterval.value)\n})\n\nwatch(count, async (newValue) => {\n  const newPrice = await getMintPrice(newValue)\n  setPrice(newPrice)\n})\n\nwatch(tokensToBurn, async (newValue) => {\n  reward.value = await getReturnReward(newValue)\n}, { deep: true })\n\nfunction setPrice(newPrice) {\n  price.value = initNumber(withDec(newPrice))\n}\n\nfunction onSelectClick() {\n  layoutStore.showModal('ChooseToken')\n}\n\nasync function onSwapClick() {\n  if (isMint.value) {\n    await mint(count.value)\n    count.value = 1\n  } else {\n    burn(swapStore.tokensToBurn)\n  }\n}\n</script>\n\n<style lang=\"sass\">\n</style>","import script from \"./Swapper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Swapper.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"steal-page swapper\">\n    <div class=\"swapper__image-wrapper\">\n      <img :src=\"currentToken.image || require(`@/assets/images/items/steal.png`)\" class=\"swapper__image\" />\n    </div>\n\n    <div class=\"swapper__title\">Token ID to steal:</div>\n    <Input v-model=\"stealTokenId\" :icon=\"require('@/assets/images/icons/sneaker.png')\" placeholder=\"Token ID 1-2000\" class=\"swapper__input\" />\n\n    <div class=\"swapper__title\">Steal fee:</div>\n    <Input v-model=\"currentPrice\" is-disabled :icon=\"require('@/assets/images/icons/ethereum.png')\" class=\"swapper__input\" />\n\n    <div class=\"swapper__title\">Your token to lock:</div>\n    <Select :model-value=\"[swapStore.lockTokenId]\" class=\"swapper__input\" @click=\"onSelectClick\" />\n\n    <Button class=\"swapper__button\" :class=\"{ '--disabled': !canSteal }\" @click=\"onStealClick\">Steal</Button>\n\n    <div class=\"swapper__subbutton\" @click=\"onListClick\">Steal Request List</div>\n  </div>\n</template>\n\n<script setup>\nimport '@/assets/styles/components/swapper.sass'\n\nimport Select from '@/components/Select'\n\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { getMetadata, getReturnReward, steal } from '@/logic/collection'\nimport { initNumber } from '@/utils'\nimport { withDec } from '@/logic/helpers/ethereum'\nimport { useLayoutStore, useSwapStore } from '@/store'\n\nconst layoutStore = useLayoutStore()\nconst swapStore = useSwapStore()\n\nconst stealTokenId = ref(null)\nconst currentToken = ref({})\nconst currentPrice = ref(0)\n\nconst canSteal = computed(() => {\n  return swapStore.lockTokenId && Number(stealTokenId.value) > 0 && Number(stealTokenId.value) <= 2000\n})\n\nwatch(stealTokenId, async (newTokenId) => {\n  if (!Number(newTokenId)) {\n    return currentToken.value = {}\n  }\n\n  currentToken.value = await getMetadata(newTokenId)\n  currentPrice.value = initNumber(await getReturnReward([1]))\n})\n\nfunction onSelectClick() {\n  layoutStore.showModal('ChooseToken', true, { isSteal: true })\n}\n\nfunction onStealClick() {\n  steal(stealTokenId.value, swapStore.lockTokenId)\n}\n\nfunction onListClick() {\n  layoutStore.showModal('StealList')\n}\n</script>\n\n<style lang=\"sass\">\n</style>","import script from \"./Steal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Steal.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"table__wrapper\">\n    <table class=\"table\">\n      <tr class=\"table__header\">\n        <slot name=\"header\"></slot>\n      </tr>\n\n      <slot name=\"rows\"></slot>\n    </table>\n  </div>\n</template>\n\n<style lang=\"sass\">\n.table\n  font-size: 20px\n  line-height: 16px\n\n  &__wrapper\n    display: flex\n    flex-direction: column\n    overflow-y: auto\n    width: inherit\n    background-color: white\n    padding: 8px\n\n  &__header\n    th\n      padding: 12px 12px 4px\n      color: grey\n      text-align: left\n      white-space: nowrap\n\n  tr\n    &:not(.table__header):not(:last-child)\n      border-bottom: 1px solid #80808075\n\n  td\n    padding: 8px 12px\n    white-space: nowrap\n    color: black\n    vertical-align: middle\n\n</style>\n<script setup>\n</script>","import { render } from \"./Table.vue?vue&type=template&id=3e15eadc\"\nconst script = {}\n\nimport \"./Table.vue?vue&type=style&index=0&id=3e15eadc&lang=sass\"\n\nimport exportComponent from \"/Users/merik/Documents/GitHub/SneakersGame/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export function getEtherscanTxLink(txHash) {\n  return `https://etherscan.io/tx/${txHash}`\n}\n\nexport function getEtherscanAddressLink(address) {\n  return `https://etherscan.io/address/${address}`\n}\n\nexport function getEtherscanNftLink(collectionAddress, tokenId) {\n  // if (networkName === 'mainnet') {\n  //   return `https://etherscan.io/nft/${address}/${tokenId}`\n  // }\n\n  return `https://etherscan.io/token/${collectionAddress}?a=${tokenId}`\n}","import script from \"./SwapList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SwapList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SwapList.vue?vue&type=style&index=0&id=2f0e6e06&lang=sass\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"swap-page page\">\n    <div class=\"swap-page__body\">\n      <div class=\"swap-page__menu\">\n        <Button class=\"swap-page__menu-button\" :class=\"{ '--disabled': isSwap }\" @click=\"isSwap = true\">Swap</Button>\n        <Button class=\"swap-page__menu-button\" :class=\"{ '--disabled': !isSwap }\" @click=\"isSwap = false\">Steal</Button>\n<!--        <Button class=\"swap-page__menu-button\" @click=\"isSwap = false\">My</Button>-->\n      </div>\n\n      <div class=\"swap-page__header swap-page__section\">\n        <div v-if=\"currentInfoStep === 1\" class=\"swap-page__header-section\">\n          Price: {{ initNumber(price, false, 4) }} <img :src=\"require('@/assets/images/icons/ethereum.png')\" alt=\"\" class=\"swap-page__header-icon\">\n        </div>\n\n        <div v-else-if=\"currentInfoStep === 2\" class=\"swap-page__header-section\">\n          Minted: {{ mintedCount }} out of 2,000 <img :src=\"require('@/assets/images/icons/sneaker.png')\" alt=\"\" class=\"swap-page__header-icon\">\n        </div>\n\n        <div v-else-if=\"currentInfoStep === 3\" class=\"swap-page__header-section\">\n          Disposed: {{ burnedCount }} out of 2,000 <img :src=\"require('@/assets/images/icons/trash.png')\" alt=\"\" class=\"swap-page__header-icon\">\n        </div>\n\n        <div v-else class=\"swap-page__header-section\">\n          Pooled ETH: {{ inVault }} <img :src=\"require('@/assets/images/icons/ethereum.png')\" alt=\"\" class=\"swap-page__header-icon\">\n        </div>\n      </div>\n\n      <Swapper v-if=\"isSwap\" class=\"swap-page__section\" :max-mint-count=\"maxMintCount\" />\n      <Steal v-else class=\"swap-page__section\" />\n    </div>\n\n    <template v-if=\"swaps.length\">\n      <SwapList :swaps=\"swaps\" class=\"swap-page__section swap-page__swaps\" />\n      <div class=\"swap-page__description\">It shows the last 200 transactions</div>\n    </template>\n\n    <div v-else class=\"swap-page__description swap-page__swaps\">Transactions are loading...</div>\n  </div>\n</template>\n\n<script setup>\nimport Swapper from '@/components/Swapper'\nimport Steal from '@/components/Steal'\nimport SwapList from '@/components/SwapList'\n\nimport {\n  onNewBlock,\n  unsubscribe,\n  getMintPrice,\n  getBurnedCount,\n  getSwapList,\n  getVaultBalance,\n  getMaxMintCount,\n  getMintedCount,\n} from '@/logic/collection'\nimport { initNumber } from '@/utils'\nimport { withDec } from '@/logic/helpers/ethereum'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst price = ref(0)\nconst burnedCount = ref(0)\nconst mintedCount = ref(0)\nconst inVault = ref(0)\nconst swaps = ref([])\nconst isSwap = ref(true)\nconst maxMintCount = ref(1)\n\nconst infoInterval = ref(null)\nconst currentInfoStep = ref(1)\n\nonMounted(async () => {\n  init()\n  onNewBlock((blockNumber) => init())\n\n  infoInterval.value = setInterval(() => {\n    if (currentInfoStep.value === 4) {\n      currentInfoStep.value = 1\n    } else {\n      currentInfoStep.value += 1\n    }\n  }, 4000)\n})\n\nonBeforeUnmount(() => {\n  unsubscribe()\n  clearInterval(infoInterval.value)\n})\n\nasync function init(blockNumber) {\n  price.value = initNumber(withDec(await getMintPrice()), false, 4)\n  burnedCount.value = await getBurnedCount()\n  mintedCount.value = await getMintedCount()\n  inVault.value = initNumber(withDec(await getVaultBalance()), false, 4)\n  swaps.value = await getSwapList(blockNumber)\n  maxMintCount.value = await getMaxMintCount()\n}\n</script>\n\n<style lang=\"sass\">\n.swap-page\n  animation: fadeIn 0.5s ease\n\n  &__menu\n    display: flex\n    align-items: center\n    gap: 12px\n    margin-bottom: 12px\n    background-color: white\n    padding: 8px\n\n    &-button\n      width: 100%\n\n      &.--disabled\n        opacity: 0.5\n        pointer-events: none\n\n  &__body\n    width: inherit\n    max-width: 380px\n\n  &__header\n    display: flex\n    flex-direction: column\n    align-items: center\n    font-size: 20px\n    line-height: 20px\n    padding: 8px 12px\n    width: -webkit-fill-available\n\n    &-icon\n      position: relative\n      bottom: 1px\n      height: 18px\n      width: 18px\n      margin-left: 6px\n\n    &-section\n      display: flex\n      align-items: center\n      animation: fadeIn 0.5s ease\n\n  &__swaps\n    max-width: 864px\n    margin-top: 32px\n\n  &__description\n    padding: 2px 0\n    background-color: white\n    text-align: center\n\n  &__section\n    background-color: white\n\n    &:not(:last-child)\n      margin-bottom: 12px\n\n</style>","import script from \"./Swap.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Swap.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Swap.vue?vue&type=style&index=0&id=09bc53f5&lang=sass\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}