{"version":3,"file":"MogulCard-C3aIvo52.js","sources":["../../src/enums/mogul.ts","../../src/types/Currency.ts","../../src/libs/helpers.ts","../../src/libs/moguls.ts","../../src/components/marineMoguls/MogulCard.vue"],"sourcesContent":["enum MogulState {\n    Small = 1,\n    Large,\n}\n\nenum PrizeType {\n    USDT = 'USDT',\n    METFI = 'METFI',\n    UNSTAKED = 'UNSTAKED',\n    MATCHING = 'MATCHING',\n    METBOT = 'METBOT',\n}\n\n\nexport { MogulState, PrizeType}\n","\nexport interface Allowance {\n    allowance: number\n    allowance_raw: string\n    token_address: string\n}\n\nexport interface CurrencyToken {\n    address: string\n    name_short: string\n    name_long: string\n    decimals: number\n    format_decimals: number\n    amount: number\n    amount_raw: string\n    allowances: Allowance[]\n}\n\nexport interface CurrencyPriceConversion {\n    address: string\n    name_short: string\n    price: string\n}\n\nexport const emptyCurrencyToken = (): CurrencyToken => ({\n    address: '',\n    name_short: '',\n    name_long: '',\n    decimals: 0,\n    format_decimals: 0,\n    amount: 0,\n    amount_raw: '',\n    allowances: []\n})\n\nexport interface Currency {\n    address: string\n    name: string\n    long_name: string\n    decimals: number\n    format_decimals: number\n}\n\nexport const emptyCurrency = (): Currency => ({\n    address: '',\n    name: '',\n    long_name: '',\n    decimals: 0,\n    format_decimals: 0\n})","import {useI18n} from 'vue-i18n'\nimport {type Currency, emptyCurrency} from '@/types/Currency'\nimport {useChainStore} from '@/stores/chain'\n\nconst generateRandomId = (prefix: string = ''): string => {\n  return `${prefix ? `${prefix}-` : ''}${(Math.random() * 1e6).toFixed(0)}`\n}\n\nconst shortAddress = (val: string): string => {\n  if (!val) {\n    return ''\n  }\n\n  return `${val.substring(0, 6)}...${val.substring(val.length - 5, val.length)}`\n}\n\nconst formatNumber = (\n  val: number | string | null | undefined,\n  { divisionNum = 1000, decimals = 2, NAText = '0.00' } = {}\n) => {\n  if (!val) return NAText\n\n  const num = Number(val)\n  if (isNaN(num)) return NAText\n\n  const numToDisplay = num / (divisionNum ?? 1000)\n  let fractionDigits = numToDisplay < 1_000_000 ? decimals ?? 2 : 0\n\n  if (numToDisplay.toString().includes('.')) {\n    const numberOfDecimals = numToDisplay.toString().split('.')[1].length\n    if (numberOfDecimals > fractionDigits) fractionDigits = numberOfDecimals\n  }\n\n  return numToDisplay.toLocaleString(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits\n  })\n}\n\nconst padDigit = (val: number) => {\n  return val < 10 ? `0${val}` : val\n}\n\nconst generateRandomString = (\n  length = 5,\n  characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n): string => {\n  let result = ''\n  const charactersLength = characters.length\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * charactersLength))\n  }\n\n  return result\n}\n\nconst addressValidator = (address: string): boolean => {\n  if (address === undefined || address === null || address.length === 0 || address.length > 42) {\n    return false\n  }\n  const regex = /0x[a-fA-F0-9]{40}/\n  return regex.test(address)\n}\n\nconst isNumber = (value: string | number): boolean => {\n  return !isNaN(Number(value))\n}\n\nconst selectRandomReferral = (): string => {\n  const mainReferrals = [\n    '3ec251928dd6e3c49b467cbf1811337a',\n    'a4d0569cf2ce7ab76631a19149c98c7c',\n    '90eef6f5617b2895cfd9f86cf28abec3'\n  ]\n  return mainReferrals[Math.floor(Math.random() * 3)]\n}\n\nconst selectRandomWordForFinishedAuction = (): string => {\n  const words = [\n    'auction.congratulations',\n    'auction.cheers',\n    'auction.bravo',\n    'auction.kudos',\n    'auction.well_done',\n    'auction.hooray',\n    'auction.celebrations',\n    'auction.commendations',\n    'auction.applause',\n    'auction.felicitations',\n    'auction.props',\n    'auction.salutations',\n    'auction.hurrah',\n    'auction.praise',\n    'auction.ovation',\n    'auction.plaudits',\n    'auction.tribute'\n  ]\n\n  return words[Math.floor(Math.random() * 3)]\n}\n\nconst formatDollar = (val: number | string, { decimals = 2 } = {}): string => {\n  if (isNaN(Number(val))) return Number(0).toLocaleString(undefined, {\n      maximumFractionDigits: decimals,\n      minimumFractionDigits: decimals\n    })\n  return Number(val).toLocaleString(undefined, {\n    maximumFractionDigits: decimals,\n    minimumFractionDigits: decimals\n  })\n}\n\nconst reflowAnimation = (elRef: any) => {\n  if (!elRef || !elRef.style) return\n  // setting animation to none, then force browser to reflow element by calling getClientRects\n  // after that, setting animation to '' tells css to inherit animation from default element (.current-price-glow)\n  elRef.style.animation = 'none'\n  elRef.getClientRects()\n  elRef.style.animation = ''\n}\n\nconst characterNameByLevel = (level : number) : string => {\n  const t = useI18n().t\n  switch (level) {\n    case 0: return t('characters.plankton')\n    case 1: return t('characters.shrimp')\n    case 2: return t('characters.crab')\n    case 3: return t('characters.octopus')\n    case 4: return t('characters.fish')\n    case 5: return t('characters.dolphin')\n    case 6: return t('characters.shark')\n    case 7: return t('characters.orca')\n    case 8: return t('characters.whale')\n    case 9: return t('characters.whale_shark')\n    case 10: return t('characters.humpback')\n  }\n  return ''\n}\n\n\nconst getCurrencyIcon = (currencyAddress: string) => {\n  switch (currencyAddress) {\n    case '0x55d398326f99059fF775485246999027B3197955':\n      return new URL('@/assets/images/currencies/usdt.png', import.meta.url).href\n    case '0x3E7f1039896454B9cb27c53CC7383e1AB9D9512a':\n      return new URL('@/assets/images/currencies/metfi.svg', import.meta.url).href\n    default:\n      return ''\n  }\n}\n\nconst getCurrencyAddress = (currencyAddress: string): Currency => {\n  const currencies =  useChainStore().getCurrencies()\n  if (currencies.length > 0) {\n    const index = currencies.findIndex(x => x.address === currencyAddress)\n    if (index > -1) return currencies[index]\n  }\n  return emptyCurrency()\n}\n\nconst getCurrencyByName = (name: string): Currency => {\n  const currencies =  useChainStore().getCurrencies()\n  if (currencies.length > 0) {\n    const index = currencies.findIndex(x => x.name === name)\n    if (index > -1) return currencies[index]\n  }\n  return emptyCurrency()\n}\n\nconst isDevHostname = () : boolean => {\n  return window.location.host.includes('localhost') || window.location.host.includes('.dev')\n}\nconst getImagePrefix = () => {\n  return isDevHostname() ? '' : 'https://images.marinemoguls.com'\n}\n\n\nexport {\n  generateRandomId,\n  shortAddress,\n  formatNumber,\n  generateRandomString,\n  addressValidator,\n  isNumber,\n  selectRandomReferral,\n  selectRandomWordForFinishedAuction,\n  formatDollar,\n  reflowAnimation,\n  characterNameByLevel,\n  getCurrencyIcon,\n  getCurrencyAddress,\n  getCurrencyByName,\n  getImagePrefix\n}\n","import type {Mogul} from '@/types/Mogul'\nimport {getImagePrefix} from \"@/libs/helpers\";\n\n\nconst getImageNameForMogul = (mogul : Mogul) => {\n    return `${mogul.nft_id}`\n}\n\nconst getFullImageNameForMogul = (mogul : Mogul, size: string) => {\n    if (size !== 'full' && size !== '512') return ''\n\n    return `${getImagePrefix()}/api/images/v1/${size}/${getImageNameForMogul(mogul)}`\n}\n\nexport {getImageNameForMogul, getFullImageNameForMogul}\n","<template>\n    <div v-if=\"data\" class=\"bg-black text-white rounded-lg flex flex-col h-full\" :class=\"{'grayscale ': disabled}\">\n        <template v-if=\"currentState === MogulState.Small\">\n            <div class=\"p-3 mx-auto\">\n                <div class=\"relative overflow-hidden bg-no-repeat w-full max-[300px]:min-w-full xl:min-w-[250px] sm:min-w-0 max-w-[270px] min-h-[200px] xl:min-h-[298px] max-h-[298px] rounded-lg\">\n                    <img class=\"w-full max-[300px]:min-w-full xl:min-w-[250px] sm:min-w-0 max-w-[270px] min-h-[200px] xl:min-h-[298px] max-h-[298px] transition ease-in-out hover:scale-110 duration-300 rounded-lg\" :src=\"`${getImagePrefix()}/api/images/v1/512_512/${imageLevel}?level=${props.data?.level}`\" alt=\"mogul\"/>\n                </div>\n                <div class=\"flex flex-wrap items-center justify-between gap-x-2 mt-4\">\n                    <p class=\"text-xl lg:text-2xl font-bold\">{{$t('general.marine_mogul')}}</p>\n                    <p class=\"text-xl lg:text-2xl text-blue-extra-light break-all\">#{{data.nft_id}}</p>\n                </div>\n                <hr class=\"border-white my-3\"/>\n                <div class=\"flex flex-col gap-[2px] max-w-[270px]\">\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.rarity')}}: <span class=\"font-semibold\">{{data.tier}}</span> <span class=\"font-extralight\">({{$t('general.top')}} {{data.top_percent}}%)</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.craftable')}}: <span class=\"font-semibold\" :class=\"[data.upgradeable && data.level<10 ? 'text-blue-extra-light' : 'text-danger']\">{{isCraftable}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.mergeable')}}: <span class=\"font-semibold\" :class=\"[data.mergable && !data.merged ? 'text-blue-extra-light' : 'text-danger']\">{{isMergable}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.hidden_prize')}}: <span class=\"font-semibold break-normal\" :class=\"[data?.has_hidden_prize && !data.hidden_prize_claimed ? 'text-blue-extra-light' : 'text-danger']\">{{hasPrize === 'Yes'? prizeType: hasPrize}}</span></p>\n                </div>\n            </div>\n        </template>\n        <template v-else-if=\"currentState === MogulState.Large\">\n            <div class=\"p-3 sm:min-w-[300px] sm:max-w-[300px] lg:max-w-full lg:min-w-full lg:w-fit w-full mx-auto\">\n                <img class=\"w-full min-h-[300px] object-cover rounded-lg\" :src=\"`${getImagePrefix()}/api/images/v1/full/${imageLevel}?level=${props.data?.level}`\" alt=\"mogul\"/>\n                <div class=\"flex flex-wrap items-center justify-between gap-x-2 mt-4\">\n                    <p class=\"text-xl lg:text-2xl font-bold\">{{$t('general.marine_mogul')}}</p>\n                    <p class=\"text-2xl lg:text-3xl text-blue-extra-light break-all\">#{{data.nft_id}}</p>\n                </div>\n                <div class=\"flex flex-wrap items-center justify-between gap-x-2 mt-2\">\n                    <p class=\"text-lg lg:text-xl font-bold\">{{data.tier}}</p>\n                    <p class=\"text-lg lg:text-xl text-blue-dark\">{{$t('moguls.rank')}}: #{{data.initial_rarity_rank}}</p>\n                </div>\n                <div class=\"flex flex-wrap\" v-if=\"data.is_tide_turner\">\n                    <p class=\"text-lg text-danger\">{{$t('moguls.the_tide_turner')}}</p>\n                </div>\n                <hr class=\"border-white my-4\"/>\n                <div class=\"flex flex-col gap-1 mt-6\">\n                    <p class=\"text-xl lg:text-2xl font-semibold mb-2\">{{$t('moguls.traits')}}</p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.headwear')}}: <span class=\"font-semibold\">{{data.headwear}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.eyewear')}}: <span class=\"font-semibold\">{{data.eyewear}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.neckwear')}}: <span class=\"font-semibold\">{{data.neckwear}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.attire')}}: <span class=\"font-semibold\">{{data.attire}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.item')}}: <span class=\"font-semibold\">{{data.handheld_items}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.background')}}: <span class=\"font-semibold\">{{data.backgrounds}}</span></p>\n                    <p class=\"text-lg lg:text-xl font-light\">{{$t('moguls.character')}}: <span class=\"font-semibold\">{{characterNameByLevel(data.level)}}</span></p>\n                    <slot name=\"traits\"/>\n                </div>\n                <hr class=\"border-white my-8\"/>\n                <div class=\"flex flex-col gap-1 mb-8\">\n                    <p class=\"text-xl lg:text-2xl font-bold\">{{$t('moguls.craftable')}}: <span class=\"font-bold uppercase\" :class=\"[data.upgradeable && data.level<10 ? 'text-blue-extra-light' : 'text-danger']\">{{ isCraftable}}</span></p>\n                    <p class=\"text-xl lg:text-2xl font-bold\">{{$t('moguls.mergeable')}}: <span class=\"font-bold uppercase\" :class=\"[data.mergable && !data.merged ? 'text-blue-extra-light' : 'text-danger']\">{{isMergable}}</span></p>\n                    <p class=\"text-xl lg:text-2xl font-bold\">{{$t('moguls.hidden_prize')}}: <span class=\"font-bold uppercase\" :class=\"[data?.has_hidden_prize && !data.hidden_prize_claimed ? 'text-blue-extra-light' : 'text-danger']\">{{hasPrize}}</span></p>\n                </div>\n            </div>\n        </template>\n        <slot name=\"data\"/>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { MogulState, PrizeType } from '@/enums/mogul'\n    import {computed, type PropType} from 'vue'\n    import type {Mogul} from '@/types/Mogul'\n    import {characterNameByLevel, getImagePrefix} from '@/libs/helpers'\n    import {getImageNameForMogul} from '@/libs/moguls'\n    import { useI18n } from 'vue-i18n'\n\n    const t = useI18n().t\n\n    const props = defineProps({\n        data: {\n            type: Object as PropType<Mogul>\n        },\n        currentState: {\n            type: Number,\n            default: MogulState.Small\n        },\n        hasButton: {\n            type: Boolean,\n            default: false\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        }\n    })\n\n    // computed\n    const imageLevel = computed(() => {\n        if (!props.data) return ''\n        return getImageNameForMogul(props.data)\n    })\n\n    const isMergable = computed(() => {\n        if (!props.data) return t('moguls.no')\n        if (props.data.merged) return t('moguls.merged')\n        else return props.data.mergable ? t('moguls.yes') : t('moguls.no')\n\n    })\n\n    const hasPrize = computed(() => {\n        if (!props.data) return t('moguls.no')\n        if (props.data.hidden_prize_claimed) return t('moguls.prize_claimed')\n        else return props.data.has_hidden_prize ? t('moguls.yes') : t('moguls.no')\n    })\n\n    const isCraftable = computed(() => {\n        if (!props.data) return t('moguls.no')\n        if (props.data.level >= 10) return t('moguls.upgraded')\n        else return props.data.upgradeable ? t('moguls.yes') : t('moguls.no')\n    })\n\n    const prizeType = computed(() => {\n        if (!props.data) return ''\n        const prizeAmount = props.data?.hidden_prize.prize_amount\n        switch (props.data?.hidden_prize.prize_type) {\n        case PrizeType.METFI:\n            return `${prizeAmount} METFI`\n        case PrizeType.USDT:\n            return `${prizeAmount} USDT`\n        case PrizeType.UNSTAKED:\n            return 'Unstaked Powerup'\n        case PrizeType.MATCHING:\n            return 'Matching Bonus Qualification'\n        case PrizeType.METBOT:\n            return 'MetBot Activation'\n        }\n        return ''\n    })\n</script>\n\n<style scoped>\nimg {\n  background-color: black;\n}\n</style>\n"],"names":["MogulState","MogulState2","PrizeType","emptyCurrency","formatNumber","val","divisionNum","decimals","NAText","num","numToDisplay","fractionDigits","numberOfDecimals","characterNameByLevel","level","t","useI18n","getCurrencyIcon","currencyAddress","getCurrencyAddress","currencies","useChainStore","index","x","isDevHostname","getImagePrefix","getImageNameForMogul","mogul","props","__props","imageLevel","computed","isMergable","hasPrize","isCraftable","prizeType","prizeAmount","_a","_b"],"mappings":"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"}