{"version":3,"file":"jx5ATeXl.js","sources":["../../../../skeleton/components/bonuses/badge-game.vue","../../../../skeleton/components/bonuses/min-deposit.vue","../../../../skeleton/components/bonuses/wager.vue","../../../../skeleton/components/bonuses/info-button.vue","../../../../skeleton/components/bonuses/progress.vue","../../../../skeleton/components/bonuses/freespin-progress.vue","../../../../skeleton/components/bonuses/waiting-results.vue","../../../../skeleton/components/bonuses/wager-progress.vue","../../../../skeleton/components/bonuses/card.vue","../../../../skeleton/components/modal/package-bonus.vue"],"sourcesContent":["<template>\n  <nuxt-link v-if=\"gameInfo\" class=\"bonuses-badge-game\" :to=\"`/games/${props.gameInfo.identity}?real=true`\">\n    <atomic-icon id=\"gamepad\" class=\"bonuses-badge-game__icon\" />\n    <span class=\"bonuses-badge-game__text\">{{ props.gameInfo.name }}</span>\n  </nuxt-link>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IGame } from '@skeleton/core/types';\n\n  const props = defineProps<{\n    gameInfo: IGame;\n  }>();\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/badge-game.scss\" lang=\"scss\" />\n","<template>\n  <div v-if=\"minDeposit\" class=\"bonuses-min-deposit\">\n    <div class=\"bonuses-min-deposit__row\">\n      <span class=\"bonuses-min-deposit__label\">\n        {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.minDeposit') }}:\n      </span>\n      <span class=\"bonuses-min-deposit__amount\">{{ minDeposit.amount }}</span>\n      <span class=\"bonuses-min-deposit__currency\">{{ minDeposit.currency }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IBonus } from '@skeleton/core/types';\n\n  const props = defineProps<{\n    bonusInfo: IBonus;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n  const { getContent } = useProjectMethods();\n\n  const { getMinBonusDeposit } = useProjectMethods();\n  const minDeposit = computed(() => getMinBonusDeposit(props.bonusInfo));\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/min-deposit.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-wager\">\n    <span class=\"bonuses-wager__label\">\n      {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.wager') }}:\n    </span>\n\n    <template v-if=\"props.bonusInfo.wagerCasino\">\n      <atomic-icon id=\"cherry\" class=\"bonuses-wager__icon\" />\n      <span class=\"bonuses-wager__value\">x{{ props.bonusInfo.wagerCasino }}</span>\n    </template>\n\n    <template v-if=\"props.bonusInfo.wagerSportsbook\">\n      <atomic-icon id=\"sportsbook-football\" class=\"bonuses-wager__icon\" />\n      <span class=\"bonuses-wager__value\">x{{ props.bonusInfo.wagerSportsbook }}</span>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    bonusInfo: Record<string, any>;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n  const { getContent } = useProjectMethods();\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/wager.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-info-button\">\n    <span class=\"bonuses-info-button__title\">\n      {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.moreInfo') }}\n    </span>\n\n    <atomic-icon id=\"question\" class=\"bonuses-info-button__icon\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n  const { getContent } = useProjectMethods();\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/info-button.scss\" lang=\"scss\" />\n","<template>\n  <div\n    ref=\"progressRef\"\n    class=\"bonuses-progress\"\n    :class=\"props.isFreeSpin ? 'bonuses-progress--freespin' : 'bonuses-progress--cash'\"\n  >\n    <div ref=\"lineRef\" class=\"bonuses-progress__line\" :style=\"{ '--width': lineWidthStyle }\">\n      <div ref=\"barRef\" class=\"bonuses-progress__bar\" :style=\"`--translateX:  ${barTranslateX}`\">\n        {{ props.progress }}%\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    progress: number;\n    isFreeSpin?: boolean;\n  }>();\n\n  const lineWidthStyle = computed(() => {\n    return `${props.progress}%`;\n  });\n\n  const barTranslateX = ref('');\n\n  const progressRef = ref<HTMLElement>();\n  const lineRef = ref<HTMLElement>();\n  const barRef = ref<HTMLElement>();\n\n  const setBarAlignment = () => {\n    if (progressRef.value && lineRef.value && barRef.value) {\n      const progressWidth = progressRef.value.getBoundingClientRect().width;\n      const lineWidth = lineRef.value.getBoundingClientRect().width;\n      const barWidth = barRef.value.getBoundingClientRect().width;\n\n      if (lineWidth < barWidth) {\n        barTranslateX.value = '100%';\n      } else if (lineWidth > progressWidth - barWidth) {\n        barTranslateX.value = '0%';\n      } else {\n        barTranslateX.value = '50%';\n      }\n    }\n  };\n\n  watch(\n    () => props.progress,\n    async () => {\n      await nextTick();\n      setBarAlignment();\n    }\n  );\n\n  onMounted(() => {\n    setBarAlignment();\n  });\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/progress.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-freespin-progress\">\n    <div class=\"bonuses-freespin-progress__row\">\n      <span class=\"bonuses-freespin-progress__count\">{{ props.bonusInfo.usedCount }}</span>\n      <span class=\"bonuses-freespin-progress__divider\">/</span>\n      <span class=\"bonuses-freespin-progress__total-count\">{{ props.bonusInfo.count }}</span>\n      <span class=\"bonuses-freespin-progress__label\">FS</span>\n    </div>\n\n    <bonuses-progress :progress=\"props.bonusInfo.progress\" is-free-spin />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IPlayerFreeSpin } from '@skeleton/core/types';\n\n  const props = defineProps<{\n    bonusInfo: IPlayerFreeSpin;\n  }>();\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/freespin-progress.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-waiting-results\">\n    <atomic-icon id=\"clock\" class=\"bonuses-waiting-results__icon\" />\n\n    <span class=\"bonuses-waiting-results__label\">{{ props.text }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    text?: string;\n  }>();\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/waiting-results.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-wager-progress\">\n    <div v-if=\"props.bonusInfo.wagerCasino\" class=\"bonuses-wager-progress__row\">\n      <atomic-icon id=\"cherry\" class=\"bonuses-wager-progress__icon\" />\n\n      <span class=\"bonuses-wager-progress__label\">\n        {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.wager') }}\n      </span>\n\n      <span class=\"bonuses-wager-progress__value\"> (x{{ props.bonusInfo.wagerCasino }}): </span>\n\n      <span class=\"bonuses-wager-progress__amount\">\n        {{ currentCasinoAmount.amount }}\n      </span>\n\n      <span class=\"bonuses-wager-progress__divider\">/</span>\n\n      <span class=\"bonuses-wager-progress__amount\">{{ fullCasinoAmount.amount }}</span>\n      <span class=\"bonuses-wager-progress__currency\">{{ fullCasinoAmount.currency }}</span>\n    </div>\n\n    <div v-if=\"props.bonusInfo.wagerSportsbook\" class=\"bonuses-wager-progress__row\">\n      <atomic-icon id=\"sportsbook-football\" class=\"bonuses-wager-progress__icon\" />\n\n      <span class=\"bonuses-wager-progress__label\">\n        {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.wager') }}\n      </span>\n\n      <span class=\"bonuses-wager-progress__value\"> (x{{ props.bonusInfo.wagerSportsbook }}): </span>\n\n      <span class=\"bonuses-wager-progress__amount\">\n        {{ currentSportsbookAmount.amount }}\n      </span>\n\n      <span class=\"bonuses-wager-progress__divider\">/</span>\n\n      <span class=\"bonuses-wager-progress__amount\">\n        {{ fullSportsbookAmount.amount }}\n      </span>\n\n      <span class=\"bonuses-wager-progress__currency\">{{ fullSportsbookAmount.currency }}</span>\n    </div>\n\n    <bonuses-progress :progress=\"props.bonusInfo.currentWagerPercentage\" />\n\n    <bonuses-waiting-results\n      v-if=\"props.bonusInfo.currentWagerPercentage === 100 && props.bonusInfo.openedTransactionsCount > 0\"\n      :text=\"getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.waitingResult')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IPlayerBonus } from '@skeleton/core/types';\n\n  const props = defineProps<{\n    bonusInfo: IPlayerBonus;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n  const { getContent } = useProjectMethods();\n  const walletStore = useWalletStore();\n  const { activeAccountType } = storeToRefs(walletStore);\n\n  const { formatBalance } = useProjectMethods();\n\n  const currentCasinoAmount = computed<{ currency: string; amount: number }>(() => {\n    return formatBalance(props.bonusInfo.currency, props.bonusInfo.currentWagerCasinoAmount);\n  });\n\n  const fullCasinoAmount = computed<{ currency: string; amount: number }>(() => {\n    const fullAmount = props.bonusInfo.currentWagerCasinoAmount + props.bonusInfo.requiredWagerCasinoAmount;\n    const roundAmount = Number(fullAmount.toFixed(activeAccountType.value === 'fiat' ? 2 : 8));\n    return formatBalance(props.bonusInfo.currency, roundAmount);\n  });\n\n  const currentSportsbookAmount = computed<{ currency: string; amount: number }>(() => {\n    return formatBalance(props.bonusInfo.currency, props.bonusInfo.currentWagerSportsbookAmount);\n  });\n\n  const fullSportsbookAmount = computed<{ currency: string; amount: number }>(() => {\n    const fullAmount = props.bonusInfo.currentWagerSportsbookAmount + props.bonusInfo.requiredWagerSportsbookAmount;\n    const roundAmount = Number(fullAmount.toFixed(activeAccountType.value === 'fiat' ? 2 : 8));\n    return formatBalance(props.bonusInfo.currency, roundAmount);\n  });\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/wager-progress.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"bonuses-card\" :class=\"{ 'is-active': !props.isDeposit && props.bonusInfo.status === 2 }\">\n    <div class=\"bonuses-card__container\">\n      <div class=\"bonuses-card__header\">\n        <bonuses-badge-type :mode=\"badgeType\" />\n\n        <bonuses-badge-game v-if=\"freeSpinGameInfo\" :game-info=\"freeSpinGameInfo\" />\n\n        <bonuses-badge-status :status=\"badgeStatus\" />\n      </div>\n\n      <div class=\"bonuses-card__body\">\n        <div class=\"bonuses-card__name\">\n          <span class=\"bonuses-card__name-text\" :class=\"{ 'bonuses-card__name--large': !bonusValue }\">\n            {{ props.bonusInfo.name }}\n          </span>\n\n          <span v-if=\"bonusValue\" class=\"bonuses-card__name-value\">{{ bonusValue }}</span>\n        </div>\n\n        <bonuses-min-deposit v-if=\"props.isDeposit\" :bonus-info=\"props.bonusInfo as IBonus\" />\n\n        <bonuses-wager v-if=\"showBonusWagers\" :bonus-info=\"props.bonusInfo\" />\n\n        <bonuses-info-button @click=\"showBonusInfo\" />\n\n        <template v-if=\"!props.isDeposit && props.bonusInfo.status === 2\">\n          <bonuses-freespin-progress v-if=\"props.isFreeSpin\" :bonus-info=\"props.bonusInfo as IPlayerFreeSpin\" />\n\n          <bonuses-wager-progress v-else :bonus-info=\"props.bonusInfo as IPlayerBonus\" />\n        </template>\n      </div>\n\n      <div class=\"bonuses-card__actions\">\n        <div v-if=\"props.isDeposit || props.bonusInfo.status === 1 || expiredDate\" class=\"bonuses-card__activator\">\n          <button-base\n            v-if=\"props.isDeposit || props.bonusInfo.status === 1\"\n            class=\"bonuses-card__activate-btn\"\n            type=\"primary\"\n            size=\"md\"\n            :is-disabled=\"props.loading\"\n            @click=\"emit('activate')\"\n          >\n            <atomic-spinner :is-shown=\"props.loading\" />\n            {{ activateLabel }}\n          </button-base>\n\n          <bonuses-timer v-if=\"expiredDate\" :expired-at=\"expiredDate\" />\n        </div>\n\n        <button-base v-if=\"!props.isDeposit\" type=\"ghost-gray\" size=\"xs\" @click=\"emit('remove')\">\n          {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'bonuses.cancelLabel') }}\n        </button-base>\n      </div>\n\n      <modal-bonus-details\n        :show-modal=\"showBonusDetailsModal\"\n        :bonus-info=\"modalBonusInfo\"\n        @close=\"showBonusDetailsModal = false\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IBonus, IGame, IPlayerBonus, IPlayerFreeSpin } from '@skeleton/core/types';\n\n  const props = defineProps<{\n    bonusInfo: Record<string, any>;\n    isFreeSpin?: boolean;\n    isDeposit?: boolean;\n    isCash?: boolean;\n    loading?: boolean;\n  }>();\n\n  const emit = defineEmits(['activate', 'remove']);\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n\n  const { formatBalance, getContent } = useProjectMethods();\n\n  const bonusValue = computed<string | undefined>(() => {\n    if (props.isFreeSpin) return `${(props.bonusInfo as IPlayerFreeSpin).count} FS`;\n    if (props.isDeposit && props.bonusInfo.type === 3) {\n      const freeSpinCount = props.bonusInfo.assignConditions?.presets?.[0].quantity;\n      return freeSpinCount ? `${freeSpinCount} FS` : undefined;\n    }\n    if (props.isCash && props.bonusInfo.status === 2) {\n      const { currency, amount } = formatBalance(\n        (props.bonusInfo as IPlayerBonus).currency,\n        (props.bonusInfo as IPlayerBonus).amount\n      );\n      return `${amount} ${currency}`;\n    }\n    return undefined;\n  });\n\n  const activateLabel = computed<string>(() => {\n    if (props.isDeposit)\n      return getContent(\n        globalComponentsContent.value,\n        defaultLocaleGlobalComponentsContent.value,\n        'bonuses.activateDeposit'\n      );\n\n    if (props.isFreeSpin)\n      return getContent(\n        globalComponentsContent.value,\n        defaultLocaleGlobalComponentsContent.value,\n        'bonuses.activateFreeSpin'\n      );\n\n    return getContent(\n      globalComponentsContent.value,\n      defaultLocaleGlobalComponentsContent.value,\n      'bonuses.activateCash'\n    );\n  });\n\n  const expiredDate = computed<string | undefined>(() => {\n    if (props.isDeposit && props.bonusInfo.triggerConditions.availableTo) {\n      return props.bonusInfo.triggerConditions.availableTo;\n    }\n\n    if (props.bonusInfo.status === 1 && props.bonusInfo.activationExpiredAt) return props.bonusInfo.activationExpiredAt;\n\n    if (props.isFreeSpin && props.bonusInfo.status === 2 && props.bonusInfo.expiredAt) return props.bonusInfo.expiredAt;\n\n    if (props.bonusInfo.status === 2 && props.bonusInfo.wageringExpiredAt) return props.bonusInfo.wageringExpiredAt;\n\n    return undefined;\n  });\n\n  const badgeType = computed<number>(() => {\n    if (props.isFreeSpin) return 3;\n    if (props.isDeposit) return props.bonusInfo.type as number;\n    return (props.bonusInfo as IPlayerBonus).bonusType;\n  });\n\n  const badgeStatus = computed<'active' | 'available' | 'available-deposit'>(() => {\n    if (props.isDeposit) return 'available-deposit';\n    if (props.bonusInfo.status === 1) return 'available';\n    return 'active';\n  });\n\n  const showBonusWagers = computed<boolean>(() => {\n    const depositFreeSpin = props.isDeposit && props.bonusInfo.type === 3;\n    return !props.isFreeSpin && !depositFreeSpin && (props.bonusInfo.wagerCasino || props.bonusInfo.wagerSportsbook);\n  });\n\n  const freeSpinGameInfo = ref<IGame | undefined>();\n  const getGameInfo = async (): Promise<void> => {\n    const gameId = (props.bonusInfo as IPlayerFreeSpin).gameId || props.bonusInfo.assignConditions?.gameId;\n    if (!gameId) return;\n\n    try {\n      const { getGamesInfo } = useCoreGamesApi();\n      freeSpinGameInfo.value = await getGamesInfo(gameId);\n    } catch {\n      freeSpinGameInfo.value = undefined;\n    }\n  };\n\n  const showBonusDetailsModal = ref(false);\n  const modalBonusInfo = ref<Record<string, any> | undefined>();\n  const showBonusInfo = () => {\n    modalBonusInfo.value = {\n      bonusType: props.isFreeSpin ? 3 : undefined,\n      ...props.bonusInfo,\n      bonusValue: bonusValue.value,\n      badgeType: badgeType.value,\n      badgeStatus: badgeStatus.value,\n      expiredDate: expiredDate.value,\n      freeSpinGameInfo: freeSpinGameInfo.value,\n    };\n    showBonusDetailsModal.value = true;\n  };\n\n  onMounted(() => {\n    if (props.isFreeSpin || (props.isDeposit && props.bonusInfo.type === 3)) {\n      getGameInfo();\n    }\n  });\n</script>\n\n<style src=\"~/assets/styles/components/bonuses/card.scss\" lang=\"scss\" />\n","<template>\n  <vue-final-modal\n    :model-value=\"props.showModal\"\n    class=\"modal-package-bonus\"\n    :click-to-close=\"false\"\n    :overlay-transition=\"{ mode: 'in-out', duration: 250 }\"\n    :content-transition=\"{ mode: 'in-out', duration: 250 }\"\n    @click-outside=\"emit('close')\"\n  >\n    <div class=\"scroll\">\n      <div class=\"header\">\n        <div>\n          <div v-if=\"bonusValue\" class=\"header__title\">\n            {{ bonusesList[0].packageName || bonusesList[0].package.name }}\n          </div>\n\n          <div class=\"header__value\">\n            {{ bonusValue || bonusesList[0].packageName || bonusesList[0].package.name }}\n          </div>\n        </div>\n\n        <button-modal-close @close=\"emit('close')\" />\n      </div>\n\n      <div class=\"modal-package-bonus__list\">\n        <bonuses-card\n          v-for=\"bonus in filteredList\"\n          :key=\"bonus.id + bonus.status\"\n          :bonus-info=\"bonus\"\n          :is-cash=\"bonus.isCash\"\n          :is-free-spin=\"bonus.isFreeSpin\"\n          :is-deposit=\"bonus.isDeposit\"\n          :loading=\"props.loadingBonuses.includes(bonus.id)\"\n          @remove=\"removeHandle(bonus)\"\n          @activate=\"activateHandle(bonus)\"\n        />\n      </div>\n    </div>\n  </vue-final-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { VueFinalModal } from 'vue-final-modal';\n\n  const props = defineProps<{\n    showModal: boolean;\n    loadingBonuses: string[];\n    bonusesList: Record<string, any>[];\n    packageImage?: string;\n  }>();\n\n  const emit = defineEmits([\n    'close',\n    'activateBonus',\n    'activateFreeSpin',\n    'removeBonus',\n    'removeFreeSpin',\n    'activateDeposit',\n  ]);\n\n  const walletStore = useWalletStore();\n  const { activeAccount, activeAccountType } = storeToRefs(walletStore);\n\n  const { formatBalance, getEquivalentFromBase } = useProjectMethods();\n\n  const filteredList = computed(() => props.bonusesList.filter(bonus => [1, 2].includes(bonus.status)));\n\n  const removeHandle = (bonus: Record<string, any>): void => {\n    if (bonus.isFreeSpin) {\n      emit('removeFreeSpin', bonus);\n    } else if (bonus.isCash) {\n      emit('removeBonus', bonus);\n    }\n  };\n\n  const activateHandle = (bonus: Record<string, any>): void => {\n    if (bonus.isFreeSpin) {\n      emit('activateFreeSpin', bonus);\n    } else if (bonus.isCash) {\n      emit('activateBonus', bonus);\n    } else if (bonus.isDeposit) {\n      emit('activateDeposit', { depositBonus: props.bonusesList[0], loadingId: bonus.id });\n    }\n  };\n\n  const getCahBonusValue = (bonusInfo: Record<string, any>): { amount: number; currency: string } => {\n    const amountItems = bonusInfo.assignConditions?.amountItems;\n    const amountBase = bonusInfo.assignConditions?.baseCurrencyAmount;\n    const exclusionItem = amountItems?.find(item => item.currency === activeAccount.value?.currency);\n    if (exclusionItem) return formatBalance(exclusionItem.currency, exclusionItem.amount);\n    if (amountBase) return getEquivalentFromBase(amountBase, activeAccount.value?.currency);\n    return { amount: 0, currency: activeAccount.value?.currency || '' };\n  };\n\n  const bonusValue = computed(() => {\n    let cashBonusAmount: number = 0;\n    let freeSpinAmount: number = 0;\n    let formatCurrency: string | undefined;\n\n    filteredList.value.forEach(bonus => {\n      if (bonus.isFreeSpin) freeSpinAmount += bonus.count;\n      else if (bonus.isCash) {\n        const { amount, currency } = formatBalance(bonus.currency, bonus.amount);\n        cashBonusAmount += amount;\n        formatCurrency = currency;\n      } else if (bonus.isDeposit && bonus.type === 3) {\n        freeSpinAmount += bonus.assignConditions?.presets?.[0].quantity;\n      } else if (bonus.isDeposit && bonus.type === 1) {\n        const { amount, currency } = getCahBonusValue(bonus);\n        cashBonusAmount += amount;\n        formatCurrency = currency;\n      }\n    });\n\n    let result: string = '';\n\n    if (cashBonusAmount && formatCurrency) {\n      const amountValue = Number(cashBonusAmount.toFixed(activeAccountType.value === 'fiat' ? 2 : 8));\n      result = `${amountValue} ${formatCurrency}`;\n    }\n\n    if (freeSpinAmount) result += result ? ` + ${freeSpinAmount} FS` : `${freeSpinAmount} FS`;\n    return result;\n  });\n</script>\n\n<style src=\"~/assets/styles/components/modal/package-bonus.scss\" lang=\"scss\" />\n"],"names":["props","__props","globalStore","useGlobalStore","globalComponentsContent","defaultLocaleGlobalComponentsContent","storeToRefs","getContent","useProjectMethods","getMinBonusDeposit","minDeposit","computed","lineWidthStyle","barTranslateX","ref","progressRef","lineRef","barRef","setBarAlignment","progressWidth","lineWidth","barWidth","watch","nextTick","onMounted","walletStore","useWalletStore","activeAccountType","formatBalance","currentCasinoAmount","fullCasinoAmount","fullAmount","roundAmount","currentSportsbookAmount","fullSportsbookAmount","emit","__emit","bonusValue","freeSpinCount","_b","_a","currency","amount","activateLabel","expiredDate","badgeType","badgeStatus","showBonusWagers","depositFreeSpin","freeSpinGameInfo","getGameInfo","gameId","getGamesInfo","useCoreGamesApi","showBonusDetailsModal","modalBonusInfo","showBonusInfo","activeAccount","getEquivalentFromBase","filteredList","bonus","removeHandle","activateHandle","getCahBonusValue","bonusInfo","amountItems","amountBase","exclusionItem","item","_c","_d","cashBonusAmount","freeSpinAmount","formatCurrency","result"],"mappings":"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"}