{"version":3,"file":"Cs8E-ivW.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/freespin-progress.vue","../../../../skeleton/components/bonuses/card.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 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-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    </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  const { formatBalance, getContent } = useProjectMethods();\n  const { openModal } = useModalStore();\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 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    openModal('bonus-details', { props: { bonusInfo: modalBonusInfo } });\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"],"names":["props","__props","globalStore","useGlobalStore","globalComponentsContent","defaultLocaleGlobalComponentsContent","storeToRefs","getContent","useProjectMethods","getMinBonusDeposit","minDeposit","computed","emit","__emit","formatBalance","openModal","useModalStore","bonusValue","freeSpinCount","_b","_a","currency","amount","activateLabel","expiredDate","badgeType","badgeStatus","showBonusWagers","depositFreeSpin","freeSpinGameInfo","ref","getGameInfo","gameId","getGamesInfo","useCoreGamesApi","modalBonusInfo","showBonusInfo","onMounted"],"mappings":"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"}