{"version":3,"file":"CSr-rwqm.js","sources":["../../../../skeleton/components/list/balance-desktop.vue","../../../../skeleton/components/list/balance.vue","../../../../virtual:public?%2Fimg%2Fwallet.svg","../../../../skeleton/components/form/input/deposit.vue"],"sourcesContent":["<template>\n  <div class=\"list-balance-desktop\" :class=\"{ 'is-show': isOpen }\">\n    <div class=\"header\">\n      <span class=\"header__title\">\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.coins') }}\n      </span>\n      <form-input-search v-model:value=\"searchValue\" class=\"game-filter__search\" placeholder=\"Search\" />\n    </div>\n    <div class=\"items\">\n      <div v-if=\"filteredItems.length\">\n        <div\n          v-for=\"item in filteredItems\"\n          :key=\"item?.id\"\n          class=\"item\"\n          :class=\"{ 'is-active': currentCryptoCurrencyId === item.id }\"\n          @click=\"setValue(item.id)\"\n        >\n          <atomic-image v-if=\"item.icon\" class=\"img\" :src=\"item.icon\" :not-lazy=\"true\" :defaultImage=\"DEFAULT_IMG\" />\n          <span class=\"code-title\">{{ item.name }}</span>\n          <div class=\"amount\">\n            <span v-if=\"item.amount?.currenValue\" class=\"amount-currentValue\">{{\n              formatAmountBasedOnCurrency(item.currency, item.amount?.currenValue)\n            }}</span>\n            <div v-if=\"item.amount?.baseValue\" class=\"amount-baseValue\">\n              <atomic-icon id=\"usdt\" />\n              <span>{{ formatValue(item.amount?.baseValue) }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else class=\"item-empty\">\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.no_result') }}\n      </div>\n    </div>\n    <div v-if=\"balanceCurrencies.length\" class=\"footer\">\n      <button-base key=\"balance\" type=\"primary\" size=\"sm\" @click=\"openWallet\">\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.open_wallet') }}\n      </button-base>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import { DEFAULT_IMG } from '@skeleton/consts/staticPath';\n  const { iconUrl } = useDynamicIcon('currency');\n\n  const emit = defineEmits(['update:value', 'selected', 'close', 'changeActiveAccount']);\n\n  defineProps({\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n  });\n\n  const globalStore = useGlobalStore();\n  const { layoutData, defaultLocaleLayoutData } = storeToRefs(globalStore);\n  const { formatBalance, getContent, localizePath } = useProjectMethods();\n  const walletStore = useWalletStore();\n  const { accounts, activeAccount } = storeToRefs(walletStore);\n  const { switchAccount } = useWalletStore();\n\n  const searchValue = ref<string>('');\n  const currentCryptoCurrencyId = ref(activeAccount.value?.id);\n  const router = useRouter();\n\n  const balanceCurrencies = computed(() => {\n    return accounts.value.map(item => {\n      const balanceFormat = formatBalance(item.currency, item.balance);\n      return {\n        ...item,\n        name: balanceFormat.currency,\n        icon: `${iconUrl.value}/${item.currency}.svg`,\n        amount: {\n          currenValue: balanceFormat.amount,\n          baseValue: item.baseCurrencyBalance.toFixed(2),\n        },\n      };\n    });\n  });\n\n  const selectCurrency = async (id: string): Promise<void> => {\n    if (activeAccount.value?.id === id) return;\n\n    const findAccount = accounts.value.find(account => account.id === id);\n\n    if (findAccount) {\n      await switchAccount(findAccount.id);\n      emit('changeActiveAccount', findAccount.currency);\n    }\n\n    emit('close');\n  };\n  const filteredItems = computed(() => {\n    const searchQuery = searchValue.value.toLowerCase().trim();\n\n    if (!searchQuery) {\n      return balanceCurrencies.value;\n    }\n    return balanceCurrencies.value.filter(item => {\n      return item.name.toLowerCase().includes(searchQuery);\n    });\n  });\n\n  const setValue = (inputValue: string) => {\n    currentCryptoCurrencyId.value = inputValue;\n    selectCurrency(inputValue);\n  };\n  const openWallet = () => {\n    router.push(localizePath('/wallet'));\n    emit('close');\n  };\n</script>\n\n<style src=\"~/assets/styles/components/list/balance-desktop.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"list-balance\">\n    <div class=\"header\">\n      <form-input-search v-model:value=\"searchValue\" placeholder=\"Search\" />\n    </div>\n\n    <list-simple\n      v-if=\"balanceCurrencies.length\"\n      v-model:value=\"currentCryptoCurrencyId\"\n      :searchValue=\"searchValue\"\n      :list=\"balanceCurrencies\"\n      @selected=\"selectCurrency\"\n    />\n    <div v-else class=\"item-empty\">No result</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  const { iconUrl } = useDynamicIcon('currency');\n\n  defineProps({\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n  });\n\n  const walletStore = useWalletStore();\n  const { accounts, activeAccount } = storeToRefs(walletStore);\n  const { formatBalance } = useProjectMethods();\n\n  const { switchAccount } = useWalletStore();\n\n  const emit = defineEmits(['close', 'changeActiveAccount']);\n\n  const searchValue = ref<string>('');\n  const currentCryptoCurrencyId = ref(activeAccount.value?.id);\n\n  const balanceCurrencies = computed(() => {\n    return accounts.value.map((item) => {\n      const balanceFormat = formatBalance(item.currency, item.balance);\n      return {\n        ...item,\n        name: balanceFormat.currency,\n        icon: `${iconUrl.value}/${item.currency}.svg`,\n        amount: {\n          currenValue:  balanceFormat.amount,\n          baseValue: item.baseCurrencyBalance.toFixed(2)\n        }\n      }\n    })\n  });\n\n  const selectCurrency = async (id: string): Promise<void> => {\n    if (activeAccount.value?.id === id) return;\n\n    const findAccount = accounts.value.find((account) => account.id === id);\n\n    if (findAccount) {\n      await switchAccount(findAccount.id);\n      emit('changeActiveAccount', findAccount.currency);\n    }\n\n    emit('close');\n  };\n</script>\n\n<style src=\"~/assets/styles/components/list/balance.scss\" lang=\"scss\" />\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/img/wallet.svg\")","<template>\n  <client-only>\n    <div class=\"input-deposit\">\n      <div\n        v-click-outside=\"closeDropdown\"\n        class=\"select\"\n        :class=\"{ 'is-open': isShow }\"\n        @click=\"toggleAccountSelector('open')\"\n      >\n        <div class=\"select__content\">\n          <atomic-image class=\"input-deposit__logo\" :src=\"currencyImageSrc\" :defaultImage=\"DEFAULT_IMG\" />\n\n          <div class=\"amount\" :class=\"{ 'amount--demo': isDemo }\">\n            <span>{{ currentValue }}</span>\n\n            <div class=\"select__icon\">\n              <atomic-icon id=\"arrow_expand-close\" class=\"icon-expand\" />\n            </div>\n          </div>\n        </div>\n\n        <list-balance-desktop v-if=\"!isMobile\" :is-open=\"isShow\" @close=\"isShow = false\" @click.stop />\n\n        <client-only v-else>\n          <layout-bottom-sheet ref=\"bottomSheet\">\n            <template #header>\n              <span class=\"title\">\n                {{ getContent(layoutData, defaultLocaleLayoutData, 'header.balance.tabs.coins') }}\n              </span>\n            </template>\n\n            <list-balance @close=\"toggleAccountSelector('close')\" />\n\n            <template #footer>\n              <button-base type=\"gray\" size=\"sm\" @click=\"toggleAccountSelector('close')\">\n                {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.close') }}\n              </button-base>\n            </template>\n          </layout-bottom-sheet>\n        </client-only>\n      </div>\n\n      <button-base\n        type=\"green\"\n        size=\"xs\"\n        class=\"input-deposit__wallet-btn\"\n        :class=\"{ 'input-deposit__wallet-btn_short': showSmallBtn }\"\n        @click=\"openWallet\"\n      >\n        <img v-lazy-load  v-if=\"showSmallBtn\" data-src=\"/img/wallet.svg\" alt=\"wallet icon\" />\n\n        <span v-else>\n          {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.deposit') }}\n        </span>\n      </button-base>\n    </div>\n  </client-only>\n</template>\n\n<script setup lang=\"ts\">\n  import { DEFAULT_IMG } from '@skeleton/consts/staticPath';\n\n  import type { IBottomSheetComponent } from '@skeleton/types';\n\n  const props = withDefaults(\n    defineProps<{\n      isDemo?: boolean;\n    }>(),\n    {\n      isDemo: false,\n    }\n  );\n\n  const { isGamePage } = storeToRefs(useLayoutStore());\n\n  const isShow = ref(false);\n\n  const { taptic } = useHaptics();\n\n  const toggleSelect = () => {\n    if (!isShow.value) {\n      useEvent('analyticsEvent', { event: 'openBalancePopup' });\n    }\n\n    isShow.value = !isShow.value;\n  };\n\n  const closeDropdown = () => {\n    if (isShow.value) isShow.value = false;\n  };\n\n  const walletStore = useWalletStore();\n  const { getContent } = useProjectMethods();\n  const { activeAccount } = storeToRefs(walletStore);\n  const globalStore = useGlobalStore();\n  const { layoutData, defaultLocaleLayoutData } = storeToRefs(globalStore);\n  const deviceStore = useDeviceStore();\n  const { isMobile } = storeToRefs(deviceStore);\n  const { openWalletModal } = useTransactionStore();\n  const { iconUrl } = useDynamicIcon('currency');\n  const bottomSheet = ref<Maybe<IBottomSheetComponent>>();\n\n  const showSmallBtn = computed(() => isGamePage.value && isMobile.value);\n\n  const currentValue = computed(() => {\n    if (props.isDemo) {\n      return getContent(layoutData.value, defaultLocaleLayoutData.value, 'header.balance.demoModePlaceholder');\n    }\n\n    return formatAmountBasedOnCurrency(activeAccount.value?.currency, activeAccount.value?.balance);\n  });\n\n  const currencyImageSrc = ref<string>('');\n\n  const checkImageExists = (src: string) => {\n    return !src?.includes('undefined');\n  };\n\n  const toggleAccountSelector = (methodName: 'open' | 'close') => {\n    if (!isMobile.value) {\n      toggleSelect();\n    } else {\n      bottomSheet.value?.[methodName]();\n    }\n    taptic('soft');\n  };\n\n  const openWallet = (): void => {\n    openWalletModal('deposit');\n  };\n\n  watchEffect(async () => {\n    const newCurrency = activeAccount.value?.currency;\n    if (newCurrency) {\n      const imageSrc = `${iconUrl.value}/${newCurrency}.svg`;\n      const exists = checkImageExists(imageSrc);\n      currencyImageSrc.value = exists ? imageSrc : '/img/currency/placeholder.svg';\n    }\n  });\n</script>\n\n<style src=\"~/assets/styles/components/form/input/deposit.scss\" lang=\"scss\" />\n"],"names":["iconUrl","useDynamicIcon","emit","__emit","globalStore","useGlobalStore","layoutData","defaultLocaleLayoutData","storeToRefs","formatBalance","getContent","localizePath","useProjectMethods","walletStore","useWalletStore","accounts","activeAccount","switchAccount","searchValue","ref","currentCryptoCurrencyId","_a","router","useRouter","balanceCurrencies","computed","item","balanceFormat","selectCurrency","id","findAccount","account","filteredItems","searchQuery","setValue","inputValue","openWallet","_imports_0","publicAssetsURL","props","__props","isGamePage","useLayoutStore","isShow","taptic","useHaptics","toggleSelect","useEvent","closeDropdown","deviceStore","useDeviceStore","isMobile","openWalletModal","useTransactionStore","bottomSheet","showSmallBtn","currentValue","formatAmountBasedOnCurrency","_b","currencyImageSrc","checkImageExists","src","toggleAccountSelector","methodName","watchEffect","newCurrency","imageSrc","exists"],"mappings":"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"}