{"version":3,"file":"SidebarNft-b1f3a034.js","sources":["../../../app/javascript/components/sidebar/SidebarNft.vue"],"sourcesContent":["<template>\n  <BaseSidebar v-model=\"open\" size-class=\"w-64\">\n    <template #header>NFTs</template>\n    <template #default>\n      <div class=\"px-3\">\n        <div class=\"mb-2\">\n          <DropdownBlockchain @select=\"changeOption($event)\" :supported-chains=\"supportedChains\"> </DropdownBlockchain>\n        </div>\n        <BaseSearchbox\n          :placeholder=\"'Search Collection (' + titleizedChainName + ')'\"\n          v-model=\"search\"\n          @keyup.enter=\"onEnter\"\n        />\n      </div>\n      <BaseNavRadio v-if=\"search.length === 0\" v-model=\"selectedPage\">\n        <template #default>\n          <BaseNavRadioOption v-for=\"(option, index) in pages\" :key=\"index\" :option=\"option\">\n            {{ option.label }}\n          </BaseNavRadioOption>\n        </template>\n      </BaseNavRadio>\n      <div v-else-if=\"loading\" class=\"flex items-center justify-center pt-10\">\n        <BaseLoader />\n      </div>\n      <div\n        v-else-if=\"results.length === 0\"\n        class=\"mt-16 h-full overflow-y-scroll px-6 py-2 text-center text-sm text-gray-400\"\n      >\n        Please enter a valid contract address or name and press Enter\n      </div>\n      <div v-else class=\"pt-1\">\n        <InertiaLink\n          v-for=\"result in searchResults\"\n          :key=\"result.address\"\n          class=\"flex items-center px-4 py-2\"\n          :href=\"`/nft/collections/${result.address}?chain=${nftChain}`\"\n          @click=\"clearSearch\"\n        >\n          <img :src=\"result.image_url\" class=\"h-4 w-4 rounded-full bg-gray-800\" loading=\"lazy\" />\n          <div class=\"pl-2 pr-1 text-xs font-medium\">{{ result.collection_name }}</div>\n          <div\n            @click=\"\n              $event.preventDefault();\n              onCollectionSaved(result);\n            \"\n            class=\"cursor-pointer\"\n          ></div>\n        </InertiaLink>\n      </div>\n    </template>\n  </BaseSidebar>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport { router, Link as InertiaLink } from '@inertiajs/vue3';\nimport { usePage } from '@inertiajs/vue3';\nimport { useGetSidebarStatus } from '@/composeables/sidebar';\nimport { ref, computed, onMounted, watch, inject } from 'vue';\nimport DropdownBlockchain from '@/components/dropdown/DropdownBlockchain.vue';\nimport { titleize } from '@/composeables/filters';\nimport debounce from 'lodash/debounce';\nimport { useLocalStorage } from '@vueuse/core';\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\n\nconst $http = useHttp();\nconst $store = useStore();\nconst page = usePage();\nconst $emitter = useEmitter();\n\n// USER COLLECTION\nconst addUserCollection = inject('addUserCollection');\nconst userCollections = inject('userCollections');\n\nconst onCollectionSaved = col => {\n  addUserCollection({\n    name: col.collection_name,\n    contract: col.address\n  });\n};\n\n// PAGES\nconst selectedPageSet = ref(false);\nconst selectedPage = ref(null);\nconst nftSelectedPage = useLocalStorage('nftSelectedPage', null);\n\nconst pages = computed(() => {\n  const data = [\n    { label: 'Market', id: 'market', href: '/nft' },\n    { label: 'Trending', id: 'trending', href: '/nft/trending' },\n    { label: 'Collections', id: 'collections', href: '/nft/collections' }\n  ];\n  return data;\n});\n\nwatch(selectedPage, () => {\n  if (selectedPageSet.value && selectedPage.value) {\n    router.visit(selectedPage.value.href);\n    nftSelectedPage.value = selectedPage.value.id;\n  }\n  selectedPageSet.value = true;\n});\n\nconst urlSlug = computed(() => {\n  return page.url.split('/').at(-1);\n});\n\nwatch(urlSlug, () => {\n  if (urlSlug.value.length && !pages.value.map(x => x.href.split('/').at(-1)).includes(urlSlug.value)) {\n    selectedPage.value = null;\n  }\n});\n\nonMounted(async () => {\n  const route = page.url;\n  if (route.includes('collections')) {\n    if (urlSlug.value.length && urlSlug.value !== 'collections') selectedPageSet.value = true;\n    else selectedPage.value = pages.value.find(p => p.id === 'collections');\n  } else if (route.includes('trending')) {\n    selectedPage.value = pages.value.find(p => p.id === 'trending');\n  } else {\n    selectedPage.value = pages.value.find(p => p.id === 'market');\n  }\n});\n\n// CHAINS\nconst supportedChains = computed(() => {\n  return $store.state.supportedChains.filter(chain => chain.id !== 'bitcoin').map(chain => chain.id);\n});\n\n// SEARCH\nconst { open } = useGetSidebarStatus('nfts');\nconst search = ref('');\nconst results = ref([]);\nconst searchIndex = ref(0);\nconst loading = ref(false);\nconst contract = ref('');\nconst selectedChainOption = ref('ethereum');\n\nconst searchResults = computed(() => {\n  const collections = (userCollections.value || []).map(col => {\n    return col.contract.toLowerCase();\n  });\n\n  return results.value.map(result => {\n    return {\n      ...result,\n      saved: collections.includes(result.address.toLowerCase())\n    };\n  });\n});\n\nconst debouncedSearch = debounce(async () => {\n  if (search.value.length >= 3) {\n    loading.value = true;\n    searchIndex.value++;\n    const searchIndexBefore = searchIndex.value;\n    const res = await $http.get('/data/nft', {\n      params: {\n        v: 2,\n        method: 'collection/search',\n        params: {\n          search: search.value,\n          chain: selectedChainOption.value\n        }\n      }\n    });\n\n    if (searchIndex.value === searchIndexBefore) {\n      results.value = res.data;\n      loading.value = false;\n    }\n  }\n}, 1000);\n\nwatch(search, debouncedSearch);\n\nconst clearSearch = () => {\n  search.value = '';\n  results.value = [];\n  loading.value = false;\n};\n\n// NFT CHAIN SELECTION\nconst nftChain = useLocalStorage('nftChain', 'ethereum');\nconst titleizedChainName = computed(() => {\n  return titleize(nftChain.value);\n});\n\nwatch(nftChain, () => {\n  search.value = '';\n  results.value = [];\n  loading.value = false;\n});\n\nconst changeOption = id => {\n  if (selectedChainOption.value !== id) {\n    $emitter.$emit('select:chain', id);\n    selectedChainOption.value = id;\n    // Apply the chain query param to the current URL\n    const url = new URL(window.location.href);\n    // url.searchParams.set('chain', id);\n    router.visit(url.toString());\n  }\n};\n\nconst onEnter = () => {\n  if (search.value) {\n    // check if eth address\n    if (search.value.length === 42 && search.value[0] === '0' && search.value[1].toLowerCase() === 'x') {\n      router.visit(`/nft/collections/${search.value}?chain=${selectedChainOption.value}`);\n    } else if (results.value.length > 0) {\n      router.visit(`/nft/collections/${results.value[0].address}?chain=${selectedChainOption.value}`);\n    } else {\n      router.visit(`/nft/collections/${search.value}?chain=${selectedChainOption.value}`);\n    }\n  }\n};\n</script>\n"],"names":["$http","useHttp","$store","useStore","page","usePage","$emitter","useEmitter","addUserCollection","inject","userCollections","onCollectionSaved","col","selectedPageSet","ref","selectedPage","nftSelectedPage","useLocalStorage","pages","computed","watch","router","urlSlug","x","onMounted","route","p","supportedChains","chain","open","useGetSidebarStatus","search","results","searchIndex","loading","selectedChainOption","searchResults","collections","result","debouncedSearch","debounce","searchIndexBefore","res","clearSearch","nftChain","titleizedChainName","titleize","changeOption","id","url","onEnter"],"mappings":"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"}