{"version":3,"file":"B11ASFnO.js","sources":["../../../../components/address/AddressNfts.vue","../../../../pages/address/[id].vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\nimport { useInfiniteScroll } from '~/composables/infinite-scroll';\nimport { getApiRoot } from '~/utilities/api';\n\nconst props = defineProps({\n  address: Object as PropType<any>,\n  type: String as PropType<'owned' | 'created'>,\n  gridStyle: String as PropType<'grid-compact' | 'grid' | 'table'>,\n});\nconst { address, type, gridStyle } = toRefs(props);\n\nconst bottom = ref();\nconst { items, pending } = useInfiniteScroll(\n  bottom,\n  `${getApiRoot()}/address/${address.value.id}/nfts?type=${type.value}`\n);\n</script>\n\n<template>\n  <div>\n    <ExploreGrid :nfts=\"items\" :pending=\"pending\" :grid-style=\"gridStyle\" />\n    <div ref=\"bottom\"></div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ClipboardCheckIcon, ClipboardCopyIcon } from '@heroicons/vue/outline';\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from '#imports';\nimport AddressActivity from '~/components/address/AddressActivity.vue';\nimport { getApiRoot } from '~/utilities/api';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet id = route.params?.id;\nif (id && id.includes('-')) {\n  id = id.split('-').pop();\n}\n\nconst { data: address } = await useFetch<any>(`${getApiRoot()}/address/${id}?include_counts=True`);\nconst name = computed(() => address.value?.encoded_id.substring(0, 24));\n\nconst meta = [\n  { property: 'og:title', content: `${name.value || 'Unknown'} - Address ${BASE_TITLE}` },\n  { name: 'twitter:title', content: `${name.value || 'Unknown'} - Address ${BASE_TITLE}` },\n];\n\nuseHead({\n  title: `${name.value || 'Unknown'} - Address ${BASE_TITLE}`,\n  meta,\n} as any);\n\nconst tabs = computed(() => {\n  return [\n    // {\n    //   id: 'created',\n    //   title: 'profile.created',\n    //   count: address.value?.created_nfts_count || 0,\n    // },\n    {\n      id: 'owned',\n      title: 'address.owned',\n      count: address.value?.owned_nfts_count || 0,\n    },\n    {\n      id: 'activity',\n      title: 'address.activity',\n    },\n  ];\n});\n\n// const defaultTab = address.value?.owned_nfts_count > 0 && address.value?.created_nfts_count === 0 ? 'owned' : 'created';\nconst defaultTab = 'owned';\nconst selectedTab = ref(route.query.tab ? route.query.tab : defaultTab);\nwatch(selectedTab, (tab) => {\n  router.replace({\n    path: route.path,\n    query: { tab },\n  });\n});\n\nconst copied = ref(false);\nconst copyToClipboard = (input: string) => {\n  navigator.clipboard.writeText(input);\n  copied.value = true;\n  setTimeout(() => (copied.value = false), 1000);\n};\n\nconst gridStyle = useCookie<'grid-compact' | 'grid' | 'table'>('grid-style');\ngridStyle.value = gridStyle.value || 'grid';\n</script>\n\n<template>\n  <div class=\"flex flex-grow flex-col\">\n    <Error404 v-if=\"!address\" />\n    <template v-else>\n      <div class=\"flex flex-col\">\n        <div class=\"mt-8 grid grid-rows-[auto_auto_auto]\">\n          <Container\n            class=\"col-start-1 row-start-3 mt-8 flex flex-col justify-center gap-4 md:flex-row md:justify-between\"\n          >\n            <div class=\"flex flex-col items-center gap-4 md:items-start\">\n              <h1 class=\"flex items-center gap-1 text-xl font-bold text-neutral-900 dark:text-neutral-50 md:text-3xl\">\n                {{ $t('address.address') }}\n              </h1>\n              <div class=\"flex flex-col flex-wrap items-center justify-center gap-4 md:flex-row\">\n                <div class=\"flex\">\n                  <div\n                    class=\"shadow-card group flex cursor-pointer items-center justify-center overflow-hidden rounded-full border pr-2 text-sm font-medium transition duration-200 ease-in-out\"\n                    @click=\"copyToClipboard(address.encoded_id)\"\n                  >\n                    <!--                    <div class=\"rounded-full bg-emerald-700 px-3 py-2 font-mono tracking-tight text-white dark:text-black\">xch</div>-->\n                    <span class=\"py-2 pl-3 font-mono tracking-tight text-neutral-500 dark:text-neutral-400\">{{\n                      address.encoded_id\n                    }}</span>\n                    <div class=\"mb-[1px] ml-1 inline flex\">\n                      <ClipboardCheckIcon v-if=\"copied\" class=\"h-6 w-6 text-emerald-600\" />\n                      <ClipboardCopyIcon\n                        v-else\n                        class=\"ml-[1px] h-6 w-6 text-neutral-300 group-hover:text-neutral-600 dark:text-neutral-300 dark:text-neutral-600\"\n                      />\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"address.associated_profiles?.length > 0\" class=\"flex flex-col gap-2\">\n                <div class=\"flex items-center text-sm font-bold text-neutral-700 dark:text-neutral-200\">\n                  Associated Profiles<span\n                    class=\"ml-1 inline-flex items-center rounded bg-gradient-to-br from-cyan-500 to-emerald-500 px-1 text-[10px] font-bold text-white dark:text-black\"\n                    >BETA</span\n                  >\n                </div>\n                <div class=\"flex gap-4\">\n                  <div v-for=\"profile in address.associated_profiles\" :key=\"profile.id\">\n                    <ProfileHandle :profile=\"profile\" />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Container>\n        </div>\n      </div>\n      <div class=\"w-full flex-grow bg-white pt-8 dark:bg-black\">\n        <Container>\n          <div>\n            <div>\n              <Tabs v-model=\"selectedTab\" :tabs=\"tabs\">\n                <div v-if=\"selectedTab !== 'collections'\" class=\"flex h-full items-center px-3\">\n                  <ExploreGridToggle v-model=\"gridStyle\" />\n                </div>\n              </Tabs>\n            </div>\n            <div class=\"py-8\">\n              <AddressNfts\n                v-if=\"selectedTab === 'created'\"\n                :address=\"address\"\n                :type=\"selectedTab\"\n                :grid-style=\"gridStyle\"\n              />\n              <AddressNfts\n                v-else-if=\"selectedTab === 'owned'\"\n                :address=\"address\"\n                :type=\"selectedTab\"\n                :grid-style=\"gridStyle\"\n              />\n              <AddressActivity v-else-if=\"selectedTab === 'activity'\" :address=\"address\" />\n            </div>\n          </div>\n        </Container>\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","address","type","gridStyle","toRefs","bottom","ref","items","pending","useInfiniteScroll","getApiRoot","defaultTab","route","useRoute","router","useRouter","id","_a","__temp","__restore","_withAsyncContext","useFetch","name","computed","meta","BASE_TITLE","useHead","tabs","selectedTab","watch","tab","copied","copyToClipboard","input","useCookie"],"mappings":"+pCAKA,MAAMA,EAAQC,EAKR,CAAE,QAAAC,EAAS,KAAAC,EAAM,UAAAC,CAAU,EAAIC,EAAOL,CAAK,EAE3CM,EAASC,IACT,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYC,EACzBJ,EACA,GAAGK,GAAY,YAAYT,EAAQ,MAAM,EAAE,cAAcC,EAAK,KAAK,EAAA,ypCCkC/DS,GAAa,yDAzCnB,MAAMC,EAAQC,IACRC,EAASC,IAEX,IAAAC,GAAKC,EAAAL,EAAM,SAAN,YAAAK,EAAc,GACnBD,GAAMA,EAAG,SAAS,GAAG,IACvBA,EAAKA,EAAG,MAAM,GAAG,EAAE,IAAI,GAGnB,KAAA,CAAE,KAAMf,CAAQ,GAAI,CAAAiB,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAc,GAAGX,EAAW,CAAC,YAAYM,CAAE,oCAAsB,CAAA,mBAC3FM,EAAOC,EAAS,IAAA,OAAM,OAAAN,EAAAhB,EAAQ,QAAR,YAAAgB,EAAe,WAAW,UAAU,EAAG,IAAG,EAEhEO,EAAO,CACX,CAAE,SAAU,WAAY,QAAS,GAAGF,EAAK,OAAS,SAAS,cAAcG,CAAU,EAAG,EACtF,CAAE,KAAM,gBAAiB,QAAS,GAAGH,EAAK,OAAS,SAAS,cAAcG,CAAU,EAAG,CAAA,EAGjFC,EAAA,CACN,MAAO,GAAGJ,EAAK,OAAS,SAAS,cAAcG,CAAU,GACzD,KAAAD,CAAA,CACM,EAEF,MAAAG,EAAOJ,EAAS,IAAM,OACnB,MAAA,CAML,CACE,GAAI,QACJ,MAAO,gBACP,QAAON,EAAAhB,EAAQ,QAAR,YAAAgB,EAAe,mBAAoB,CAC5C,EACA,CACE,GAAI,WACJ,MAAO,kBACT,CAAA,CACF,CACD,EAIKW,EAActB,EAAIM,EAAM,MAAM,IAAMA,EAAM,MAAM,IAAMD,EAAU,EAChEkB,EAAAD,EAAcE,GAAQ,CAC1BhB,EAAO,QAAQ,CACb,KAAMF,EAAM,KACZ,MAAO,CAAE,IAAAkB,CAAI,CAAA,CACd,CAAA,CACF,EAEK,MAAAC,EAASzB,EAAI,EAAK,EAClB0B,EAAmBC,GAAkB,CAC/B,UAAA,UAAU,UAAUA,CAAK,EACnCF,EAAO,MAAQ,GACf,WAAW,IAAOA,EAAO,MAAQ,GAAQ,GAAI,CAAA,EAGzC5B,EAAY+B,EAA6C,YAAY,EACjE,OAAA/B,EAAA,MAAQA,EAAU,OAAS"}