{"version":3,"sources":["webpack:///./src/views/gateway/Landbank.vue?dc31","webpack:///./src/views/component/LoadingOverlay.vue","webpack:///src/views/component/LoadingOverlay.vue","webpack:///./src/views/component/LoadingOverlay.vue?4645","webpack:///./src/views/component/LoadingOverlay.vue?cfb8","webpack:///./src/views/gateway/Landbank.vue","webpack:///./src/views/gateway/Landbank.vue?c1ce","webpack:///./src/views/gateway/Landbank.vue?5e18","webpack:///src/views/gateway/Landbank.vue"],"names":["_c","_self","attrs","staticRenderFns","name","props","loading","Boolean","watch","val","isLoading","console","log","deep","data","_this$loading","mounted","component","url","_vm","onIframeLoad","render","components","LoadingOverlay","methods","onLoad","_this","document","getElementById","contentWindow","postMessage","process","browser","window","addEventListener","message","JSON","parse","location","replace","e","submit","retry"],"mappings":"gHAAA,W,oDCA4CA,EAAOC,WAAS,MAAU,KAAiDC,EAAK,EAAC,S,OAAC,WAAgB,UAAE,U,MAAC,CAAiB,iBAAG,MAAS,aAE1KC,Y,KCMW,GACfC,KAAA,iBACAC,MAAA,CACAC,QAAAC,SAEAC,MAAA,CACAF,QAAA,SAAAG,GACA,KAAAC,UAAAD,EACAE,QAAAC,IAAA,wBAAAH,IAEAI,MAAA,GAEAC,KAAA,eAAAC,EACA,OACAL,UAAA,QAAAK,EAAA,KAAAT,eAAA,IAAAS,OAGAC,QAAA,WACAL,QAAAC,IAAA,wCAAAN,SACA,KAAAI,UAAA,KAAAJ,UC3BoY,I,YCOhYW,EAAY,eACd,EACA,EACAd,GACA,EACA,KACA,KACA,MAIa,OAAAc,E,oHClBuG,G,UAAA,WAAC,IAAGjB,EAAG,KAASE,EAAK,EAAC,S,OAAC,EAAM,IAAC,mBAAE,MAAC,CAAG,IAAC,KAAmB,WAAE,MAAK,CAAyDA,KAAM,I,GAAkB,CAAkB,iBAAgBA,GAAK,OAAC,4C,MAAC,CAAiB,MAAS,SAAS,mBAA0BA,GAAK,OAAC,C,MAAC,CAAqB,eAAI,QAAQF,W,CAAoB,oBAAakB,C,MAAiF,CAAY,UAAc,YAAO,IAAC,e,MAAC,CAAkB,cAAcC,EAAIC,2EAAY,cAAI,YAAY,KAErmBjB,IAEJ,KAASkB,EAAQlB,O,8DCJ6W,S,wBCQ1Xc,EAAY,eACd,EACA,EACAd,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,wGCcA,QACfZ,MAAA,gBACAiB,WAAA,CACAC,uBAEAT,KAAA,WACA,OACAR,SAAA,IAGAkB,QAAA,CACAC,OAAA,eAAAC,EAAA,KACAf,QAAAC,IAAA,yBACAe,SAAAC,eAAA,YAAAC,cAAAC,YAAA,eACAC,EAAAC,UACArB,QAAAC,IAAA,qBACAqB,OAAAC,iBAAA,oBAAAC,GAEA,GADAxB,QAAAC,IAAAuB,GACAA,KAAArB,KACA,IACA,IAAAA,EAAAsB,KAAAC,MAAAF,EAAArB,MACAA,KAAAI,MACAQ,EAAApB,SAAA,EACA2B,OAAAK,SAAAC,QAAAzB,EAAAI,MAEA,MAAAsB,UAKApB,aAAA,WACAT,QAAAC,IAAA,gCAEA6B,OAAA,WACA,IAAAvB,EAAA,KAAAwB,MACAT,OAAAK,SAAAC,QAAArB,Q","file":"js/chunk-642378f1.3eb520fb.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Landbank.vue?vue&type=style&index=0&id=0cab037d&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.isLoading)?_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div>\n<v-progress-circular v-if=\"isLoading\" indeterminate color=\"primary\">\n</v-progress-circular>\n</div>\n</template>\n\n<script>\nexport default {\n    name: 'LoadingOverlay',\n    props: {\n        loading: Boolean\n    },\n    watch: {\n        loading(val) {\n            this.isLoading = val\n            console.log('loading value changed', val)\n        },\n        deep: true\n    },\n    data() {\n        return {\n            isLoading: this.loading ?? false\n        }\n    },\n    mounted() {\n        console.log('mounting loading overlay; show? ', this.loading)\n        this.isLoading = this.loading\n    }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingOverlay.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingOverlay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LoadingOverlay.vue?vue&type=template&id=1b61c85c\"\nimport script from \"./LoadingOverlay.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingOverlay.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.url)?_c('div',[_c('v-app-bar',{attrs:{\"app\":\"\"}},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":_vm.submit}},[_c('v-icon',[_vm._v(\"mdi-arrow-left\")])],1)],1),_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('loading-overlay',{attrs:{\"loading\":_vm.loading}})],1)],1),_c('iframe',{attrs:{\"src\":`${_vm.url}?random=${(new Date()).getTime() + Math.floor(Math.random() * 1000000)}`,\"id\":\"iframeEl\",\"frameborder\":\"0\"},on:{\"load\":_vm.onLoad,\"iframe-load\":_vm.onIframeLoad}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Landbank.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Landbank.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Landbank.vue?vue&type=template&id=0cab037d&scoped=true\"\nimport script from \"./Landbank.vue?vue&type=script&lang=js\"\nexport * from \"./Landbank.vue?vue&type=script&lang=js\"\nimport style0 from \"./Landbank.vue?vue&type=style&index=0&id=0cab037d&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0cab037d\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div v-if=\"url\">\n    <v-app-bar app>\n        <v-btn icon @click=\"submit\">\n            <v-icon>mdi-arrow-left</v-icon>\n        </v-btn>\n    </v-app-bar>\n    <v-row align=\"center\" justify=\"center\">\n      <v-col align=\"center\" justify=\"center\">\n        <loading-overlay :loading=\"loading\" />\n      </v-col>\n    </v-row>\n    <iframe\n      :src=\"`${url}?random=${(new Date()).getTime() + Math.floor(Math.random() * 1000000)}`\"\n      id='iframeEl'\n      @load='onLoad'\n      @iframe-load='onIframeLoad'\n      frameborder=\"0\" >\n    </iframe>\n    <!-- <v-row align=\"center\" justify=\"center\" v-if=\"retry\" id=\"bg\">\n        <v-col align=\"center\" justify=\"center\">\n            <v-btn class=\"mr-4 mt-1 mb-1\" @click=\"submit\" color=\"blue\" dark>\n                RETRY PAYMENT\n            </v-btn>\n        </v-col>\n    </v-row> -->\n  </div>\n</template>\n\n<script>\n\nimport LoadingOverlay from '@/views/component/LoadingOverlay.vue';\n\nexport default {\n  props: [\"url\", \"retry\"],\n  components: {\n    LoadingOverlay\n  },\n  data() {\n    return {\n      loading: false\n    }\n  },\n  methods: {\n    onLoad() {\n      console.log('iframe loaded: onload');\n      document.getElementById('iframeEl').contentWindow.postMessage(\"message\", '*')\n      if (process.browser) {\n        console.log(\"listen to message\")\n        window.addEventListener('message', message => {\n          console.log(message)\n          if(message && message.data) {\n            try {\n              const data = JSON.parse(message.data)\n              if(data && data.url) {\n                this.loading = true\n                window.location.replace(data.url)\n              }\n            } catch(e) {}\n          }\n        })\n      }\n    },\n    onIframeLoad() {\n      console.log('iframe loadedL oniframeload');\n    },\n    submit() {\n      const url = this.retry\n      window.location.replace(url)\n    }\n\n  },\n}\n</script>\n\n<style scoped>\nbody {\n    margin: 0;            /* Reset default margin */\n}\n#iframeEl {\n    display: block;       /* iframes are inline by default */\n    background: #000;\n    border: none;         /* Reset default border */\n    height: 100vh;        /* Viewport-relative units */\n    width: 100vw;\n}\n#bg {\n  background: #ebebf0 !important;\n}\n</style>\n"],"sourceRoot":""}