{"version":3,"file":"BtZlt5ha.js","sources":["../../../../skeleton/components/atomic/fiat-display.vue","../../../../skeleton/components/list/balance.vue","../../../../skeleton/components/button/deposit.vue","../../../../skeleton/components/form/input/deposit.vue"],"sourcesContent":["<template>\n  <div class=\"fiat-display\">\n    <atomic-image\n      class=\"fiat-display__logo\"\n      :src=\"`/img/currency/${activeAccount?.currency}.svg`\"\n      default-image=\"/img/currency/placeholder.svg\"\n    />\n    <span class=\"fiat-display__amount\">{{ equivalentBalanceFormat.amount }}</span>\n    <span class=\"fiat-display__currency\">{{ equivalentBalanceFormat.currency }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n\n  const walletStore = useWalletStore();\n  const { activeAccount, activeEquivalentAccount } = storeToRefs(walletStore);\n  const { formatBalance } = useProjectMethods();\n\n  const equivalentBalanceFormat = computed(() =>\n    formatBalance(activeEquivalentAccount.value?.currency, activeEquivalentAccount.value?.balance)\n  );\n</script>\n\n<style src=\"~/assets/styles/components/atomic/fiat-display.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"list-balance\" :class=\"{ 'is-show': props.isOpen }\">\n    <div class=\"header\">\n      <button-base\n        key=\"balance\"\n        :is-active=\"selected === 'balance'\"\n        type=\"ghost\"\n        size=\"xs\"\n        @click.stop=\"switchTabNav('balance')\"\n      >\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.balanceTab') }}\n      </button-base>\n\n      <button-base\n        key=\"currency\"\n        :is-active=\"selected === 'currency'\"\n        type=\"ghost\"\n        size=\"xs\"\n        @click.stop=\"switchTabNav('currency')\"\n      >\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.currencyTab') }}\n      </button-base>\n    </div>\n\n    <div v-if=\"selected === 'currency'\" class=\"items\">\n      <div\n        v-for=\"item in selectedItems\"\n        :key=\"item.nativeCurrency\"\n        class=\"item\"\n        :class=\"{ 'is-active': activeAccount?.currency === item.nativeCurrency }\"\n        @click=\"selectCurrency(item.nativeCurrency)\"\n      >\n        <atomic-image\n          class=\"img\"\n          :src=\"`/img/currency/${item.nativeCurrency}.svg`\"\n          default-image=\"/img/currency/placeholder.svg\"\n        />\n        <span class=\"code-title\">{{ item.currency }}</span>\n        <span class=\"amount\">{{ item.currencySymbol }} {{ item.amount }}</span>\n      </div>\n    </div>\n\n    <div v-else-if=\"selected === 'balance'\" class=\"list-balance__items\">\n      <div class=\"list-balance__item\">\n        <atomic-icon id=\"wallet\" class=\"list-balance__icon\" />\n        <div class=\"list-balance__title\">\n          {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.items.real') }}\n        </div>\n        <span class=\"list-balance__value\"\n          >{{ activeAccountBalances.real.currencySymbol }} {{ activeAccountBalances.real.balance }}</span\n        >\n        <atomic-image\n          v-if=\"activeAccountBalances.real.currencyIcon\"\n          class=\"currency-icon\"\n          :src=\"`/img/currency/${activeAccountBalances.real.currencyIcon}.svg`\"\n          default-image=\"/img/currency/placeholder.svg\"\n        />\n      </div>\n\n      <div class=\"list-balance__item\">\n        <atomic-icon id=\"bonus\" class=\"list-balance__icon\" />\n        <span class=\"list-balance__title\">{{\n          getContent(layoutData, defaultLocaleLayoutData, 'header.balance.items.bonus')\n        }}</span>\n        <span class=\"list-balance__value\"\n          >{{ activeAccountBalances.bonus.currencySymbol }} {{ activeAccountBalances.bonus.balance }}</span\n        >\n        <atomic-image\n          v-if=\"activeAccountBalances.bonus.currencyIcon\"\n          class=\"currency-icon\"\n          :src=\"`/img/currency/${activeAccountBalances.bonus.currencyIcon}.svg`\"\n          default-image=\"/img/currency/placeholder.svg\"\n        />\n\n        <div v-if=\"props.isOpen && activePlayerBonuses.length\" class=\"list-balance__bonus-progress\">\n          <bonuses-wager-progress :bonus-info=\"activePlayerBonuses[0]\" />\n        </div>\n      </div>\n\n      <div class=\"list-balance__item\">\n        <atomic-icon id=\"withdraw\" class=\"list-balance__icon\" />\n        <span class=\"list-balance__title\">{{\n          getContent(layoutData, defaultLocaleLayoutData, 'header.balance.items.withdrawal')\n        }}</span>\n        <span class=\"list-balance__value\"\n          >{{ activeAccountBalances.withdrawal.currencySymbol }} {{ activeAccountBalances.withdrawal.balance }}</span\n        >\n        <atomic-image\n          v-if=\"activeAccountBalances.withdrawal.currencyIcon\"\n          class=\"currency-icon\"\n          :src=\"`/img/currency/${activeAccountBalances.withdrawal.currencyIcon}.svg`\"\n          default-image=\"/img/currency/placeholder.svg\"\n        />\n      </div>\n\n      <div v-for=\"(cashback, index) in cashbackBalance\" :key=\"index\" class=\"list-balance__item\">\n        <atomic-icon id=\"cashback\" class=\"list-balance__icon\" />\n        <span class=\"list-balance__title\">{{\n          getContent(layoutData, defaultLocaleLayoutData, 'header.balance.items.cashback')\n        }}</span>\n        <span class=\"list-balance__value\">{{ cashback.currencySymbol }} {{ cashback.balance }}</span>\n        <atomic-image\n          v-if=\"cashback.currencyIcon\"\n          class=\"currency-icon\"\n          :src=\"`/img/currency/${cashback.currencyIcon}.svg`\"\n          alt=\"\"\n          default-image=\"/img/currency/placeholder.svg\"\n        />\n\n        <div v-if=\"cashback.date\" class=\"list-balance__cashback-date\">\n          <span>{{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.cashbackDateLabel') }}</span>\n          <span>{{ dayjs(cashback.date).format('DD.MM.YYYY') }}</span>\n        </div>\n      </div>\n    </div>\n\n    <atomic-fiat-toggler v-if=\"activeAccountType === 'crypto'\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { IAccount, ICurrency } from '@skeleton/core/types';\n\n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n  });\n\n  const dayjs = useDayjs();\n  const walletStore = useWalletStore();\n  const globalStore = useGlobalStore();\n  const { accounts, activeAccount, activeAccountType, showEquivalentBalance } = storeToRefs(walletStore);\n\n  const { currencies, cryptoCurrencies, layoutData, defaultLocaleLayoutData } = storeToRefs(globalStore);\n\n  const { switchAccount } = useWalletStore();\n  const { createAccount } = useWalletStore();\n  const { formatBalance, sortByAlphabet, getEquivalentAccount, getContent } = useProjectMethods();\n\n  const bonusStore = useBonusStore();\n  const { activePlayerBonuses, playerCashback } = storeToRefs(bonusStore);\n\n  const emit = defineEmits(['close', 'changeActiveAccount']);\n\n  const selected = ref<string>('balance');\n  const selectedCurrency = ref<string>('all');\n\n  const getAccountByCurrency = (currency: string): Maybe<IAccount> =>\n    accounts.value.find(account => account.currency === currency);\n\n  interface IDisplayAccount {\n    nativeCurrency: string;\n    currency: string;\n    amount: number;\n    currencySymbol?: string;\n  }\n\n  const formatCurrenciesList = (list: IDisplayAccount[]) => {\n    return list\n      .filter(item => accounts.value.find(account => account.currency === item.nativeCurrency))\n      .sort((prev, next) => sortByAlphabet(prev.currency.toLowerCase(), next.currency.toLowerCase()));\n  };\n\n  const selectedItems = computed(() => {\n    let currenciesList: ICurrency[];\n    if (selectedCurrency.value === 'all' || !cryptoCurrencies.value.length) {\n      currenciesList = currencies.value;\n    } else {\n      currenciesList = cryptoCurrencies.value;\n    }\n\n    const formatList: IDisplayAccount[] = currenciesList.map(currency => {\n      const findAccount = getAccountByCurrency(currency.code);\n\n      if (showEquivalentBalance.value) {\n        const equivalentAccount = getEquivalentAccount(\n          findAccount?.balance || 0,\n          findAccount?.currency || currency.code\n        );\n        return {\n          nativeCurrency: currency.code,\n          amount: equivalentAccount.balance,\n          currency: currency.code,\n          currencySymbol: equivalentAccount.currencySymbol,\n        };\n      }\n\n      const formattedAcc = formatBalance(findAccount?.currency || currency.code, findAccount?.balance || 0);\n      return { nativeCurrency: currency.code, ...formattedAcc };\n    });\n\n    const withBalanceList: IDisplayAccount[] = [];\n    const withoutBalanceList: IDisplayAccount[] = [];\n\n    formatList.forEach(formatItem => {\n      if (formatItem.amount) {\n        withBalanceList.push(formatItem);\n      } else {\n        withoutBalanceList.push(formatItem);\n      }\n    });\n\n    const withBalanceSortedList = formatCurrenciesList(withBalanceList);\n    const withoutBalanceSortedList = formatCurrenciesList(withoutBalanceList);\n\n    return [...withBalanceSortedList, ...withoutBalanceSortedList];\n  });\n\n  interface IBalance {\n    balance: number;\n    currency: string;\n    currencySymbol?: string;\n    currencyIcon?: string;\n    date?: string;\n  }\n  const getBalanceFormat = (amount: number): IBalance => {\n    if (showEquivalentBalance.value) {\n      const bundle = getEquivalentAccount(amount, activeAccount.value?.currency);\n      return { ...bundle, currencyIcon: activeAccount.value?.currency };\n    }\n\n    const bundle = formatBalance(activeAccount.value?.currency, amount);\n    return { balance: bundle.amount, currency: bundle.currency };\n  };\n\n  const cashbackBalance = computed<IBalance[]>(() => {\n    if (playerCashback.value.length) {\n      return playerCashback.value.map(cashback => {\n        const bundle = getBalanceFormat(cashback.amount);\n        return { ...bundle, date: cashback.date };\n      });\n    }\n\n    const balance = getBalanceFormat(0);\n    return [balance];\n  });\n\n  const activeAccountBalances = computed<{ real: IBalance; bonus: IBalance; withdrawal: IBalance }>(() => {\n    const real = getBalanceFormat((activeAccount.value?.realBalance || 0) + (activeAccount.value?.lockedBalance || 0));\n    const bonus = getBalanceFormat(activeAccount.value?.bonusBalance || 0);\n    const withdrawal = getBalanceFormat(activeAccount.value?.withdrawalBalance || 0);\n\n    return { real, bonus, withdrawal };\n  });\n\n  const selectCurrency = async (currency: string): Promise<void> => {\n    if (activeAccount.value?.currency === currency) return;\n\n    const findAccount = getAccountByCurrency(currency);\n\n    emit('close');\n\n    if (findAccount) {\n      await switchAccount(findAccount.id);\n    } else {\n      await createAccount(currency);\n      const findNewAccount = getAccountByCurrency(currency);\n      if (findNewAccount) {\n        await switchAccount(findNewAccount.id);\n      }\n    }\n\n    emit('changeActiveAccount');\n  };\n\n  const switchTabNav = (id: string) => {\n    selected.value = id;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/list/balance.scss\" lang=\"scss\" />\n","<template>\n  <button v-click-outside=\"makeInactive\" class=\"btn-deposit\" :class=\"{ 'is-active': isActive }\" @click=\"makeActive\">\n    <atomic-icon id=\"wallet\" />\n    <span>\n      {{ getContent(layoutData, defaultLocaleLayoutData, 'header.depositButton') }}\n    </span>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\n  const { openWalletModal } = useModalStore();\n  const { getContent } = useProjectMethods();\n  const { layoutData, defaultLocaleLayoutData } = useGlobalStore();\n  const isActive = ref<boolean>(false);\n\n  const makeActive = () => {\n    isActive.value = true;\n    openWalletModal();\n  };\n\n  const makeInactive = () => {\n    isActive.value = false;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/button/deposit.scss\" lang=\"scss\" />\n","<template>\n  <client-only>\n    <div class=\"input-deposit\">\n      <div v-click-outside=\"closeDropdown\" class=\"select\" :class=\"{ 'is-open': isShow }\" @click=\"toggleSelect\">\n        <atomic-fiat-display v-if=\"showEquivalentBalance\" />\n        <div v-else class=\"select__content\">\n          <div class=\"amount\">{{ balanceFormat.amount }}</div>\n          <div class=\"label\">{{ balanceFormat.currency }}</div>\n        </div>\n\n        <atomic-icon id=\"arrow_expand-close\" class=\"icon-expand\" />\n\n        <list-balance :is-open=\"isShow\" @close=\"isShow = false\" @click.stop />\n      </div>\n\n      <button-deposit />\n    </div>\n  </client-only>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n\n  const walletStore = useWalletStore();\n  const { formatBalance } = useProjectMethods();\n  const { getPlayerBonuses } = useBonusStore();\n  const { activeAccount, showEquivalentBalance } = storeToRefs(walletStore);\n\n  const isShow = ref<boolean>(false);\n\n  const balanceFormat = computed(() => formatBalance(activeAccount.value?.currency, activeAccount.value?.balance));\n\n  const toggleSelect = () => {\n    if (!isShow.value) {\n      useEvent('analyticsEvent', { event: 'openBalancePopup' });\n      getPlayerBonuses();\n    }\n\n    isShow.value = !isShow.value;\n  };\n\n  const closeDropdown = () => {\n    if (isShow.value) isShow.value = false;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/form/input/deposit.scss\" lang=\"scss\" />\n"],"names":["walletStore","useWalletStore","activeAccount","activeEquivalentAccount","storeToRefs","formatBalance","useProjectMethods","equivalentBalanceFormat","computed","_a","_b","props","__props","dayjs","useDayjs","globalStore","useGlobalStore","accounts","activeAccountType","showEquivalentBalance","currencies","cryptoCurrencies","layoutData","defaultLocaleLayoutData","switchAccount","createAccount","sortByAlphabet","getEquivalentAccount","getContent","bonusStore","useBonusStore","activePlayerBonuses","playerCashback","emit","__emit","selected","ref","selectedCurrency","getAccountByCurrency","currency","account","formatCurrenciesList","list","item","prev","next","selectedItems","currenciesList","formatList","findAccount","equivalentAccount","formattedAcc","withBalanceList","withoutBalanceList","formatItem","withBalanceSortedList","withoutBalanceSortedList","getBalanceFormat","amount","bundle","_c","cashbackBalance","cashback","activeAccountBalances","real","bonus","withdrawal","_d","selectCurrency","findNewAccount","switchTabNav","id","openWalletModal","useModalStore","isActive","makeActive","makeInactive","getPlayerBonuses","isShow","balanceFormat","toggleSelect","useEvent","closeDropdown"],"mappings":"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"}