{"version":3,"file":"BAi1YaMH.js","sources":["../../../../node_modules/@heroicons/vue/solid/esm/SwitchHorizontalIcon.js","../../../../components/events/EventsTableHeader.vue","../../../../components/events/EventsTable.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\", { d: \"M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z\" })\n  ]))\n}","<script setup lang=\"ts\">\nimport type { PropType } from 'vue';\n\nconst props = defineProps({\n  hideBelow: String as PropType<'sm' | 'md' | 'lg'>,\n  hideAbove: String as PropType<'sm' | 'md' | 'lg'>,\n  align: String as PropType<'start' | 'center' | 'end' | undefined>,\n});\nconst { hideBelow, align } = toRefs(props);\n</script>\n\n<template>\n  <th\n    :class=\"[\n      'px-3 py-3.5 text-sm font-semibold text-neutral-500 dark:text-neutral-400',\n      hideBelow ? hideBelow + ':table-cell hidden' : '',\n      align ? `text-${align}` : 'text-start',\n    ]\"\n  >\n    <div class=\"group inline-flex\">\n      <slot></slot>\n    </div>\n  </th>\n</template>\n","<script setup lang=\"ts\">\nimport { ArrowSmRightIcon, FireIcon, SparklesIcon, SwitchHorizontalIcon } from '@heroicons/vue/solid';\nimport { useInterval } from '@vueuse/core';\nimport { differenceInMilliseconds, intlFormat, parseISO } from 'date-fns';\nimport humanizeDuration from 'humanize-duration';\nimport type { PropType } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport Popper from 'vue3-popper';\nimport { formatXchPrice } from '~/utilities/chia-display-utils';\nimport { getUrlForCollection, getUrlForNft, getUrlForProfile } from '~/utilities/url-slugs';\n\nconst { locale } = useI18n();\n\nconst props = defineProps({\n  events: { type: Object as PropType<Array<any>>, required: true },\n  showSender: { type: Boolean, default: false },\n});\n\nconst { events, showSender } = toRefs(props);\n\nconst isSensitiveContent = (event) =>\n  event.collection?.sensitive_content ||\n  event.nft.data.sensitive_content === true ||\n  event.nft.data.sensitive_content === 'true';\n\nconst mapEvent = (event) => {\n  switch (event.type) {\n    case 0:\n      return { content: 'activity.minted', icon: SparklesIcon };\n    case 1:\n      return { content: 'activity.transferred', icon: ArrowSmRightIcon };\n    case 2:\n      return {\n        content: `activity.traded`,\n        mobileContent: `Traded for ${formatXchPrice(event.xch_price)}`,\n        icon: SwitchHorizontalIcon,\n        background: 'bg-black dark:bg-white',\n      };\n    case 3:\n      return { content: 'activity.burned', icon: FireIcon };\n  }\n};\n\nconst formatPayments = (event: any) => {\n  return Object.entries(\n    (event.payments || []).reduce(\n      (acc: any, payment: any) => ({\n        ...acc,\n        [payment.asset_id || 'xch']: (acc[payment.asset_id || 'xch'] || 0) + payment.amount,\n      }),\n      {}\n    )\n  )\n    .map(([assetId, amount]) => ({\n      assetId,\n      amount,\n    }))\n    .sort(({ assetId: a }) => (a === 'xch' ? -1 : 1));\n};\n\nconst formatDuration = (timestamp: string) => {\n  return humanizeDuration(differenceInMilliseconds(parseISO(timestamp), new Date()), {\n    largest: 1,\n    maxDecimalPoints: 0,\n    language: locale.value.replace('zh', 'zh_CN') || 'en',\n  });\n};\nconst formatTimestamp = (timestamp: string) => {\n  return intlFormat(parseISO(timestamp), { dateStyle: 'medium', timeStyle: 'medium' } as any);\n};\n\nconst durations = ref({});\nconst interval = useInterval(60000);\nwatch([events, interval], () => {\n  durations.value = events.value.reduce((acc, event) => {\n    return { ...acc, [event.id]: formatDuration(event.timestamp) };\n  }, {});\n});\n</script>\n<template>\n  <div>\n    <div\n      class=\"-mx-4 mt-1 bg-white ring-neutral-300 dark:bg-black dark:ring-neutral-600 sm:-mx-4 md:mx-0 md:rounded-lg md:ring-1\"\n    >\n      <table class=\"min-w-full divide-neutral-300 dark:divide-neutral-600 md:divide-y\">\n        <thead class=\"hidden md:table-header-group\">\n          <tr>\n            <th class=\"hidden w-40 px-3 py-3.5 md:table-cell\"></th>\n\n            <EventsTableHeader hide-below=\"sm\">{{ $t('activity.asset') }}</EventsTableHeader>\n            <EventsTableHeader hide-below=\"md\" align=\"right\">{{ $t('activity.price') }}</EventsTableHeader>\n            <EventsTableHeader v-if=\"showSender\" hide-below=\"md\" align=\"center\"\n              >{{ $t('activity.sender') }}\n            </EventsTableHeader>\n            <EventsTableHeader hide-below=\"md\" align=\"center\">{{ $t('activity.recipient') }}</EventsTableHeader>\n            <EventsTableHeader hide-below=\"md\" align=\"center\">{{ $t('activity.time') }}</EventsTableHeader>\n          </tr>\n        </thead>\n        <tbody>\n          <NuxtLink\n            v-for=\"(event, planIdx) in events\"\n            :key=\"event.id\"\n            v-slot=\"{ navigate }\"\n            :to=\"getUrlForNft(event.nft)\"\n            custom\n          >\n            <tr class=\"cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-900\" @click=\"navigate\">\n              <td\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden px-3 py-3.5 font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                <div class=\"flex items-center text-sm\">\n                  <span :class=\"['flex h-8 w-8 items-center justify-center']\">\n                    <component\n                      :is=\"mapEvent(event).icon\"\n                      class=\"h-6 w-6 text-black dark:text-white\"\n                      aria-hidden=\"true\"\n                    />\n                  </span>\n                  {{ $t(mapEvent(event).content) }}\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-neutral-200 dark:border-neutral-700 md:border-t',\n                  'relative px-3 py-6 text-sm',\n                ]\"\n              >\n                <div class=\"flex items-center gap-2\">\n                  <div class=\"h-12 w-12 overflow-hidden rounded-md\">\n                    <Popper hover class=\"image\" open-delay=\"0\" close-delay=\"0\">\n                      <img\n                        v-if=\"event.nft.data.thumbnail_uri\"\n                        :src=\"event.nft.data.thumbnail_uri\"\n                        loading=\"lazy\"\n                        :class=\"[isSensitiveContent(event) ? 'blur-md' : '']\"\n                        class=\"h-full w-full rounded-md object-cover object-center\"\n                      />\n                      <template #content>\n                        <div>\n                          <img\n                            v-if=\"event.nft.data.thumbnail_uri\"\n                            :src=\"event.nft.data.thumbnail_uri\"\n                            loading=\"lazy\"\n                            :class=\"[isSensitiveContent(event) ? 'blur-md' : '']\"\n                            class=\"h-full w-full rounded-md object-cover object-center\"\n                          />\n                        </div>\n                      </template>\n                    </Popper>\n                  </div>\n\n                  <div class=\"flex flex-1 flex-col gap-1\">\n                    <div class=\"flex justify-between\">\n                      <NuxtLink\n                        v-if=\"event.collection\"\n                        :to=\"getUrlForCollection(event.collection)\"\n                        class=\"flex items-center gap-1\"\n                      >\n                        <span\n                          class=\"text-md max-w-[15rem] truncate text-neutral-600 hover:text-neutral-900 dark:text-neutral-300 dark:text-neutral-50\"\n                          >{{ event.collection.name }}</span\n                        >\n                      </NuxtLink>\n                      <NuxtLink\n                        v-else-if=\"event.creator\"\n                        :to=\"getUrlForProfile(event.creator)\"\n                        class=\"flex items-center gap-1\"\n                      >\n                        <span\n                          class=\"text-md max-w-[15rem] truncate text-neutral-600 hover:text-neutral-900 dark:text-neutral-300 dark:text-neutral-50\"\n                          >{{ event.creator.name }}</span\n                        >\n                      </NuxtLink>\n                      <div class=\"flex flex-col text-neutral-600 dark:text-neutral-300 md:hidden\">\n                        {{ $t(mapEvent(event).content) }}\n                      </div>\n                    </div>\n                    <div class=\"flex justify-between gap-2\">\n                      <div\n                        class=\"text-md max-w-[15rem] flex-grow-0 truncate font-bold text-neutral-900 dark:text-neutral-50\"\n                      >\n                        {{ event.nft.data.name || 'Unnamed' }}\n                      </div>\n                      <div class=\"flex-shrink-0 md:hidden\">\n                        <div\n                          v-if=\"event.xch_price || event.payments?.length > 0\"\n                          class=\"inline-flex flex-col items-end gap-1\"\n                        >\n                          <span\n                            v-for=\"payment in formatPayments(event)\"\n                            :key=\"payment.assetId\"\n                            class=\"inline-flex items-center\"\n                          >\n                            <NuxtLink\n                              v-if=\"payment.assetId !== 'xch'\"\n                              target=\"_blank\"\n                              :to=\"`https://dexie.space/assets/${payment.assetId}`\"\n                              class=\"inline-flex items-center gap-1 font-semibold text-neutral-700 dark:text-neutral-200\"\n                            >\n                              <img\n                                class=\"h-4 w-4 rounded-full\"\n                                :src=\"`https://icons.dexie.space/${payment.assetId}.webp`\"\n                              />{{ payment.amount / 1000 }}\n                            </NuxtLink>\n                            <span\n                              v-else\n                              class=\"inline-flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\"\n                            >\n                              <img class=\"h-4 w-4\" src=\"https://assets.mainnet.mintgarden.io/web/chia_circle.png\" />\n                              <Popper\n                                class=\"flex-shrink-0\"\n                                :content=\"(payment.amount / 10 ** 12).toString()\"\n                                arrow\n                                hover\n                                >{{ (payment.amount / 10 ** 12).toFixed(2) }}</Popper\n                              >\n                            </span>\n                          </span>\n                        </div>\n                        <div v-else-if=\"event.type === 2\" class=\"text-end\">---</div>\n                        <div v-else>\n                          <ProfileHandle\n                            v-if=\"event.owner\"\n                            :profile=\"event.owner\"\n                            avatar-dimension=\"1rem\"\n                            named-classes=\"font-bold text-neutral-700 dark:text-neutral-200 text-sm max-w-[6rem] truncate\"\n                            unnamed-classes=\"tracking-tight font-mono text-neutral-900 dark:text-neutral-50 text-sm max-w-[6rem] truncate\"\n                          />\n                          <AddressHandle\n                            v-else\n                            :address=\"event.address\"\n                            avatar-dimension=\"1rem\"\n                            named-classes=\"font-bold text-neutral-700 dark:text-neutral-200 text-sm max-w-[6rem] truncate\"\n                            unnamed-classes=\"tracking-tight font-mono text-neutral-900 dark:text-neutral-50 text-sm max-w-[6rem] truncate\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"text-end text-sm text-neutral-600 dark:text-neutral-300 md:hidden\">\n                      <Popper :content=\"formatTimestamp(event.timestamp)\" hover arrow>\n                        {{ formatDuration(event.timestamp) + $t('activity.ago') }}\n                      </Popper>\n                    </div>\n                  </div>\n                </div>\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden px-3 py-3.5 text-sm font-semibold text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                <div v-if=\"event.xch_price || event.payments?.length > 0\" class=\"flex flex-col items-end gap-1\">\n                  <span\n                    v-for=\"payment in formatPayments(event)\"\n                    :key=\"payment.assetId\"\n                    class=\"inline-flex items-center\"\n                  >\n                    <NuxtLink\n                      v-if=\"payment.assetId !== 'xch'\"\n                      target=\"_blank\"\n                      :to=\"`https://dexie.space/assets/${payment.assetId}`\"\n                      class=\"inline-flex items-center gap-1 font-semibold text-neutral-700 dark:text-neutral-200\"\n                    >\n                      <img class=\"h-6 w-6 rounded-full\" :src=\"`https://icons.dexie.space/${payment.assetId}.webp`\" />{{\n                        payment.amount / 1000\n                      }}\n                    </NuxtLink>\n                    <span\n                      v-else\n                      class=\"inline-flex items-center gap-1 font-semibold text-neutral-900 dark:text-neutral-50\"\n                    >\n                      <img class=\"h-6 w-6\" src=\"https://assets.mainnet.mintgarden.io/web/chia_circle.png\" />\n                      <Popper class=\"flex-shrink-0\" :content=\"(payment.amount / 10 ** 12).toString()\" arrow hover>{{\n                        (payment.amount / 10 ** 12).toFixed(2)\n                      }}</Popper>\n                    </span>\n                  </span>\n                </div>\n                <div v-else-if=\"event.type === 2\" class=\"text-end\">---</div>\n              </td>\n              <td\n                v-if=\"showSender\"\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden max-w-[150px] truncate px-3 py-3.5 text-center text-sm font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                <ProfileHandle v-if=\"event.previous_owner\" :profile=\"event.previous_owner\" />\n                <AddressHandle v-else :address=\"event.previous_address\" />\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden max-w-[150px] truncate px-3 py-3.5 text-center text-sm font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                <ProfileHandle v-if=\"event.owner\" :profile=\"event.owner\" />\n                <AddressHandle v-else :address=\"event.address\" />\n              </td>\n              <td\n                :class=\"[\n                  planIdx === 0 ? '' : 'border-t border-neutral-200 dark:border-neutral-700',\n                  'hidden px-3 py-3.5 text-center text-sm font-medium text-neutral-900 dark:text-neutral-50 md:table-cell',\n                ]\"\n              >\n                <Popper :content=\"formatTimestamp(event.timestamp)\" hover arrow>\n                  {{ durations[event.id] + $t('activity.ago') }}\n                </Popper>\n              </td>\n            </tr>\n          </NuxtLink>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n:deep(.popper) {\n  --popper-theme-background-color: #333333;\n  --popper-theme-background-color-hover: #333333;\n  --popper-theme-text-color: #ffffff;\n  --popper-theme-border-width: 0px;\n  --popper-theme-border-style: solid;\n  --popper-theme-border-radius: 12px;\n  --popper-theme-padding: 8px 12px;\n  --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);\n}\n\n:deep(.image .popper) {\n  --popper-theme-padding: 8px;\n}\n</style>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","props","__props","hideBelow","align","toRefs","locale","useI18n","events","showSender","isSensitiveContent","event","_a","mapEvent","SparklesIcon","ArrowSmRightIcon","formatXchPrice","SwitchHorizontalIcon","FireIcon","formatPayments","acc","payment","assetId","amount","a","formatDuration","timestamp","humanizeDuration","differenceInMilliseconds","parseISO","formatTimestamp","intlFormat","durations","ref","interval","useInterval","watch"],"mappings":"4qBAEe,SAASA,GAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAa,MAAO,CACxC,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAa,OAAQ,CAAE,EAAG,sOAAsO,CAAE,CACtQ,CAAG,CACH,uICRA,MAAMC,EAAQC,EAKR,CAAE,UAAAC,EAAW,MAAAC,CAAM,EAAIC,EAAOJ,CAAK,2pECGnC,KAAA,CAAE,OAAAK,GAAWC,IAEbN,EAAQC,EAKR,CAAE,OAAAM,EAAQ,WAAAC,CAAW,EAAIJ,EAAOJ,CAAK,EAErCS,EAAsBC,GAC1B,OAAA,QAAAC,EAAAD,EAAM,aAAN,YAAAC,EAAkB,oBAClBD,EAAM,IAAI,KAAK,oBAAsB,IACrCA,EAAM,IAAI,KAAK,oBAAsB,QAEjCE,EAAYF,GAAU,CAC1B,OAAQA,EAAM,KAAM,CAClB,IAAK,GACH,MAAO,CAAE,QAAS,kBAAmB,KAAMG,EAAa,EAC1D,IAAK,GACH,MAAO,CAAE,QAAS,uBAAwB,KAAMC,CAAiB,EACnE,IAAK,GACI,MAAA,CACL,QAAS,kBACT,cAAe,cAAcC,GAAeL,EAAM,SAAS,CAAC,GAC5D,KAAMM,GACN,WAAY,wBAAA,EAEhB,IAAK,GACH,MAAO,CAAE,QAAS,kBAAmB,KAAMC,EAAS,CACxD,CAAA,EAGIC,EAAkBR,GACf,OAAO,SACXA,EAAM,UAAY,CAAA,GAAI,OACrB,CAACS,EAAUC,KAAkB,CAC3B,GAAGD,EACH,CAACC,EAAQ,UAAY,KAAK,GAAID,EAAIC,EAAQ,UAAY,KAAK,GAAK,GAAKA,EAAQ,MAAA,GAE/E,CAAC,CACH,GAEC,IAAI,CAAC,CAACC,EAASC,CAAM,KAAO,CAC3B,QAAAD,EACA,OAAAC,CACF,EAAE,EACD,KAAK,CAAC,CAAE,QAASC,KAASA,IAAM,MAAQ,GAAK,CAAE,EAG9CC,EAAkBC,GACfC,GAAiBC,GAAyBC,EAASH,CAAS,EAAO,IAAA,IAAM,EAAG,CACjF,QAAS,EACT,iBAAkB,EAClB,SAAUpB,EAAO,MAAM,QAAQ,KAAM,OAAO,GAAK,IAAA,CAClD,EAEGwB,EAAmBJ,GAChBK,GAAWF,EAASH,CAAS,EAAG,CAAE,UAAW,SAAU,UAAW,QAAA,CAAiB,EAGtFM,EAAYC,EAAI,CAAA,CAAE,EAClBC,EAAWC,GAAY,GAAK,EAClC,OAAAC,EAAM,CAAC5B,EAAQ0B,CAAQ,EAAG,IAAM,CAC9BF,EAAU,MAAQxB,EAAO,MAAM,OAAO,CAACY,EAAKT,KACnC,CAAE,GAAGS,EAAK,CAACT,EAAM,EAAE,EAAGc,EAAed,EAAM,SAAS,IAC1D,CAAE,CAAA,CAAA,CACN","x_google_ignoreList":[0]}