{"version":3,"file":"NftLayout-7b770d1d.js","sources":["../../../app/javascript/components/nft/NftLayout.vue"],"sourcesContent":["<template>\n  <div v-if=\"!loading\" class=\"flex h-full w-full\">\n    <SidebarNft @select:chain=\"setSelectedChain($event)\" />\n    <div class=\"relative h-full w-full overflow-y-auto text-white\">\n      <slot />\n    </div>\n  </div>\n  <div v-else class=\"flex h-full w-full items-center justify-center\">\n    <BaseLoader class=\"h-10 w-10\" />\n  </div>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport { ref, provide, onMounted, onUnmounted } from 'vue';\nimport SidebarNft from '@/components/sidebar/SidebarNft.vue';\nimport useHttp from '@/composeables/http';\nimport { flashMessage } from '@/composeables/helpers';\nimport { useLocalStorage } from '@vueuse/core';\nimport useEmitter from '@/composeables/emitter';\n\nconst $store = useStore();\nconst $http = useHttp();\nconst $emitter = useEmitter();\nconst nftChain = useLocalStorage('nftChain', 'ethereum');\n\n// USER COLLECTIONS\nconst userCollections = ref([]);\n\nconst addUserCollection = async e => {\n  const index = userCollections.value.findIndex(c => c.contract === e.contract);\n  if (index !== -1) {\n    let recordId = userCollections.value[index].id;\n    // remove the collection\n    userCollections.value.splice(index, 1);\n    await $http.delete(`/nft_collections/${recordId}`, e).then(() => {\n      flashMessage({\n        type: 'success',\n        message: 'Successfully removed from watchlist'\n      });\n    });\n  } else {\n    // add the collection\n    let response = await $http.post('/nft_collections', e);\n    userCollections.value.push(response.data);\n    flashMessage({\n      type: 'success',\n      message: 'Successfully added to watchlist'\n    });\n  }\n};\n\n// USER TOKEN\nconst userTokens = ref([]);\n\nconst addUserToken = async e => {\n  const index = userTokens.value.findIndex(c => c.contract === e.contract && e.token === c.token);\n\n  if (index !== -1) {\n    let recordId = userTokens.value[index].id;\n    userTokens.value.splice(index, 1);\n    await $http.delete(`/nft_tokens/${recordId}`, e);\n  } else {\n    let response = await $http.post('/nft_tokens', e);\n    userTokens.value.push(response.data);\n  }\n};\n\n// LOAD DATA\nconst loading = ref(false);\n\nconst fetchData = async () => {\n  loading.value = true;\n\n  const collectionsResponse = await $http.get('/nft_collections');\n  userCollections.value = collectionsResponse.data;\n\n  const tokensResponse = await $http.get('/data/nft_tokens');\n  userTokens.value = tokensResponse.data;\n\n  loading.value = false;\n};\n\nonMounted(async () => {\n  await fetchData();\n});\n\n// CHAIN SELECTION\nconst setSelectedChain = chain => {\n  nftChain.value = chain;\n};\n\nonMounted(() => {\n  $emitter.$on('select:chain', setSelectedChain);\n});\n\nonUnmounted(() => {\n  $emitter.$off('select:chain');\n});\n\nprovide('addUserCollection', addUserCollection);\nprovide('addUserToken', addUserToken);\nprovide('userCollections', userCollections);\nprovide('userTokens', userTokens);\n</script>\n"],"names":["useStore","$http","useHttp","$emitter","useEmitter","nftChain","useLocalStorage","userCollections","ref","addUserCollection","index","c","recordId","flashMessage","response","userTokens","addUserToken","loading","fetchData","collectionsResponse","tokensResponse","onMounted","setSelectedChain","chain","onUnmounted","provide"],"mappings":"81BAqBeA,EAAW,EAC1B,MAAMC,EAAQC,EAAO,EACfC,EAAWC,EAAU,EACrBC,EAAWC,EAAgB,WAAY,UAAU,EAGjDC,EAAkBC,EAAI,CAAA,CAAE,EAExBC,EAAoB,MAAM,GAAK,CACnC,MAAMC,EAAQH,EAAgB,MAAM,UAAUI,GAAKA,EAAE,WAAa,EAAE,QAAQ,EAC5E,GAAID,IAAU,GAAI,CAChB,IAAIE,EAAWL,EAAgB,MAAMG,CAAK,EAAE,GAE5CH,EAAgB,MAAM,OAAOG,EAAO,CAAC,EACrC,MAAMT,EAAM,OAAO,oBAAoBW,CAAQ,GAAI,CAAC,EAAE,KAAK,IAAM,CAC/DC,EAAa,CACX,KAAM,UACN,QAAS,qCACjB,CAAO,CACP,CAAK,CACL,KAAS,CAEL,IAAIC,EAAW,MAAMb,EAAM,KAAK,mBAAoB,CAAC,EACrDM,EAAgB,MAAM,KAAKO,EAAS,IAAI,EACxCD,EAAa,CACX,KAAM,UACN,QAAS,iCACf,CAAK,CACF,CACH,EAGME,EAAaP,EAAI,CAAA,CAAE,EAEnBQ,EAAe,MAAM,GAAK,CAC9B,MAAMN,EAAQK,EAAW,MAAM,UAAUJ,GAAKA,EAAE,WAAa,EAAE,UAAY,EAAE,QAAUA,EAAE,KAAK,EAE9F,GAAID,IAAU,GAAI,CAChB,IAAIE,EAAWG,EAAW,MAAML,CAAK,EAAE,GACvCK,EAAW,MAAM,OAAOL,EAAO,CAAC,EAChC,MAAMT,EAAM,OAAO,eAAeW,CAAQ,GAAI,CAAC,CACnD,KAAS,CACL,IAAIE,EAAW,MAAMb,EAAM,KAAK,cAAe,CAAC,EAChDc,EAAW,MAAM,KAAKD,EAAS,IAAI,CACpC,CACH,EAGMG,EAAUT,EAAI,EAAK,EAEnBU,EAAY,SAAY,CAC5BD,EAAQ,MAAQ,GAEhB,MAAME,EAAsB,MAAMlB,EAAM,IAAI,kBAAkB,EAC9DM,EAAgB,MAAQY,EAAoB,KAE5C,MAAMC,EAAiB,MAAMnB,EAAM,IAAI,kBAAkB,EACzDc,EAAW,MAAQK,EAAe,KAElCH,EAAQ,MAAQ,EAClB,EAEAI,EAAU,SAAY,CACpB,MAAMH,EAAS,CACjB,CAAC,EAGD,MAAMI,EAAmBC,GAAS,CAChClB,EAAS,MAAQkB,CACnB,EAEA,OAAAF,EAAU,IAAM,CACdlB,EAAS,IAAI,eAAgBmB,CAAgB,CAC/C,CAAC,EAEDE,EAAY,IAAM,CAChBrB,EAAS,KAAK,cAAc,CAC9B,CAAC,EAEDsB,EAAQ,oBAAqBhB,CAAiB,EAC9CgB,EAAQ,eAAgBT,CAAY,EACpCS,EAAQ,kBAAmBlB,CAAe,EAC1CkB,EAAQ,aAAcV,CAAU"}