{"version":3,"file":"B8ma6bF5.js","sources":["../../../../components/MintCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ExclamationIcon, QuestionMarkCircleIcon } from '@heroicons/vue/outline';\nimport type { PropType } from 'vue';\nimport ProfileHandle from '~/components/ProfileHandle.vue';\nimport { formatXchPrice } from '~/utilities/chia-display-utils';\n\nconst props = defineProps({\n  mint: { type: Object as PropType<any>, required: true },\n});\nconst { mint } = toRefs(props);\nconst requestedEntries = computed(() => Object.entries(mint.value?.requested || {}));\n\nconst name = computed(() => mint.value?.mint_name || mint.value?.name);\nconst thumbnailUri = computed(() => mint.value?.mint_thumbnail_uri || mint.value?.thumbnail_uri);\n</script>\n\n<template>\n  <div\n    class=\"shadow-card hover:shadow-card-hover group relative flex flex-col overflow-hidden rounded-lg bg-white transition duration-300 ease-in-out dark:bg-neutral-800\"\n  >\n    <NuxtLink :to=\"mint && `/mints/${mint.id}`\" class=\"aspect-h-1 aspect-w-1 relative overflow-hidden\">\n      <div v-if=\"!mint\" class=\"flex items-center justify-center\">\n        <div class=\"h-full w-full animate-pulse bg-neutral-100 dark:bg-neutral-800\"></div>\n      </div>\n      <div v-else-if=\"mint.creator?.verification_state === 2\" class=\"flex items-center justify-center\">\n        <ExclamationIcon class=\"h-1/2 w-1/2 text-red-600\" />\n      </div>\n      <img\n        v-else-if=\"thumbnailUri\"\n        :alt=\"`${name} image`\"\n        :src=\"thumbnailUri\"\n        loading=\"lazy\"\n        class=\"h-full w-full object-cover object-center transition duration-300 ease-out betterhover:group-hover:scale-110\"\n      />\n      <div v-else class=\"flex items-center justify-center\">\n        <QuestionMarkCircleIcon class=\"h-1/2 w-1/2 text-neutral-400 dark:text-neutral-500\" />\n      </div>\n      <div class=\"absolute inset-0 z-20 flex h-full w-full flex-col items-center justify-start bg-transparent\">\n        <div class=\"flex-1\"></div>\n        <div class=\"flex w-full px-4 py-4 opacity-0\"></div>\n      </div>\n    </NuxtLink>\n    <div class=\"flex flex-1 flex-col justify-between gap-2 p-4\">\n      <div v-if=\"!mint\">\n        <div class=\"h-6 w-3/4 rounded-full bg-neutral-100 dark:bg-neutral-800\"></div>\n      </div>\n      <template v-else>\n        <div class=\"flex items-center gap-1\">\n          <span class=\"truncate text-lg font-medium text-black dark:text-white\">{{ name }}</span>\n        </div>\n        <div class=\"flex flex-1 flex-row items-start justify-between gap-2\">\n          <ProfileHandle :profile=\"mint.creator\" />\n        </div>\n        <div\n          class=\"mt-2 flex flex-1 flex-row items-start justify-between gap-2 border-t-2 border-neutral-100 pt-4 dark:border-neutral-700\"\n        >\n          <div class=\"flex flex-col items-start\">\n            <span class=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">Price</span\n            ><span class=\"text-sm font-semibold text-black dark:text-white\"\n              ><template v-for=\"(requestedEntry, index) in requestedEntries\" :key=\"index\">\n                <span v-if=\"requestedEntry[0] === 'xch'\" class=\"text-sm font-semibold text-black dark:text-white\">\n                  {{ formatXchPrice(requestedEntry[1]) }}\n                </span>\n                <NuxtLink\n                  v-else\n                  target=\"_blank\"\n                  :to=\"`https://dexie.space/assets/${requestedEntry[0]}`\"\n                  class=\"inline-flex items-center gap-1 text-sm font-semibold text-black dark:text-white\"\n                >\n                  <img class=\"h-6 w-6 rounded-full\" :src=\"`https://icons.dexie.space/${requestedEntry[0]}.webp`\" />{{\n                    requestedEntry[1]\n                  }}\n                </NuxtLink>\n                {{ index !== requestedEntries.length - 1 ? ' + ' : '' }}\n              </template></span\n            >\n          </div>\n          <div class=\"flex flex-col items-start\">\n            <span class=\"text-xs font-semibold text-neutral-500 dark:text-neutral-400\">Unminted NFTs</span\n            ><span class=\"text-sm font-semibold text-black dark:text-white\">{{ mint.unminted_nft_count }} left</span>\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","mint","toRefs","requestedEntries","computed","_a","name","_b","thumbnailUri"],"mappings":"m5DAMA,MAAMA,EAAQC,EAGR,CAAE,KAAAC,CAAA,EAASC,EAAOH,CAAK,EACvBI,EAAmBC,EAAS,IAAA,OAAM,cAAO,UAAQC,EAAAJ,EAAK,QAAL,YAAAI,EAAY,YAAa,CAAE,CAAA,EAAC,EAE7EC,EAAOF,EAAS,IAAA,SAAM,QAAAC,EAAAJ,EAAK,QAAL,YAAAI,EAAY,cAAaE,EAAAN,EAAK,QAAL,YAAAM,EAAY,MAAI,EAC/DC,EAAeJ,EAAS,IAAA,SAAM,QAAAC,EAAAJ,EAAK,QAAL,YAAAI,EAAY,uBAAsBE,EAAAN,EAAK,QAAL,YAAAM,EAAY,eAAa"}