{"version":3,"file":"BvHHjo4X.js","sources":["../../../../skeleton/components/atomic/bage.vue","../../../../skeleton/components/button/play.vue","../../../../skeleton/node_modules/vue-skeletor/dist/vue-skeletor.esm.js","../../../../skeleton/composables/useMobileGameLogic.ts","../../../../skeleton/components/card/base.vue"],"sourcesContent":["<template>\n  <span :class=\"classes\">\n    <atomic-icon :id=\"props.icon\" />\n    {{ props.label }}\n  </span>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    label: string;\n    icon: string;\n    color: string;\n  }>();\n\n  const classes = computed(() => ['bage', `bg--${props.color}`]);\n</script>\n\n<style src=\"~/assets/styles/components/atomic/bage.scss\" lang=\"scss\" />\n","<template>\n  <button class=\"btn-play\" @click=\"onClick\">\n    <span class=\"icon-box\">\n      <atomic-icon id=\"play\" />\n    </span>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\n  const emit = defineEmits(['game-play']);\n\n  function onClick(e: Event): void {\n    emit('game-play', e);\n  }\n</script>\n\n<style src=\"~/assets/styles/components/button/play.scss\" lang=\"scss\" />\n","import { inject, warn, defineComponent, computed, h, reactive } from 'vue';\n\nfunction convertToUnit(str, unit = 'px') {\n  if (str == null || str === '') {\n    return undefined;\n  } else if (isNaN(str)) {\n    return String(str);\n  } else {\n    return `${Number(str)}${unit}`;\n  }\n}\n\nconst SkeletorSymbol = Symbol();\nconst DEFAULT_OPTIONS = {\n  shimmer: true\n};\n\nfunction useSkeletor() {\n  const skeletor = inject(SkeletorSymbol, DEFAULT_OPTIONS);\n\n  if (!skeletor) {\n    warn('Skeletor is not installed on this Vue application.');\n  }\n\n  return skeletor;\n}\n\nconst Skeletor = defineComponent({\n  name: 'Skeletor',\n  props: {\n    as: {\n      type: String,\n      default: 'span'\n    },\n    circle: {\n      type: Boolean,\n      default: false\n    },\n    pill: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: [String, Number],\n      default: null\n    },\n    width: {\n      type: [String, Number],\n      default: null\n    },\n    height: {\n      type: [String, Number],\n      default: null\n    },\n    shimmer: {\n      type: Boolean,\n      default: undefined\n    }\n  },\n\n  setup(props) {\n    const skeletor = useSkeletor();\n    const isRect = computed(() => !props.circle && (props.size || props.height));\n    const isText = computed(() => !props.circle && !props.size && !props.height);\n    const isShimmerless = computed(() => props.shimmer !== undefined ? !props.shimmer : !skeletor.shimmer);\n    const classes = computed(() => ({\n      'vue-skeletor': true,\n      'vue-skeletor--rect': isRect.value,\n      'vue-skeletor--text': isText.value,\n      'vue-skeletor--shimmerless': isShimmerless.value,\n      'vue-skeletor--circle': props.circle,\n      'vue-skeletor--pill': props.pill\n    }));\n    const style = computed(() => {\n      const _style = {};\n\n      if (props.size) {\n        const size = convertToUnit(props.size);\n        _style.width = size;\n        _style.height = size;\n      }\n\n      if (!props.size && props.width) {\n        _style.width = convertToUnit(props.width);\n      }\n\n      if (!props.size && props.height) {\n        _style.height = convertToUnit(props.height);\n      }\n\n      return _style;\n    });\n    const children = isText.value ? '\\u200C' : null;\n    return () => h(props.as, {\n      class: classes.value,\n      style: style.value\n    }, [children]);\n  }\n\n});\n\nconst SkeletorPlugin = {\n  install(app, options = {}) {\n    app.provide(SkeletorSymbol, reactive({ ...DEFAULT_OPTIONS,\n      ...options\n    }));\n  }\n\n};\n\nexport default SkeletorPlugin;\nexport { Skeletor, useSkeletor };\n","import { storeToRefs } from 'pinia';\nimport type { IGame } from '@skeleton/core/types';\n\nexport const useMobileGameLogic = (gameInfo: IGame) => {\n  const profileStore = useProfileStore();\n  const walletStore = useWalletStore();\n  const { localizePath } = useProjectMethods();\n  const { openMobileGameModal } = useGamesStore();\n  const router = useRouter();\n\n  const { isLoggedIn } = storeToRefs(profileStore);\n  const { activeAccount } = storeToRefs(walletStore);\n\n  const resolveLoggedWithoutBalance = async (): Promise<void> => {\n    if (gameInfo.isDemoMode) await openMobileGameModal('depositOrDemo', gameInfo);\n    else await openMobileGameModal('deposit', gameInfo);\n  };\n  const resolveLogged = async (): Promise<void> => {\n    if (activeAccount.value?.balance) {\n      await router.push(localizePath(`/games/${gameInfo.identity}?real=true`));\n    } else {\n      return await resolveLoggedWithoutBalance();\n    }\n  };\n\n  const resolveUnlogged = async (): Promise<void> => {\n    if (gameInfo.isDemoMode) {\n      await openMobileGameModal('registerOrDemo', gameInfo);\n    } else {\n      await openMobileGameModal('registerOrLogin', gameInfo);\n    }\n  };\n\n  const openGame = async (): Promise<void> => {\n    if (isLoggedIn.value) {\n      await resolveLogged();\n    } else {\n      await resolveUnlogged();\n    }\n  };\n\n  return {\n    openGame,\n  };\n};\n","<template>\n  <div ref=\"cardBase\" class=\"card-base\" :class=\"{ hovered: gameHovered }\" :data-size=\"cardSize\" @click=\"clickGame\">\n    <atomic-image class=\"card-base__img\" :src=\"src\" />\n    <Skeletor class=\"card-base__poster\" as=\"div\" />\n\n    <div v-if=\"gameBages?.length\" class=\"bages\">\n      <atomic-bage v-for=\"(bage, bageIndex) in gameBages\" :key=\"bageIndex\" v-bind=\"bage\" />\n    </div>\n\n    <div v-if=\"!isMobile\" class=\"card-base__info\" @click.stop>\n      <div class=\"card-base__info-titles\">\n        <div v-if=\"props.gameInfo?.name\" class=\"card-base__info-title\">{{ props.gameInfo.name }}</div>\n        <div class=\"card-base__info-provider\">{{ props.gameInfo?.provider.name }}</div>\n      </div>\n\n      <div class=\"card-base__info-actions\">\n        <button-play @click=\"openGame(true)\" />\n      </div>\n\n      <div class=\"card-base__info-footer\">\n        <button-base v-if=\"props.gameInfo?.isDemoMode\" class=\"btn-try\" tag-name=\"span\" @click=\"openGame(false)\">\n          Demo\n        </button-base>\n\n        <!--<button-info/>-->\n\n        <client-only>\n          <button-favorite v-if=\"isLoggedIn\" :game-id=\"props.gameInfo?.id\" />\n        </client-only>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { IGame } from '@skeleton/core/types';\n  import type { IGameTag } from '~/types';\n  import { Skeletor } from 'vue-skeletor';\n\n  const props = defineProps<{\n    gameInfo?: IGame;\n  }>();\n\n  const router = useRouter();\n  const profileStore = useProfileStore();\n  const { isLoggedIn } = storeToRefs(profileStore);\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = useGlobalStore();\n  const { openModal } = useModalStore();\n  const { localizePath, getImageUrl, getContent } = useProjectMethods();\n\n  const gameTagsContent: Maybe<IGameTag[]> = getContent(\n    globalComponentsContent,\n    defaultLocaleGlobalComponentsContent,\n    'gameTags.gameTagsList'\n  );\n\n  const labelNames = props.gameInfo?.labels?.map(label => label.name);\n  const gameBages = gameTagsContent?.filter(bage => labelNames?.includes(bage.identity));\n\n  const openGame = (isReal: boolean): void => {\n    if (props.gameInfo?.identity === 'betsy-sportsbook-betsy') {\n      router.push(localizePath('/betting'));\n    } else if (!isReal) {\n      router.push(localizePath(`/games/${props.gameInfo?.identity}`));\n    } else if (!isLoggedIn.value) {\n      openModal('sign-up');\n    } else {\n      router.push(localizePath(`/games/${props.gameInfo?.identity}?real=true`));\n    }\n  };\n\n  const src = computed(() => getImageUrl(props.gameInfo?.customImages, props.gameInfo?.images, 'vertical'));\n  const gameHovered = ref<boolean>(false);\n  const globalStore = useGlobalStore();\n  const { isMobile } = storeToRefs(globalStore);\n  const clickGame = async (): Promise<void> => {\n    if (!props.gameInfo) return;\n\n    if (props.gameInfo.identity === 'betsy-sportsbook-betsy') {\n      await router.push(localizePath('/betting'));\n    } else {\n      const { openGame } = useMobileGameLogic(props.gameInfo);\n      await openGame();\n    }\n  };\n\n  const cardBase = ref<HTMLElement>();\n  const cardSize = ref<string>('');\n  const timeoutId = ref();\n  const cardSizes = [\n    { size: 'min', min: 104, max: 127 },\n    { size: 'def', min: 128, max: 167 },\n    { size: 'max', min: 168, max: 200 },\n  ];\n\n  const setCardSize = () => {\n    const width = cardBase.value?.getBoundingClientRect().width || 0;\n\n    cardSize.value = cardSizes.reduce((acc, { size, min, max }) => {\n      if (width > max) acc = 'max';\n      if (width >= min && width <= max) acc = size;\n      return acc;\n    }, 'min');\n  };\n\n  const onResize = () => {\n    clearTimeout(timeoutId.value);\n    timeoutId.value = setTimeout(setCardSize, 200);\n  };\n\n  onMounted(() => {\n    window.addEventListener('resize', onResize);\n    setCardSize();\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('resize', onResize);\n  });\n</script>\n\n<style src=\"~/assets/styles/components/card/base.scss\" lang=\"scss\" />\n"],"names":["props","__props","classes","computed","emit","__emit","onClick","e","convertToUnit","str","unit","SkeletorSymbol","DEFAULT_OPTIONS","useSkeletor","inject","Skeletor","defineComponent","skeletor","isRect","isText","isShimmerless","style","_style","size","children","h","useMobileGameLogic","gameInfo","profileStore","useProfileStore","walletStore","useWalletStore","localizePath","useProjectMethods","openMobileGameModal","useGamesStore","router","useRouter","isLoggedIn","storeToRefs","activeAccount","resolveLoggedWithoutBalance","resolveLogged","_a","resolveUnlogged","globalComponentsContent","defaultLocaleGlobalComponentsContent","useGlobalStore","openModal","useModalStore","getImageUrl","getContent","gameTagsContent","labelNames","_b","label","gameBages","bage","openGame","isReal","_c","src","gameHovered","ref","globalStore","isMobile","clickGame","cardBase","cardSize","timeoutId","cardSizes","setCardSize","width","acc","min","max","onResize","onMounted","onUnmounted"],"mappings":"kbAQE,MAAMA,EAAQC,EAMRC,EAAUC,EAAS,IAAM,CAAC,OAAQ,OAAOH,EAAM,KAAK,EAAE,CAAC,0MCL7D,MAAMI,EAAOC,EAEb,SAASC,EAAQC,EAAgB,CAC/BH,EAAK,YAAaG,CAAC,CAAA,mHCVvB,SAASC,EAAcC,EAAKC,EAAO,KAAM,CACvC,GAAI,EAAAD,GAAO,MAAQA,IAAQ,IAEpB,OAAI,MAAMA,CAAG,EACX,OAAOA,CAAG,EAEV,GAAG,OAAOA,CAAG,CAAC,GAAGC,CAAI,EAEhC,CAEA,MAAMC,GAAiB,OAAQ,EACzBC,GAAkB,CACtB,QAAS,EACX,EAEA,SAASC,IAAc,CAOrB,OANiBC,GAAOH,GAAgBC,EAAe,CAOzD,CAEK,MAACG,GAAWC,EAAgB,CAC/B,KAAM,WACN,MAAO,CACL,GAAI,CACF,KAAM,OACN,QAAS,MACV,EACD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EACD,KAAM,CACJ,KAAM,QACN,QAAS,EACV,EACD,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACV,EACD,MAAO,CACL,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACV,EACD,OAAQ,CACN,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,IACV,EACD,QAAS,CACP,KAAM,QACN,QAAS,MACf,CACG,EAED,MAAMhB,EAAO,CACX,MAAMiB,EAAWJ,GAAa,EACxBK,EAASf,EAAS,IAAM,CAACH,EAAM,SAAWA,EAAM,MAAQA,EAAM,OAAO,EACrEmB,EAAShB,EAAS,IAAM,CAACH,EAAM,QAAU,CAACA,EAAM,MAAQ,CAACA,EAAM,MAAM,EACrEoB,EAAgBjB,EAAS,IAAMH,EAAM,UAAY,OAAY,CAACA,EAAM,QAAU,CAACiB,EAAS,OAAO,EAC/Ff,EAAUC,EAAS,KAAO,CAC9B,eAAgB,GAChB,qBAAsBe,EAAO,MAC7B,qBAAsBC,EAAO,MAC7B,4BAA6BC,EAAc,MAC3C,uBAAwBpB,EAAM,OAC9B,qBAAsBA,EAAM,IAClC,EAAM,EACIqB,EAAQlB,EAAS,IAAM,CAC3B,MAAMmB,EAAS,CAAE,EAEjB,GAAItB,EAAM,KAAM,CACd,MAAMuB,EAAOf,EAAcR,EAAM,IAAI,EACrCsB,EAAO,MAAQC,EACfD,EAAO,OAASC,CACxB,CAEM,MAAI,CAACvB,EAAM,MAAQA,EAAM,QACvBsB,EAAO,MAAQd,EAAcR,EAAM,KAAK,GAGtC,CAACA,EAAM,MAAQA,EAAM,SACvBsB,EAAO,OAASd,EAAcR,EAAM,MAAM,GAGrCsB,CACb,CAAK,EACKE,EAAWL,EAAO,MAAQ,IAAW,KAC3C,MAAO,IAAMM,GAAEzB,EAAM,GAAI,CACvB,MAAOE,EAAQ,MACf,MAAOmB,EAAM,KACnB,EAAO,CAACG,CAAQ,CAAC,CACjB,CAEA,CAAC,EChGYE,GAAsBC,GAAoB,CACrD,MAAMC,EAAeC,EAAgB,EAC/BC,EAAcC,GAAe,EAC7B,CAAE,aAAAC,CAAa,EAAIC,EAAkB,EACrC,CAAE,oBAAAC,CAAoB,EAAIC,GAAc,EACxCC,EAASC,EAAU,EAEnB,CAAE,WAAAC,CAAA,EAAeC,EAAYX,CAAY,EACzC,CAAE,cAAAY,CAAA,EAAkBD,EAAYT,CAAW,EAE3CW,EAA8B,SAA2B,CACzDd,EAAS,WAAkB,MAAAO,EAAoB,gBAAiBP,CAAQ,EACvE,MAAMO,EAAoB,UAAWP,CAAQ,CACpD,EACMe,EAAgB,SAA2B,OAC3C,IAAAC,EAAAH,EAAc,QAAd,MAAAG,EAAqB,QACvB,MAAMP,EAAO,KAAKJ,EAAa,UAAUL,EAAS,QAAQ,YAAY,CAAC,MAEvE,QAAO,MAAMc,EAA4B,CAE7C,EAEMG,EAAkB,SAA2B,CAC7CjB,EAAS,WACL,MAAAO,EAAoB,iBAAkBP,CAAQ,EAE9C,MAAAO,EAAoB,kBAAmBP,CAAQ,CAEzD,EAUO,MAAA,CACL,SATe,SAA2B,CACtCW,EAAW,MACb,MAAMI,EAAc,EAEpB,MAAME,EAAgB,CAE1B,CAIA,CACF,iSCJE,MAAM5C,EAAQC,EAIRmC,EAASC,EAAU,EACnBT,EAAeC,EAAgB,EAC/B,CAAE,WAAAS,CAAA,EAAeC,EAAYX,CAAY,EACzC,CAAE,wBAAAiB,EAAyB,qCAAAC,CAAqC,EAAIC,EAAe,EACnF,CAAE,UAAAC,CAAU,EAAIC,GAAc,EAC9B,CAAE,aAAAjB,EAAc,YAAAkB,EAAa,WAAAC,CAAA,EAAelB,EAAkB,EAE9DmB,EAAqCD,EACzCN,EACAC,EACA,uBACF,EAEMO,GAAaC,GAAAX,EAAA3C,EAAM,WAAN,YAAA2C,EAAgB,SAAhB,YAAAW,EAAwB,IAAIC,GAASA,EAAM,MACxDC,EAAYJ,GAAA,YAAAA,EAAiB,OAAOK,GAAQJ,GAAA,YAAAA,EAAY,SAASI,EAAK,WAEtEC,EAAYC,GAA0B,aACtChB,EAAA3C,EAAM,WAAN,YAAA2C,EAAgB,YAAa,yBACxBP,EAAA,KAAKJ,EAAa,UAAU,CAAC,EAC1B2B,EAEArB,EAAW,MAGrBF,EAAO,KAAKJ,EAAa,WAAU4B,EAAA5D,EAAM,WAAN,YAAA4D,EAAgB,QAAQ,YAAY,CAAC,EAFxEZ,EAAU,SAAS,EAFnBZ,EAAO,KAAKJ,EAAa,WAAUsB,EAAAtD,EAAM,WAAN,YAAAsD,EAAgB,QAAQ,EAAE,CAAC,CAMlE,EAEMO,GAAM1D,EAAS,IAAM,SAAA,OAAA+C,GAAYP,EAAA3C,EAAM,WAAN,YAAA2C,EAAgB,cAAcW,EAAAtD,EAAM,WAAN,YAAAsD,EAAgB,OAAQ,UAAU,EAAC,EAClGQ,GAAcC,EAAa,EAAK,EAChCC,GAAcjB,EAAe,EAC7B,CAAE,SAAAkB,EAAA,EAAa1B,EAAYyB,EAAW,EACtCE,GAAY,SAA2B,CACvC,GAAClE,EAAM,SAEP,GAAAA,EAAM,SAAS,WAAa,yBAC9B,MAAMoC,EAAO,KAAKJ,EAAa,UAAU,CAAC,MACrC,CACL,KAAM,CAAE,SAAA0B,CAAAA,EAAahC,GAAmB1B,EAAM,QAAQ,EACtD,MAAM0D,EAAS,CAAA,CAEnB,EAEMS,EAAWJ,EAAiB,EAC5BK,EAAWL,EAAY,EAAE,EACzBM,EAAYN,EAAI,EAChBO,GAAY,CAChB,CAAE,KAAM,MAAO,IAAK,IAAK,IAAK,GAAI,EAClC,CAAE,KAAM,MAAO,IAAK,IAAK,IAAK,GAAI,EAClC,CAAE,KAAM,MAAO,IAAK,IAAK,IAAK,GAAI,CACpC,EAEMC,EAAc,IAAM,OACxB,MAAMC,IAAQ7B,EAAAwB,EAAS,QAAT,YAAAxB,EAAgB,wBAAwB,QAAS,EAEtDyB,EAAA,MAAQE,GAAU,OAAO,CAACG,EAAK,CAAE,KAAAlD,EAAM,IAAAmD,EAAK,IAAAC,MAC/CH,EAAQG,IAAWF,EAAA,OACnBD,GAASE,GAAOF,GAASG,IAAWF,EAAAlD,GACjCkD,GACN,KAAK,CACV,EAEMG,EAAW,IAAM,CACrB,aAAaP,EAAU,KAAK,EAClBA,EAAA,MAAQ,WAAWE,EAAa,GAAG,CAC/C,EAEA,OAAAM,GAAU,IAAM,CACP,OAAA,iBAAiB,SAAUD,CAAQ,EAC9BL,EAAA,CAAA,CACb,EAEDO,GAAY,IAAM,CACT,OAAA,oBAAoB,SAAUF,CAAQ,CAAA,CAC9C","x_google_ignoreList":[2]}