{"version":3,"sources":["webpack:///./src/views/MintGames/MintGamesBase.vue?d7b0","webpack:///./src/views/MintGames/MintGamesBase.vue","webpack:///./src/views/MintGames/MintGamesBase.vue?0d5c","webpack:///./src/assets/legend-of-aurum-draconis.png"],"names":["class","_createElementVNode","src","_imports_0","alt","$setup","_createVNode","_component_router_link","to","_component_BlueButton","size","_hoisted_6","_component_ConnectButton","_component_router_view","_component_Notifications","displayName","components","BlueButton","ConnectButton","Notifications","setup","store","useStore","router","useRouter","isLoading","ref","isLoadingInitialData","isLoggedIn","profileImage","onMounted","value","onUnmounted","unWatchSessionActive","watch","state","isSessionActive","goToGame","push","refresh","window","location","reload","computed","turnHappening","isTurnHappening","__exports__","render","module","exports"],"mappings":"gHAAA,W,4GCCOA,MAAM,kB,GACJA,MAAM,W,GAEFA,MAAM,kB,GACJA,MAAM,e,iBAEmB,Q,EAIhCC,eAIE,OAHAD,MAAM,OACNE,IAAAC,IACAC,IAAI,QAHN,S,GAKKJ,MAAM,mB,GAIJA,MAAM,mB,GACJA,MAAM,kC,mPApBrBC,eA4BM,MA5BN,EA4BM,CA3BJA,eA0BM,MA1BN,EA0BM,CAzBJA,eAuBM,OAvBAD,MAAK,yBAAaK,gBAAa,aAArC,CACEJ,eAMM,MANN,EAMM,CALJA,eAIM,MAJN,EAIM,CAHJK,eAECC,EAAA,CAFYP,MAAM,OAAOQ,GAAG,KAA7B,C,wBACG,iBAA0C,CAA1CF,eAA0CG,EAAA,CAA9BC,KAAK,SAAO,C,wBAAC,iBAAI,O,oBAIpCC,EAKAV,eASM,MATN,EASM,CALJA,eAIM,MAJN,EAIM,CAHJA,eAEM,MAFN,EAEM,CADJK,eAA8BM,EAAA,CAAfF,KAAK,iBAnB5B,GAwBAJ,eAAeO,OAGnBP,eAA8CQ,EAAA,CAA/Bd,MAAM,0BAArB,I,wFAiBa,GACbe,YAAa,eACbC,WAAY,CACVC,kBACAC,qBACAC,sBAGFC,MARa,WASX,IAAMC,EAAQC,iBACRC,EAASC,iBAETC,EAAYC,gBAAI,GAChBC,EAAuBD,gBAAI,GAE3BE,EAAaF,gBAAI,GACjBG,EAAeH,eAAI,IAIzBI,eAAS,wCAAC,8FAGRH,EAAqBI,OAAQ,EAG7BJ,EAAqBI,OAAQ,EANrB,4CASVC,gBAAY,WACVC,OAGF,IAAMA,EAAuBZ,EAAMa,OACjC,kBAAMb,EAAMc,MAAMC,kBADS,yDAE3B,WAAOA,GAAP,iFACMA,IACFT,EAAqBI,OAAQ,EAC7BJ,EAAqBI,OAAQ,GAHjC,2CAF2B,uDAUvBM,EAAW,WACfd,EAAOe,KAAK,MAERC,EAAU,WACdC,OAAOC,SAASC,UAGZN,EAAkBO,gBAAS,WAC/B,OAAOtB,EAAMc,MAAMC,mBAGfQ,EAAgBD,gBAAS,WAC7B,OAAOtB,EAAMc,MAAMU,mBAGrB,MAAO,CAELpB,YACAE,uBACAC,aACAC,eAGAU,UACAF,WAEAD,kBACAQ,mB,iCC9GN,MAAME,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,qBCTfC,EAAOC,QAAU,IAA0B","file":"js/chunk-d82ef888.fea57b7c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MintGamesBase.vue?vue&type=style&index=0&id=3758c43a&lang=scss\"","<template>\n  <div class=\"mini-game-base\">\n    <div class=\"wrapper\">\n      <nav :class=\"['navbar', turnHappening ? 'hide' : '']\">\n        <div class=\"nav-links-left\">\n          <div class=\"back-button\">\n            <router-link class=\"back\" to=\"/\"\n              ><BlueButton size=\"small\">Back</BlueButton></router-link\n            >\n          </div>\n        </div>\n        <img\n          class=\"logo\"\n          src=\"../../assets/legend-of-aurum-draconis.png\"\n          alt=\"logo\"\n        />\n        <div class=\"nav-links-right\">\n          <!-- <router-link class=\"link\" to=\"/mint-games/dragon-fire-lottery\"\n            >Dragon Fire Lottery</router-link\n          > -->\n          <div class=\"account-connect\">\n            <div class=\"account-section connect-button\">\n              <ConnectButton size=\"small\" />\n            </div>\n          </div>\n        </div>\n      </nav>\n      <router-view />\n    </div>\n  </div>\n  <Notifications class=\"notification-wrapper\" />\n</template>\n\n<script>\nimport { onMounted, ref, computed, onUnmounted } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\n\n// import GenericLoading from \"../../components/LoadingComponents/GenericLoading.vue\";\nimport Notifications from \"../../components/Notifications.vue\";\nimport ConnectButton from \"../../components/Buttons/ConnectButton.vue\";\nimport BlueButton from \"../../components/Buttons/BlueButton.vue\";\n\n// import { ethers } from \"ethers\";\n// import { parseError } from \"../../utils/helpers\";\n\n// import { useUser } from \"../../composables/user\";\nexport default {\n  displayName: \"MintGameBase\",\n  components: {\n    BlueButton,\n    ConnectButton,\n    Notifications,\n    // GenericLoading,\n  },\n  setup() {\n    const store = useStore();\n    const router = useRouter();\n    // const revealButton = ref(null);\n    const isLoading = ref(false);\n    const isLoadingInitialData = ref(true);\n\n    const isLoggedIn = ref(false);\n    const profileImage = ref(\"\");\n    // const isBurningToken = ref(false);\n    // const { address, signer } = useUser();\n\n    onMounted(async () => {\n      // router.push(\"/mint-games/dcar-burn-battle\");\n\n      isLoadingInitialData.value = true;\n      // if (isSessionActive.value) {\n      // }\n      isLoadingInitialData.value = false;\n    });\n\n    onUnmounted(() => {\n      unWatchSessionActive();\n    });\n\n    const unWatchSessionActive = store.watch(\n      () => store.state.isSessionActive,\n      async (isSessionActive) => {\n        if (isSessionActive) {\n          isLoadingInitialData.value = true;\n          isLoadingInitialData.value = false;\n        }\n      }\n    );\n\n    const goToGame = () => {\n      router.push(\"/\");\n    };\n    const refresh = () => {\n      window.location.reload();\n    };\n\n    const isSessionActive = computed(() => {\n      return store.state.isSessionActive;\n    });\n\n    const turnHappening = computed(() => {\n      return store.state.isTurnHappening;\n    });\n\n    return {\n      // data\n      isLoading,\n      isLoadingInitialData,\n      isLoggedIn,\n      profileImage,\n      // address,\n      // method\n      refresh,\n      goToGame,\n      // computed\n      isSessionActive,\n      turnHappening,\n    };\n  },\n};\n</script>\n<style lang=\"scss\">\nbody {\n  background-color: transparent;\n}\n/* body {\n  background-color: transparent;\n  &:hover {\n    &:before {\n      transform: scale(2);\n    }\n  }\n  &:before {\n    background: #2c1c10 url(\"../../assets/burning-bg.png\");\n    background-position: top;\n    background-attachment: fixed;\n    background-size: cover;\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: -1;\n    transition: all 1s eas-in-out;\n  }\n} */\n.mini-game-base {\n  font-family: \"Cormorant\", serif;\n  width: 100vw;\n  height: 100vh;\n  /* background: #2c1c10 url(\"../../assets/burning-bg.png\"); */\n  /* background-position: top;\n  background-attachment: fixed;\n  background-size: cover; */\n\n  /* .wrapper {\n    padding-top: 60px;\n  } */\n}\n.wrapper {\n  padding-bottom: 3rem;\n}\n\n.navbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: linear-gradient(\n    to right,\n    rgba(81, 81, 81, 0.5) 0%,\n    rgba(181, 181, 181, 0.5) 50%,\n    rgba(81, 81, 81, 0.5) 100%\n  );\n  border-top: 2px solid rgba(255, 255, 255, 0.3);\n  border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n  box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, 0.3),\n    0 3px 7px 0 rgba(0, 0, 0, 0.3);\n  padding: 22px 0;\n  height: 28px;\n  position: fixed;\n  top: 60px;\n  width: 100%;\n  z-index: 50;\n  .connect-button {\n    @media only screen and (max-width: 576px) {\n      position: absolute;\n      top: -55px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100%;\n    }\n  }\n  .back-button {\n    position: absolute !important;\n    top: 25px;\n    left: 25px;\n  }\n  &.hide {\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    .nav-links-left,\n    .nav-links-right {\n      opacity: 0;\n    }\n    .logo {\n      max-width: 400px;\n      top: 30px;\n      position: relative;\n      @media only screen and (max-width: 576px) {\n        max-width: 240px;\n      }\n    }\n  }\n  .nav-links-left,\n  .nav-links-right {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 37%;\n  }\n\n  .nav-links-left {\n    align-items: flex-end;\n    justify-content: flex-end;\n  }\n\n  .nav-links-right {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-items: left;\n    .account-connect {\n      width: 97%;\n      display: grid;\n      justify-items: right;\n    }\n  }\n\n  .link {\n    text-transform: uppercase;\n    text-decoration: none;\n    font-weight: bold;\n    color: #ffd6ab;\n    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);\n    font-size: 18px;\n  }\n  .back {\n    text-decoration: none;\n    @media only screen and (max-width: 576px) {\n      display: none;\n    }\n  }\n\n  .logo {\n    max-width: 340px;\n    transition: all 0.5s ease;\n    @media only screen and (max-width: 576px) {\n      max-width: 200px;\n    }\n  }\n  .navbar .nav-links::before,\n  .navbar .nav-links::after {\n    content: \"\";\n    flex: 1;\n  }\n\n  .navbar .nav-links::before {\n    margin-right: 0.5em;\n  }\n\n  .navbar .nav-links::after {\n    margin-left: 0.5em;\n  }\n\n  .account-section {\n    display: flex;\n    align-items: center;\n  }\n\n  .profile-image {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    margin-right: 10px;\n  }\n}\n\n.content {\n  /* margin: 56px auto;\n  width: 100%;\n  max-width: 1200px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n  font-family: \"Cormorant\", serif; */\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    font-family: \"Cormorant\", serif;\n    color: #fff;\n    font-weight: bold;\n  }\n}\n</style>\n","import { render } from \"./MintGamesBase.vue?vue&type=template&id=3758c43a\"\nimport script from \"./MintGamesBase.vue?vue&type=script&lang=js\"\nexport * from \"./MintGamesBase.vue?vue&type=script&lang=js\"\n\nimport \"./MintGamesBase.vue?vue&type=style&index=0&id=3758c43a&lang=scss\"\n\nimport exportComponent from \"/opt/build/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/legend-of-aurum-draconis.85903ede.png\";"],"sourceRoot":""}