{"version":3,"file":"ySf3XX9i.js","sources":["../../../../node_modules/@heroicons/vue/solid/esm/ArrowSmDownIcon.js","../../../../node_modules/@heroicons/vue/outline/esm/ClockIcon.js","../../../../components/offer/OfferDetails.vue"],"sourcesContent":["import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"2\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n    })\n  ]))\n}","<script setup lang=\"ts\">\nimport { ClockIcon } from '@heroicons/vue/outline';\nimport { ArrowSmDownIcon, ArrowSmRightIcon } from '@heroicons/vue/solid';\nimport { differenceInMilliseconds, parseISO } from 'date-fns';\nimport humanizeDuration from 'humanize-duration';\nimport type { PropType } from 'vue';\nimport { getApiRoot } from '~/utilities/api';\nimport { formatXchPrice } from '~/utilities/chia-display-utils';\n\nconst props = defineProps({\n  offer: { type: Object as PropType<any>, required: true },\n  nft: { type: Object as PropType<any>, required: true },\n});\nconst { offer, nft } = toRefs(props);\n\nconst offeredThings = Object.keys(offer.value.offered || {});\nconst requestedThings = Object.keys(offer.value.requested || {});\n\nconst nfts = ref<{ [assetId: string]: any }>({});\nfor (const assetId of [...requestedThings, ...offeredThings]) {\n  if (assetId.startsWith('nft')) {\n    nfts.value[assetId] = await $fetch<any>(`${getApiRoot()}/nfts/${assetId}`);\n  }\n}\n\nconst expirationDiff = computed(() =>\n  offer.value?.expiration_date ? differenceInMilliseconds(parseISO(offer.value.expiration_date), new Date()) : undefined\n);\nconst formatDuration = (diff: number) => {\n  return humanizeDuration(diff, {\n    largest: 2,\n    delimiter: ' and ',\n    maxDecimalPoints: 0,\n    // language: locale.value.replace('zh', 'zh_CN') || 'en',\n  });\n};\n</script>\n<template>\n  <div class=\"mb-8 dark:text-white lg:mb-16\">\n    <div class=\"mb-8 text-sm font-medium text-neutral-700 dark:text-neutral-200 lg:mb-16 lg:mt-4\">\n      <div v-if=\"expirationDiff > 0\" class=\"inline-flex items-center gap-0.5\">\n        <ClockIcon class=\"h-5 w-5\" />\n        Will expire in {{ formatDuration(expirationDiff) }}.\n      </div>\n      <div v-if=\"expirationDiff < 0\" class=\"inline-flex items-center gap-0.5\">\n        <ClockIcon class=\"h-5 w-5\" />\n        Expired {{ formatDuration(expirationDiff) }} ago.\n      </div>\n    </div>\n    <div class=\"grid gap-4 lg:grid-cols-[1fr_64px_1fr] lg:grid-rows-[auto_1fr] lg:gap-x-12\">\n      <div class=\"row-end-1 text-2xl\">{{ $t('offers.offering') }}</div>\n      <div class=\"row-end-1 hidden lg:block\" />\n\n      <div class=\"flex flex-col\">\n        <div v-if=\"offeredThings.length === 1 && offeredThings[0].startsWith('nft')\">\n          <NftCard :nft=\"nfts[offeredThings[0]]\" />\n        </div>\n        <div v-else class=\"flex flex-grow flex-col items-center justify-center gap-4\">\n          <template v-for=\"offeredThing in offeredThings\">\n            <span v-if=\"offeredThing === 'xch'\" class=\"text-4xl font-medium\">\n              {{ formatXchPrice(offer.xch_price) }}\n            </span>\n            <NuxtLink\n              :to=\"`/nfts/${offeredThing}`\"\n              v-else-if=\"offeredThing.startsWith('nft')\"\n              class=\"mb-1 inline-flex items-center gap-1 text-4xl font-medium\"\n            >\n              <img\n                v-if=\"nfts[offeredThing]?.data?.thumbnail_uri\"\n                :src=\"nfts[offeredThing]?.data?.thumbnail_uri\"\n                loading=\"lazy\"\n                class=\"h-10 w-10 flex-shrink-0 rounded-md border object-cover object-center\"\n              />\n              <span class=\"truncate\">\n                {{ nfts[offeredThing]?.data?.metadata_json?.name || offeredThing }}\n              </span>\n            </NuxtLink>\n            <NuxtLink\n              v-else\n              target=\"_blank\"\n              :to=\"`https://dexie.space/assets/${offeredThing}`\"\n              class=\"mb-1 inline-flex items-center gap-1 text-4xl font-medium\"\n            >\n              <img class=\"h-10 w-10 rounded-full\" :src=\"`https://icons.dexie.space/${offeredThing}.webp`\" />{{\n                offer.requested[offeredThing]\n              }}\n            </NuxtLink>\n          </template>\n          <span v-if=\"nft.royalty_percentage\" class=\"text-xs text-neutral-600 dark:text-neutral-300\">\n            {{ $t('offers.plus') }} {{ nft.royalty_percentage / 100 }}% {{ $t('offers.creator_royalties') }}\n          </span>\n        </div>\n      </div>\n      <div class=\"flex flex-grow items-center justify-center\">\n        <ArrowSmRightIcon class=\"hidden h-12 w-12 text-neutral-300 dark:text-neutral-600 lg:block\" />\n        <ArrowSmDownIcon class=\"h-12 w-12 text-neutral-300 dark:text-neutral-600 lg:hidden\" />\n      </div>\n      <div class=\"text-2xl lg:row-end-1\">{{ $t('offers.requesting') }}</div>\n      <div class=\"flex flex-col\">\n        <div v-if=\"requestedThings.length === 1 && requestedThings[0].startsWith('nft')\">\n          <NftCard :nft=\"nfts[requestedThings[0]]\" />\n        </div>\n        <div v-else class=\"flex flex-grow flex-col items-center justify-center gap-4\">\n          <template v-for=\"requestedThing in requestedThings\">\n            <span v-if=\"requestedThing === 'xch'\" class=\"text-4xl font-medium\">\n              {{ formatXchPrice(offer.xch_price) }}\n            </span>\n            <NuxtLink\n              :to=\"`/nfts/${requestedThing}`\"\n              v-else-if=\"requestedThing.startsWith('nft')\"\n              class=\"mb-1 inline-flex items-center gap-1 text-4xl font-medium\"\n            >\n              <img\n                v-if=\"nfts[requestedThing]?.data?.thumbnail_uri\"\n                :src=\"nfts[requestedThing]?.data?.thumbnail_uri\"\n                loading=\"lazy\"\n                class=\"h-10 w-10 flex-shrink-0 rounded-md border object-cover object-center\"\n              />\n              <span class=\"truncate\">\n                {{ nfts[requestedThing]?.data?.metadata_json?.name || requestedThing }}\n              </span>\n            </NuxtLink>\n            <NuxtLink\n              v-else\n              target=\"_blank\"\n              :to=\"`https://dexie.space/assets/${requestedThing}`\"\n              class=\"mb-1 inline-flex items-center gap-1 text-4xl font-medium\"\n            >\n              <img class=\"h-10 w-10 rounded-full\" :src=\"`https://icons.dexie.space/${requestedThing}.webp`\" />{{\n                offer.requested[requestedThing]\n              }}\n            </NuxtLink>\n          </template>\n          <span v-if=\"nft.royalty_percentage\" class=\"text-xs text-neutral-600 dark:text-neutral-300\">\n            {{ $t('offers.plus') }} {{ nft.royalty_percentage / 100 }}% {{ $t('offers.creator_royalties') }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","props","__props","offer","nft","toRefs","offeredThings","requestedThings","nfts","ref","assetId","__temp","__restore","_withAsyncContext","getApiRoot","expirationDiff","computed","_a","differenceInMilliseconds","parseISO","formatDuration","diff","humanizeDuration"],"mappings":"uYAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAa,MAAO,CACxC,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAa,OAAQ,CACnB,YAAa,UACb,EAAG,0IACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCbe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAa,MAAO,CACxC,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,IAChB,OAAQ,eACR,cAAe,MACnB,EAAK,CACDC,EAAa,OAAQ,CACnB,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,6CACT,CAAK,CACL,CAAG,CACH,yoCCRA,MAAMC,EAAQC,EAIR,CAAE,MAAAC,EAAO,IAAAC,CAAI,EAAIC,EAAOJ,CAAK,EAE7BK,EAAgB,OAAO,KAAKH,EAAM,MAAM,SAAW,CAAA,CAAE,EACrDI,EAAkB,OAAO,KAAKJ,EAAM,MAAM,WAAa,CAAA,CAAE,EAEzDK,EAAOC,EAAgC,CAAA,CAAE,EAC/C,UAAWC,IAAW,CAAC,GAAGH,EAAiB,GAAGD,CAAa,EACrDI,EAAQ,WAAW,KAAK,IACrBF,EAAA,MAAME,CAAO,GAAU,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAA,OAAY,GAAGC,GAAY,SAASJ,CAAO,EAAE,CAAA,oBAI7E,MAAMK,EAAiBC,EAAS,IAAA,OAC9B,OAAAC,EAAAd,EAAM,QAAN,MAAAc,EAAa,gBAAkBC,EAAyBC,EAAShB,EAAM,MAAM,eAAe,EAAO,IAAA,IAAM,EAAI,OAAA,EAEzGiB,EAAkBC,GACfC,EAAiBD,EAAM,CAC5B,QAAS,EACT,UAAW,QACX,iBAAkB,CAAA,CAEnB","x_google_ignoreList":[0,1]}