{"version":3,"file":"D21QuS8q.js","sources":["../../../../skeleton/composables/useSupportedCurrencies.ts","../../../../skeleton/components/modal/currencies.vue"],"sourcesContent":["import { useApiAuthInstance } from '@skeleton/core/assets/apiAuthInstance';\n\nexport function useSupportedCurrencies(initialPayDefinition?: string, initialPayMethod?: string) {\n  const payDefinition = ref(initialPayDefinition);\n  const payMethod = ref(initialPayMethod);\n  const allSupportedCurrencies = ref<string[]>([]);\n\n  const fetchSupportedCurrencies = async () => {\n    if (!payDefinition.value || !payMethod.value) return;\n    try {\n      const { data } = await useApiAuthInstance(`/api/payment/currencies/${payDefinition.value}/${payMethod.value}`);\n      allSupportedCurrencies.value = data;\n    } catch (e) {\n      allSupportedCurrencies.value = [];\n    }\n  };\n\n  watch(\n    [payDefinition, payMethod],\n    async () => {\n      await fetchSupportedCurrencies();\n    },\n    { immediate: true }\n  );\n  return { allSupportedCurrencies };\n}\n","<template>\n  <div class=\"currencies-list\" :class=\"{ 'is-show': props.isOpen }\">\n    <div class=\"items\">\n      <div v-if=\"filteredItems.length\">\n        <div\n          v-for=\"item in filteredItems\"\n          :key=\"item.nativeCurrency\"\n          class=\"item\"\n          @click=\"selectCurrency(item.nativeCurrency)\"\n        >\n          <div class=\"item__left\">\n            <atomic-image\n              class=\"img\"\n              :src=\"`${iconUrl}/${item.nativeCurrency}.svg`\"\n              :defaultImage=\"DEFAULT_IMG\"\n            />\n\n            <span class=\"amount\">{{ item.currencySymbol }} {{ item.amount }}</span>\n            <span class=\"code-title\">{{ item.currency }}</span>\n          </div>\n          <atomic-icon id=\"checked\" v-if=\"activeAccount && activeAccount.currency === item.nativeCurrency\" />\n        </div>\n      </div>\n      <div v-else class=\"item-empty\">No result</div>\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  import type { IAccount } from '@skeleton/core/types';\n\n  const props = defineProps({\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n    payMethod: { type: String, default: undefined },\n    payDefinition: { type: String, default: undefined },\n  });\n\n  const walletStore = useWalletStore();\n  const globalStore = useGlobalStore();\n  const { accounts, activeAccount, showEquivalentBalance } = storeToRefs(walletStore);\n  const { iconUrl } = useDynamicIcon('currency');\n\n  const { currencies } = storeToRefs(globalStore);\n\n  const { switchAccount } = useWalletStore();\n  const { createAccount } = useWalletStore();\n  const { formatBalance, sortByAlphabet, getEquivalentAccount, getContent } = useProjectMethods();\n\n  const { allSupportedCurrencies } = useSupportedCurrencies(props.payDefinition, props.payMethod);\n  const emit = defineEmits(['close', 'changeActiveAccount']);\n\n  const searchValue = ref<string>('');\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.filter((item) => accounts.value.find((account) => account.currency === item.nativeCurrency));\n  };\n\n  const selectedItems = computed(() => {\n    let supportedCurrencies = currencies.value.filter((currency) =>\n      allSupportedCurrencies.value.some(\n        (supportedCurrency) => supportedCurrency.toLocaleLowerCase() === currency.code.toLocaleLowerCase()\n      )\n    );\n\n    if (!supportedCurrencies.length) supportedCurrencies = currencies.value;\n    const formatList: IDisplayAccount[] = supportedCurrencies.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  const filteredItems = computed(() => {\n    const searchQuery = searchValue.value.toLowerCase().trim();\n\n    if (!searchQuery) {\n      return selectedItems.value;\n    }\n    return selectedItems.value.filter((item) => {\n      return (\n        item.currency.toLowerCase().includes(searchQuery) ||\n        item.amount.toString().includes(searchQuery) ||\n        (item.currencySymbol && item.currencySymbol.toLowerCase().includes(searchQuery))\n      );\n    });\n  });\n\n  const selectCurrency = async (currency: string): Promise<void> => {\n    if (activeAccount.value?.currency === currency) return;\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</script>\n\n<style src=\"~/assets/styles/components/modal/currencies.scss\" lang=\"scss\" />\n"],"names":["useSupportedCurrencies","initialPayDefinition","initialPayMethod","payDefinition","ref","payMethod","allSupportedCurrencies","fetchSupportedCurrencies","data","useApiAuthInstance","watch","props","__props","walletStore","useWalletStore","globalStore","useGlobalStore","accounts","activeAccount","showEquivalentBalance","storeToRefs","iconUrl","useDynamicIcon","currencies","switchAccount","createAccount","formatBalance","getEquivalentAccount","useProjectMethods","emit","__emit","searchValue","getAccountByCurrency","currency","account","formatCurrenciesList","list","item","selectedItems","computed","supportedCurrencies","supportedCurrency","formatList","findAccount","equivalentAccount","formattedAcc","withBalanceList","withoutBalanceList","formatItem","withBalanceSortedList","withoutBalanceSortedList","filteredItems","searchQuery","selectCurrency","_a","findNewAccount"],"mappings":"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"}