{"version":3,"file":"js/chunk-579c0206.b1d4ab2d.js","sources":["webpack:///./src/views/Main/Declarations.vue?9f18","webpack:///./src/components/Loader.vue?1507","webpack:///./src/components/Loader.vue","webpack:///src/components/Loader.vue","webpack:///./src/components/Loader.vue?6ef5","webpack:///./src/components/Loader.vue?086a","webpack:///./src/views/Main/Declarations.vue","webpack:///src/views/Main/Declarations.vue","webpack:///./src/views/Main/Declarations.vue?2a2e","webpack:///./src/views/Main/Declarations.vue?6c25"],"sourceRoot":"","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Declarations.vue?vue&type=style&index=0&id=0587dfec&prod&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=style&index=0&id=38fecc7e&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loader\"},[_c('img',{staticClass:\"loader__icon h-24 w-24\",attrs:{\"src\":require(\"@/assets/images/brand/logo.svg\")}}),_c('p',{staticClass:\"loading\"},[_vm._v(_vm._s(_vm.$t('dashboard.loading')))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"loader\">\n    <img class=\"loader__icon h-24 w-24\" src=\"@/assets/images/brand/logo.svg\" />\n    <p class=\"loading\">{{ $t('dashboard.loading') }}</p>\n  </div>\n</template>\n\n<script>\nimport { mapMutations } from 'vuex';\n\nexport default {\n  name: 'Loader',\n  methods: {\n    ...mapMutations('auth', ['clearAuth', 'setLogoutBlocked']),\n  },\n  // The following lines are temporarily commented out as they were causing the logout\n  // button to be disabled for 2-3 seconds during each route change. Further investigation\n  // and refinement are needed to address this issue before uncommenting these lines.\n  // mounted() {\n  //    this.setLogoutBlocked(true);\n  // },\n  beforeDestroy() {\n    this.setLogoutBlocked(false);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.loader {\n  @apply flex flex-col justify-center items-center w-full pt-24;\n  min-height: 50vh;\n\n  &__icon {\n    animation: pulse 1.8s linear infinite both;\n  }\n\n  .loading {\n    @apply text-xl mt-3;\n\n    &::after {\n      content: \".\";\n      animation: loading 1.2s ease alternate infinite;\n    }\n  }\n}\n\n@keyframes loading {\n  60% {\n    text-shadow: 0.3em 0 0 #000;\n  }\n\n  100% {\n    text-shadow: 0.3em 0 0 #000, 0.6em 0 0 #000;\n  }\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(0.4);\n  }\n\n  50% {\n    transform: scale(0.6);\n  }\n\n  100% {\n    transform: scale(0.4);\n  }\n}</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=38fecc7e&scoped=true&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&id=38fecc7e&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"38fecc7e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"declarations-section\"},[(_vm.isLoading || !_vm.iframe.loaded)?_c('Preloader'):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.iframe.loaded),expression:\"iframe.loaded\"}],staticClass:\"declarations-wrapper\",class:[`bg-${_vm.$route.meta.background}`]},[_c('transition',{attrs:{\"name\":\"fade-animation\",\"appear\":\"\"}},[_c('iframe',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.iframe.loaded),expression:\"iframe.loaded\"}],ref:\"iframe\",staticClass:\"declarations-iframe\",attrs:{\"src\":_vm.declarationRoute},on:{\"load\":_vm.onIframeLoaded}})])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"declarations-section\">\n    <Preloader v-if=\"isLoading || !iframe.loaded\" />\n    <div\n      v-show=\"iframe.loaded\"\n      class=\"declarations-wrapper\"\n      :class=\"[`bg-${$route.meta.background}`]\"\n    >\n      <transition name=\"fade-animation\" appear>\n        <iframe\n          ref=\"iframe\"\n          class=\"declarations-iframe\"\n          @load=\"onIframeLoaded\"\n          v-show=\"iframe.loaded\"\n          :src=\"declarationRoute\"\n        />\n      </transition>\n    </div>\n  </section>\n</template>\n\n<script>\nimport {\n  mapState, mapActions, mapGetters, mapMutations,\n} from 'vuex';\nimport Preloader from '@/components/Loader.vue';\n\nexport default {\n  name: 'Declarations',\n  components: {\n    Preloader,\n  },\n  data() {\n    return {\n      iframe: {\n        loaded: false,\n      },\n    };\n  },\n  computed: {\n    ...mapState('students', ['students', 'student']),\n    ...mapState('layout', ['isLoading']),\n    ...mapGetters('auth', ['isFullAccess']),\n    declarationRoute() {\n      let baseRoute;\n      if (process.env.VUE_APP_ENVIRONMENT === 'production') {\n        baseRoute = process.env.VUE_APP_DECLARATIONS_APP_PUBLIC_URL;\n      } else {\n        baseRoute = process.env.VUE_APP_DECLARATIONS_APP_TEST_PUBLIC_URL;\n      }\n\n      if (this.student && this.student.declarationCode) {\n        return `${baseRoute}/${this.student.declarationCode}`;\n      }\n\n      return baseRoute;\n    },\n  },\n\n  methods: {\n    ...mapActions('auth', ['getRefundData', 'updateRefundData']),\n    ...mapMutations('auth', ['setCurrentProfile', 'setAccess']),\n    onIframeLoaded() {\n      setTimeout(() => {\n        this.iframe.loaded = true;\n      }, 1000); // 1000 milliseconds = 1 second\n    },\n  },\n\n  async created() {\n    this.$store.commit('layout/finishLoading');\n  },\n\n  mounted() {\n    document.body.classList.add('hide-class-list');\n    document.body.classList.add('dont-show-class-list');\n    window.addEventListener('message', this.handleIframeHeightMessage);\n    setTimeout(() => {\n      this.$store.commit('layout/finishLoading');\n    }, 300);\n  },\n  beforeDestroy() {\n    document.body.classList.remove('dont-show-class-list');\n    window.removeEventListener('message', this.handleIframeHeightMessage);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.declarations-section {\n  margin-left: auto;\n  min-height: 100%;\n  position: relative;\n  z-index: 1;\n  @media screen and (min-width: 768px) {\n    width: calc(100% - 312px);\n    padding-top: 40px;\n    padding-bottom: 40px;\n    padding-left: 80px;\n    padding-right: 80px;\n  }\n\n  .declarations-wrapper {\n    @apply flex flex-col justify-center items-center;\n    background-color: #ffffff;\n    padding-top: 80px;\n    @media screen and (min-width: 768px) {\n      padding: 8px;\n    }\n  }\n\n  .declarations-iframe {\n    width: 100%;\n    height: calc(100vh - 80px - 67px);\n    transition: opacity 0.5s ease;\n    @media screen and (min-width: 768px) {\n      height: calc(100vh - 80px - 16px);\n    }\n  }\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s ease;\n}\n\n.fade-enter,\n.fade-leave-to,\n.fade-leave-active {\n  opacity: 1;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Declarations.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Declarations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Declarations.vue?vue&type=template&id=0587dfec&scoped=true&\"\nimport script from \"./Declarations.vue?vue&type=script&lang=js&\"\nexport * from \"./Declarations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Declarations.vue?vue&type=style&index=0&id=0587dfec&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0587dfec\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","$t","staticRenderFns","name","methods","mapMutations","beforeDestroy","component","isLoading","iframe","loaded","_e","directives","rawName","value","expression","class","$route","meta","background","ref","declarationRoute","on","onIframeLoaded","components","Preloader","data","computed","mapState","mapGetters","baseRoute","mapActions","setTimeout","created","mounted","document","window"],"mappings":";;gHAAA,W,oCCAA,W,oCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyBC,MAAM,CAAC,IAAMC,EAAQ,WAAqCJ,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,4BAE9PC,EAAkB,G,ooBCQP,OACfC,cACAC,aACAC,yDAQAC,yBACA,4BCtBgV,I,wBCQ5UC,EAAY,eACd,EACAhB,EACAW,GACA,EACA,KACA,WACA,MAIa,OAAAK,E,kGCnBf,IAAIhB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,wBAAwB,CAAEJ,EAAIgB,YAAchB,EAAIiB,OAAOC,OAAQhB,EAAG,aAAaF,EAAImB,KAAKjB,EAAG,MAAM,CAACkB,WAAW,CAAC,CAACT,KAAK,OAAOU,QAAQ,SAASC,MAAOtB,EAAIiB,OAAOC,OAAQK,WAAW,kBAAkBnB,YAAY,uBAAuBoB,MAAM,CAAC,MAAD,OAAOxB,EAAIyB,OAAOC,KAAKC,cAAe,CAACzB,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,iBAAiB,OAAS,KAAK,CAACH,EAAG,SAAS,CAACkB,WAAW,CAAC,CAACT,KAAK,OAAOU,QAAQ,SAASC,MAAOtB,EAAIiB,OAAOC,OAAQK,WAAW,kBAAkBK,IAAI,SAASxB,YAAY,sBAAsBC,MAAM,CAAC,IAAML,EAAI6B,kBAAkBC,GAAG,CAAC,KAAO9B,EAAI+B,qBAAqB,IAAI,IAEnpBrB,EAAkB,G,sqBCyBP,OACfC,oBACAqB,YACAC,kBAEAC,gBACA,OACAjB,QACAC,aAIAiB,oBACAC,mDACAA,wCACAC,6CACAR,4BACA,MAOA,OALAS,gDAKA,2CACA,sDAGA,KAIA1B,iBACA2B,6DACA1B,8DACAkB,0BAAA,WACAS,uBACA,qBACA,QAIAC,mBAAA,4IACA,gJADAA,GAIAC,mBAAA,WACAC,+CACAA,oDACAC,kEACAJ,uBACA,0CACA,MAEA1B,yBACA6B,uDACAC,uECnFqW,I,wBCQjW7B,EAAY,eACd,EACAhB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","debug_id":"4c27962b-ccb1-5ab7-9024-d53adda8d61a"}