{"version":3,"sources":["webpack:///./src/components/AdvancedMarketplace/Activity.vue","webpack:///./src/components/AdvancedMarketplace/EventItem.vue","webpack:///./src/components/AdvancedMarketplace/EventItem.vue?3f8d","webpack:///./src/components/AdvancedMarketplace/Activity.vue?525d","webpack:///./src/components/AdvancedMarketplace/Activity.vue?eb5c","webpack:///./src/components/AdvancedMarketplace/EventItem.vue?bc31"],"names":["class","_createElementBlock","_createElementVNode","_hoisted_3","_Fragment","_renderList","$setup","event","_createBlock","_component_EventItem","key","blockNumber","_toDisplayString","$props","substring","length","name","props","type","Object","setup","nftId","ref","price","quantity","seller","nftContract","isERC1155","onMounted","value","ethers","utils","formatUnits","args","formatEther","address","__exports__","displayName","components","EventItem","events","rpcProvider","providers","JsonRpcProvider","Constants","rpcUrl","MarketplaceContract","getLoadMarketplaceContract","getMarketplaceEvents","getBlockNumber","currentBlock","console","log","queryFilter","render"],"mappings":"4IACOA,MAAM,W,GACJA,MAAM,U,6bADbC,eAgBM,MAhBN,EAgBM,CAfJC,eAcM,MAdN,EAcM,CAbJC,GAaI,mBALJF,eAIEG,OAAA,KAAAC,eAFgBC,UAAM,SAAfC,G,wBAFTC,eAIEC,EAAA,CAHCC,IAAKH,EAAMI,YAEXJ,MAAOA,GAHV,+B,uDCVCP,MAAM,c,GACJA,MAAM,a,GACNA,MAAM,Q,GAGNA,MAAM,S,GAGNA,MAAM,Y,GAGNA,MAAM,U,iBAMQ,K,GAEdA,MAAM,Y,iBAMQ,K,gDAzBrBC,eA2BM,MA3BN,EA2BM,CA1BJC,eAAwC,MAAxC,EAAwCU,eAAdN,SAAK,GAC/BJ,eAEM,MAFN,EAEMU,eADDC,QAAMN,OAAK,GAEhBL,eAEM,MAFN,EAEMU,eADDN,QAAQA,QAAK,QAElBJ,eAEM,MAFN,EAEMU,eADDN,WAAWA,WAAQ,QAExBJ,eAOM,MAPN,EAOM,CANYI,2BAAhBL,eAIWG,OAAA,CAAAM,OAAA,+BAHNJ,SAAOQ,UAAS,MAAS,MAAGF,eAC7BN,SAAOQ,UAAUR,SAAOS,OAAM,EAAMT,SAAOS,SAAM,IAFrD,uBAKAd,eAA6BG,OAAA,CAAAM,OAAA,IAA7B,OAEFR,eAOM,MAPN,EAOM,CANYI,gCAAhBL,eAIWG,OAAA,CAAAM,OAAA,+BAHNJ,cAAYQ,UAAS,MAAS,MAAGF,eAClCN,cAAYQ,UAAUR,cAAYS,OAAM,EAAMT,cAAYS,SAAM,IAFpE,uBAKAd,eAA6BG,OAAA,CAAAM,OAAA,IAA7B,SASS,OACbM,KAAM,YACNC,MAAO,CACLV,MAAO,CAELW,KAAMC,SAGVC,MARa,SAQPH,GACJ,IAAMI,EAAQC,eAAI,GACZC,EAAQD,eAAI,MACZE,EAAWF,eAAI,MACfG,EAASH,eAAI,MACbI,EAAcJ,eAAI,MAClBK,EAAYL,gBAAI,GAWtB,OATAM,eAAS,wCAAC,8GACRP,EAAMQ,MAAQC,OAAOC,MAAMC,YAAb,UAAyBf,EAAMV,MAAM0B,YAArC,aAAyB,EAAkBZ,MAAO,GAChEE,EAAMM,MAAQC,OAAOC,MAAMG,YAAb,UAAyBjB,EAAMV,MAAM0B,YAArC,aAAyB,EAAkBV,OACzDC,EAASK,MAAQC,OAAOC,MAAMC,YAAb,UAAyBf,EAAMV,MAAM0B,YAArC,aAAyB,EAAkBT,SAAU,GACtEC,EAAOI,MAAP,UAAeZ,EAAMV,MAAM0B,YAA3B,aAAe,EAAkBE,QACjCT,EAAYG,MAAZ,UAAoBZ,EAAMV,MAAM0B,YAAhC,aAAoB,EAAkBP,YACtCC,EAAUE,MAAV,UAAkBZ,EAAMV,MAAM0B,YAA9B,aAAkB,EAAkBN,UAN5B,4CASH,CACLN,QACAE,QACAC,WACAC,SACAC,cACAC,e,iCC3DN,MAAMS,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,YFqBA,GACbC,YAAa,WACbC,WAAY,CACVC,aAIFnB,MAPa,WAQX,IAAMoB,EAASlB,eAAI,IACbmB,EAAc,IAAIX,OAAOY,UAAUC,gBAAgBC,OAAUC,QAC7DC,EAAsBC,eAA2BN,GAEvDb,eAAS,wCAAC,8FACRoB,IADQ,4CAIV,IAAMA,EAAmB,yDAAI,6HAEEP,EAAYQ,iBAFd,cAEnBC,EAFmB,OAGzBC,QAAQC,IAAIF,GAHa,SAIJJ,EAAoBO,YACvC,IACAH,EAAe,IACfA,GAPuB,OAIzBV,EAAOX,MAJkB,OASzBsB,QAAQC,IAAIZ,EAAOX,OATM,qDAWzBsB,QAAQC,IAAR,MAXyB,0DAAJ,qDAezB,MAAO,CACLZ,Y,UGvDN,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASc,GAAQ,CAAC,YAAY,qBAE1E,gB,6DCTf,W,yDCAA","file":"js/chunk-dd058a3c.02ae6d4f.js","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <div class=\"events\">\n      <div class=\"event-item\">\n        <div class=\"item-name\">NFT Id</div>\n        <div class=\"type\">Event</div>\n        <div class=\"price\">Price</div>\n        <div class=\"quantity\">Quantity</div>\n        <div class=\"seller\">Seller</div>\n        <div class=\"contract\">Contract</div>\n      </div>\n      <EventItem\n        :key=\"event.blockNumber\"\n        v-for=\"event in events\"\n        :event=\"event\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { onMounted, ref } from \"vue\";\n// import SkeletalLoading from \"../components/LoadingComponents/SkeletalLoading.vue\";\nimport Constants from \"../../consts/constants\";\n// import { useRoute } from \"vue-router\";\nimport { ethers } from \"ethers\";\n// import ItemTile from \"../components/AdvancedMarketplace/ItemTile.vue\";\nimport EventItem from \"../../components/AdvancedMarketplace/EventItem.vue\";\nimport { getLoadMarketplaceContract } from \"../../utils/getContract\";\n\nexport default {\n  displayName: \"Activity\",\n  components: {\n    EventItem,\n    // SkeletalLoading,\n    // ItemTile,\n  },\n  setup() {\n    const events = ref([]);\n    const rpcProvider = new ethers.providers.JsonRpcProvider(Constants.rpcUrl);\n    const MarketplaceContract = getLoadMarketplaceContract(rpcProvider);\n\n    onMounted(async () => {\n      getMarketplaceEvents();\n    });\n\n    const getMarketplaceEvents = async () => {\n      try {\n        const currentBlock = await rpcProvider.getBlockNumber();\n        console.log(currentBlock);\n        events.value = await MarketplaceContract.queryFilter(\n          \"*\",\n          currentBlock - 2000,\n          currentBlock\n        );\n        console.log(events.value);\n      } catch (error) {\n        console.log(error);\n      }\n    };\n\n    return {\n      events,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"../../assets/scss/globals.scss\";\n\n.header {\n  grid-template-columns: 150px 1fr 2fr 200px;\n  display: grid;\n  padding: 1rem;\n  align-items: center;\n  grid-gap: 1rem;\n  background: #171a1c;\n  margin-bottom: 2rem;\n  .logo {\n    width: 150px;\n  }\n  .menu {\n    margin: 0;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n    list-style: none;\n    li a {\n      text-transform: uppercase;\n      text-decoration: none;\n    }\n  }\n  .search {\n    #search {\n      width: 90%;\n      padding: 12px 10px;\n      font-size: 1.1rem;\n      background: #101214;\n      box-shadow: none;\n      border: none;\n      border-radius: 10px;\n    }\n  }\n}\n.wrapper {\n  display: block;\n  max-width: 1616px;\n  margin: 0 auto;\n  padding: 0 1rem;\n  .event-item {\n    margin: 1rem 0;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n    grid-gap: 10px;\n    div {\n      background-color: #000000b0;\n      padding: 5px 10px;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"event-item\">\n    <div class=\"item-name\">{{ nftId }}</div>\n    <div class=\"type\">\n      {{ event.event }}\n    </div>\n    <div class=\"price\">\n      {{ price ? price : \"-\" }}\n    </div>\n    <div class=\"quantity\">\n      {{ quantity ? quantity : \"-\" }}\n    </div>\n    <div class=\"seller\">\n      <template v-if=\"seller\">\n        {{ seller.substring(0, 4) }}...{{\n          seller.substring(seller.length - 4, seller.length)\n        }}\n      </template>\n      <template v-else>-</template>\n    </div>\n    <div class=\"contract\">\n      <template v-if=\"nftContract\">\n        {{ nftContract.substring(0, 4) }}...{{\n          nftContract.substring(nftContract.length - 4, nftContract.length)\n        }}\n      </template>\n      <template v-else>-</template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ethers } from \"ethers\";\nimport { onMounted, ref } from \"vue\";\n\nexport default {\n  name: \"EventItem\",\n  props: {\n    event: {\n      // small || extra-small || default large\n      type: Object,\n    },\n  },\n  setup(props) {\n    const nftId = ref(0);\n    const price = ref(null);\n    const quantity = ref(null);\n    const seller = ref(null);\n    const nftContract = ref(null);\n    const isERC1155 = ref(false);\n\n    onMounted(async () => {\n      nftId.value = ethers.utils.formatUnits(props.event.args?.nftId, 0);\n      price.value = ethers.utils.formatEther(props.event.args?.price);\n      quantity.value = ethers.utils.formatUnits(props.event.args?.quantity, 0);\n      seller.value = props.event.args?.address;\n      nftContract.value = props.event.args?.nftContract;\n      isERC1155.value = props.event.args?.isERC1155;\n    });\n\n    return {\n      nftId,\n      price,\n      quantity,\n      seller,\n      nftContract,\n      isERC1155,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../assets/scss/globals.scss\";\n\n.event-item {\n  margin: 1rem 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n}\n</style>\n","import { render } from \"./EventItem.vue?vue&type=template&id=3aee54e6&scoped=true\"\nimport script from \"./EventItem.vue?vue&type=script&lang=js\"\nexport * from \"./EventItem.vue?vue&type=script&lang=js\"\n\nimport \"./EventItem.vue?vue&type=style&index=0&id=3aee54e6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3aee54e6\"]])\n\nexport default __exports__","import { render } from \"./Activity.vue?vue&type=template&id=2e9cd626&scoped=true\"\nimport script from \"./Activity.vue?vue&type=script&lang=js\"\nexport * from \"./Activity.vue?vue&type=script&lang=js\"\n\nimport \"./Activity.vue?vue&type=style&index=0&id=2e9cd626&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e9cd626\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Activity.vue?vue&type=style&index=0&id=2e9cd626&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./EventItem.vue?vue&type=style&index=0&id=3aee54e6&lang=scss&scoped=true\""],"sourceRoot":""}