{"version":3,"sources":["webpack:///./src/assets/img/foto-hold-paper.png","webpack:///./src/views/withdrawal/TakePhoto.vue","webpack:///./src/components/Camera.vue","webpack:///./src/components/icons/IconVideoSlash.vue","webpack:///src/components/icons/IconVideoSlash.vue","webpack:///./src/components/icons/IconVideoSlash.vue?8d52","webpack:///./src/components/icons/IconVideoSlash.vue?60e5","webpack:///src/components/Camera.vue","webpack:///./src/components/Camera.vue?9aef","webpack:///./src/components/Camera.vue?2139","webpack:///src/views/withdrawal/TakePhoto.vue","webpack:///./src/views/withdrawal/TakePhoto.vue?1fb3","webpack:///./src/views/withdrawal/TakePhoto.vue?6a1d","webpack:///./src/components/Camera.vue?5cd6","webpack:///./src/views/withdrawal/TakePhoto.vue?73b1"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_v","attrs","concat","error","undefined","bannerIconColor","_s","$store","state","bankAccount","validationString","ref","cameraOn","on","handleCameraReady","handlePhotoTaken","handleError","photoTaken","$event","retake","submitPhoto","capturePhoto","toggleCamera","_m","getters","getEmailCencored","submitOtp","resendOtpFunc","handleCloseOtp","staticRenderFns","require","directives","name","rawName","value","expression","_e","width","height","color_prop","props","sizeMultiplier_prop","type","Number","default","width_prop","String","height_prop","data","computed","extracted","extractValueAndUnit","unit","methods","input","regex","match","parseFloat","component","Boolean","required","components","IconVideoSlash","stream","photo","isVideo","photoBlob","watch","immediate","handler","newValue","initCamera","stopCamera","beforeDestroy","_initCamera","_asyncToGenerator","regeneratorRuntime","mark","_callee","videoElement","wrap","_context","prev","next","navigator","mediaDevices","getUserMedia","video","sent","$refs","srcObject","$emit","t0","console","stop","apply","arguments","canvasToBlob","canvas","Promise","resolve","reject","toBlob","blob","Error","_capturePhoto","_callee2","canvasElement","context","_context2","getContext","videoWidth","videoHeight","drawImage","setPhotoTaken","toDataURL","log","tracks","getTracks","forEach","track","mixins","useBankAccount","Banner","Select","LogoAbi","InputOtp","IconInfo","Camera","Breadcrumbs","themeColor","getComputedStyle","document","documentElement","getPropertyValue","colorWarning","timer","mounted","inputOtpRef","startTimer","whichProcessAddBankAccount","openInputOtp","open","Alert","title","description","isReady","camera","syncPhotoTaken","photoData","err","message","_submitPhoto","addImageVerification","image","commit","restartTimer","complete","reset","start","setInputOtp","text","contact","mode","otpModeAddBankAccount","getPhoneNumberCensored","setTitle","setText","setContact","setMode","clearOtp","_submitOtp","otp","payload","validateOtpEmail","validateOtpSms","closeInputOtp","$router","push","_x","_resendOtpFunc","_callee3","_context3","resendOtp","beforeRouteLeave","to","from","_this","requestKeyAddBankAccount","dispatch","onConfirm","onDecline"],"mappings":"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","file":"js/chunk-6c56ea28.eeecc9fe.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/foto-hold-paper.a25b3e33.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content text-white\"},[_c('div',{staticClass:\"text-3.5xl mb-3\"},[_vm._v(\"Foto Selfi dengan Nomor Acak\")]),_c('div',{staticClass:\"text-xs mb-8\"},[_c('Breadcrumbs')],1),_c('div',{staticClass:\"grid grid-cols-70-30 gap-12\"},[_c('div',[_c('div',{staticClass:\"card rounded-b-none p-5 mb-0.5\"},[_c('Banner',{staticClass:\"mb-5\",attrs:{\"type\":`${_vm.error ? 'warning' : undefined}`}},[_c('div',{staticClass:\"flex items-center gap-3\"},[_c('div',[_c('IconInfo',{attrs:{\"color_prop\":_vm.bannerIconColor}})],1),(_vm.error)?_c('div',[_c('div',{staticClass:\"text-sm font-medium mb-1\"},[_vm._v(\"Kamera perangkat Anda tidak dapat berfungsi\")]),_c('div',{staticClass:\"text-xs\"},[_vm._v(\" Jika kamera pada perangkat Anda tidak berfungsi, gunakan kamera eksternal atau menggunakan perangkat lain \")])]):_c('div',[_c('div',{staticClass:\"text-sm font-medium mb-1\"},[_vm._v(\"Lakukan foto selfie dengan nomor acak berikut\")]),_c('div',{staticClass:\"text-xs\"},[_vm._v(\" Jika kamera pada perangkat Anda mengalami kendala, gunakan kamera eksternal atau perangkat lain \")])]),_c('div',{staticClass:\"grow text-center\"},[_c('div',{staticClass:\"bg-white text-black font-bold p-3\"},[_vm._v(\" \"+_vm._s(_vm.$store.state.bankAccount.validationString)+\" \")])])])]),_c('div',{staticClass:\"flex justify-center items-center\"},[_c('Camera',{ref:\"camera\",attrs:{\"cameraOn\":_vm.cameraOn},on:{\"camera-ready\":_vm.handleCameraReady,\"photo-taken\":_vm.handlePhotoTaken,\"error\":_vm.handleError}})],1)],1),_c('div',{staticClass:\"card rounded-t-none p-5\"},[(_vm.photoTaken)?_c('div',{staticClass:\"flex flex--same-width gap-2\"},[_c('button',{staticClass:\"btn c-btn-theme\",on:{\"click\":function($event){return _vm.retake()}}},[_vm._v(\"Ambil Ulang Foto\")]),_c('button',{staticClass:\"btn c-btn-theme\",on:{\"click\":function($event){return _vm.submitPhoto()}}},[_vm._v(\"Simpan & Lanjutkan\")])]):(_vm.cameraOn)?_c('button',{staticClass:\"btn c-btn-theme w-100\",attrs:{\"disabled\":_vm.error ? true : false},on:{\"click\":_vm.capturePhoto}},[_vm._v(\"Ambil Foto dengan Kamera\")]):_c('button',{staticClass:\"btn c-btn-theme w-100\",on:{\"click\":_vm.toggleCamera}},[_vm._v(\"Nyalakan Kamera\")])])]),_vm._m(0)]),_c('InputOtp',{ref:\"inputOtpRef\",attrs:{\"titleDefault\":\"Kode OTP Via Email\",\"textDefault\":\"Silakan masukkan kode OTP yang kami kirimkan melalui email Anda\",\"contactDefault\":_vm.$store.getters.getEmailCencored},on:{\"submit\":_vm.submitOtp,\"resend\":_vm.resendOtpFunc,\"close\":_vm.handleCloseOtp}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"card rounded-b-none p-5 mb-0.5\"},[_c('div',{staticClass:\"text-sm\"},[_vm._v(\"Petunjuk Selfie\")])]),_c('div',{staticClass:\"card rounded-t-none p-5\"},[_c('div',{staticClass:\"bg-white text-center mb-5\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/foto-hold-paper.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"flex gap-2 text-xs mb-2\"},[_c('div',[_vm._v(\"1. \")]),_c('div',[_vm._v(\"Tulis nomor acak yang tertera pada sebuah kertas\")])]),_c('div',{staticClass:\"flex gap-2 text-xs mb-2\"},[_c('div',[_vm._v(\"2. \")]),_c('div',[_vm._v(\"Ambil foto selfie dengan memegang kertas yang sudah dituliskan nomor acak\")])]),_c('div',{staticClass:\"flex gap-2 text-xs mb-2\"},[_c('div',[_vm._v(\"3. \")]),_c('div',[_vm._v(\"Pastikan wajah dan kertas berisi nomor acak terlihat jelas / tidak blur\")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"camera-wrapper\"},[(_vm.error)?_c('div',{staticClass:\"flex justify-center items-center bg-grey-1 py-40\"},[_c('div',[_c('IconVideoSlash'),_c('div')],1)]):_c('div',[_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.cameraOn && !_vm.photoTaken),expression:\"cameraOn && !photoTaken\"}],ref:\"video\",staticClass:\"w-full max-w-md border rounded-md shadow-md\",attrs:{\"autoplay\":\"\",\"playsinline\":\"\"}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.photoTaken),expression:\"photoTaken\"}],ref:\"canvas\",staticClass:\"w-full max-w-md border rounded-md shadow-md\"}),(_vm.error)?_c('p',{staticClass:\"text-red-500\"},[_vm._v(_vm._s(_vm.error))]):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('svg',{attrs:{\"width\":_vm.width,\"height\":_vm.height,\"viewBox\":\"0 0 48 48\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M7.64 39.5C5.62 37.84 4.5 35.18 4.5 32V16C4.5 9.16 7.16 6.5 14 6.5H26C30.08 6.5 34.36 7.26 35.28 12.96C35.42 13.78 34.86 14.54 34.04 14.68C33.22 14.82 32.46 14.26 32.32 13.44C31.9 10.84 30.8 9.5 26 9.5H14C8.84 9.5 7.5 10.84 7.5 16V32C7.5 33.3 7.76 35.72 9.54 37.18C10.18 37.7 10.28 38.66 9.74 39.3C9.46 39.66 9.02 39.84 8.6 39.84C8.26 39.84 7.92 39.72 7.64 39.5Z\",\"fill\":_vm.color_prop}}),_c('path',{attrs:{\"d\":\"M16 41.5C15.18 41.5 14.5 40.82 14.5 40C14.5 39.18 15.18 38.5 16 38.5H26C31.16 38.5 32.5 37.16 32.5 32V22C32.5 21.18 33.18 20.5 34 20.5C34.82 20.5 35.5 21.18 35.5 22V32C35.5 38.84 32.84 41.5 26 41.5H16Z\",\"fill\":_vm.color_prop}}),_c('path',{attrs:{\"d\":\"M38.4206 34.92L33.1406 31.22C32.4606 30.74 32.3006 29.8 32.7806 29.14C33.2606 28.46 34.1806 28.3 34.8606 28.78L40.1406 32.48C41.0206 33.1 41.6606 33.16 41.9206 33.02C42.1806 32.88 42.5006 32.34 42.5006 31.26V14C42.5006 13.18 43.1806 12.5 44.0006 12.5C44.8206 12.5 45.5006 13.18 45.5006 14V31.24C45.5006 34.1 44.1206 35.24 43.3006 35.66C42.9206 35.86 42.3406 36.08 41.6006 36.08C40.7406 36.08 39.6806 35.8 38.4206 34.92Z\",\"fill\":_vm.color_prop}}),_c('path',{attrs:{\"d\":\"M2.98188 45.4398C2.40188 44.8598 2.40188 43.8998 2.98188 43.3198L42.9819 3.31977C43.5619 2.73977 44.5219 2.73977 45.1019 3.31977C45.6819 3.89977 45.6819 4.85977 45.1019 5.43977L5.10187 45.4398C4.82187 45.7398 4.42187 45.8798 4.04187 45.8798C3.66187 45.8798 3.28188 45.7398 2.98188 45.4398Z\",\"fill\":_vm.color_prop}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<svg :width=\"width\" :height=\"height\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path\n\t\t\td=\"M7.64 39.5C5.62 37.84 4.5 35.18 4.5 32V16C4.5 9.16 7.16 6.5 14 6.5H26C30.08 6.5 34.36 7.26 35.28 12.96C35.42 13.78 34.86 14.54 34.04 14.68C33.22 14.82 32.46 14.26 32.32 13.44C31.9 10.84 30.8 9.5 26 9.5H14C8.84 9.5 7.5 10.84 7.5 16V32C7.5 33.3 7.76 35.72 9.54 37.18C10.18 37.7 10.28 38.66 9.74 39.3C9.46 39.66 9.02 39.84 8.6 39.84C8.26 39.84 7.92 39.72 7.64 39.5Z\"\n\t\t\t:fill=\"color_prop\" />\n\t\t<path\n\t\t\td=\"M16 41.5C15.18 41.5 14.5 40.82 14.5 40C14.5 39.18 15.18 38.5 16 38.5H26C31.16 38.5 32.5 37.16 32.5 32V22C32.5 21.18 33.18 20.5 34 20.5C34.82 20.5 35.5 21.18 35.5 22V32C35.5 38.84 32.84 41.5 26 41.5H16Z\"\n\t\t\t:fill=\"color_prop\" />\n\t\t<path\n\t\t\td=\"M38.4206 34.92L33.1406 31.22C32.4606 30.74 32.3006 29.8 32.7806 29.14C33.2606 28.46 34.1806 28.3 34.8606 28.78L40.1406 32.48C41.0206 33.1 41.6606 33.16 41.9206 33.02C42.1806 32.88 42.5006 32.34 42.5006 31.26V14C42.5006 13.18 43.1806 12.5 44.0006 12.5C44.8206 12.5 45.5006 13.18 45.5006 14V31.24C45.5006 34.1 44.1206 35.24 43.3006 35.66C42.9206 35.86 42.3406 36.08 41.6006 36.08C40.7406 36.08 39.6806 35.8 38.4206 34.92Z\"\n\t\t\t:fill=\"color_prop\" />\n\t\t<path\n\t\t\td=\"M2.98188 45.4398C2.40188 44.8598 2.40188 43.8998 2.98188 43.3198L42.9819 3.31977C43.5619 2.73977 44.5219 2.73977 45.1019 3.31977C45.6819 3.89977 45.6819 4.85977 45.1019 5.43977L5.10187 45.4398C4.82187 45.7398 4.42187 45.8798 4.04187 45.8798C3.66187 45.8798 3.28188 45.7398 2.98188 45.4398Z\"\n\t\t\t:fill=\"color_prop\" />\n\t</svg>\n\n\n</template>\n\n<script>\nexport default {\n\n\tname: 'IconVideoSlash',\n\n\tprops: {\n\t\tsizeMultiplier_prop: {\n\t\t\ttype: Number,\n\t\t\tdefault: 1,\n\t\t},\n\n\t\twidth_prop: {\n\t\t\ttype: String,\n\t\t\tdefault: '3rem', // \"px\" or \"em\" only\n\t\t},\n\n\t\theight_prop: {\n\t\t\ttype: String,\n\t\t\tdefault: '3rem', // \"px\" or \"em\" only\n\t\t},\n\n\t\tcolor_prop: {\n\t\t\ttype: String,\n\t\t\tdefault: '#FFFFFF',\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t}\n\t},\n\n\tcomputed: {\n\t\twidth() {\n\t\t\t// return Number(this.width_prop.substr(0, this.width_prop.length - 2)) * this.sizeMultiplier_prop + this.width_prop.substr(-2)\n\t\t\tconst extracted = this.extractValueAndUnit(this.width_prop)\n\t\t\treturn extracted.value * this.sizeMultiplier_prop + extracted.unit\n\t\t},\n\n\t\theight() {\n\t\t\t// return Number(this.height_prop.substr(0, this.height_prop.length - 2)) * this.sizeMultiplier_prop + this.height_prop.substr(-2)\n\t\t\tconst extracted = this.extractValueAndUnit(this.height_prop)\n\t\t\treturn extracted.value * this.sizeMultiplier_prop + extracted.unit\n\t\t},\n\t},\n\n\tmethods: {\n\t\t// extract value and unit from a string. px, em, rem, %\n\t\textractValueAndUnit(input) {\n\t\t\tconst regex = /^([\\d.]+)(px|em|rem|%)$/ // Matches numeric values with units\n\t\t\tconst match = input.match(regex)\n\n\t\t\tif (match) {\n\t\t\t\tconst value = parseFloat(match[1]) // Convert numeric part to a number\n\t\t\t\tconst unit = match[2] // Extract unit part\n\t\t\t\treturn { value, unit }\n\t\t\t}\n\n\t\t\treturn { value: 0, unit: 'px' } // Default value\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"css\" scoped></style>","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-loader/lib/index.js??vue-loader-options!./IconVideoSlash.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-loader/lib/index.js??vue-loader-options!./IconVideoSlash.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconVideoSlash.vue?vue&type=template&id=4c83efa2&scoped=true&\"\nimport script from \"./IconVideoSlash.vue?vue&type=script&lang=js&\"\nexport * from \"./IconVideoSlash.vue?vue&type=script&lang=js&\"\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  \"4c83efa2\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"camera-wrapper\">\n\t\t<div v-if=\"error\" class=\"flex justify-center items-center bg-grey-1 py-40\">\n\t\t\t<div>\n\t\t\t\t<IconVideoSlash />\n\t\t\t\t<div></div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-else>\n\t\t\t<!-- Camera Preview -->\n\t\t\t<video ref=\"video\" autoplay playsinline v-show=\"cameraOn && !photoTaken\"\n\t\t\t\tclass=\"w-full max-w-md border rounded-md shadow-md\"></video>\n\n\t\t\t<!-- Photo Preview -->\n\t\t\t<canvas v-show=\"photoTaken\" ref=\"canvas\" class=\"w-full max-w-md border rounded-md shadow-md\"></canvas>\n\n\t\t\t<!-- Error Message -->\n\t\t\t<p v-if=\"error\" class=\"text-red-500\">{{ error }}</p>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport IconVideoSlash from './icons/IconVideoSlash.vue'\n\nexport default {\n\tprops: {\n\t\tcameraOn: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t},\n\tcomponents: {\n\t\tIconVideoSlash,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstream: null, // Media stream from camera\n\t\t\tphoto: null, // Captured photo as a data URL\n\t\t\terror: null, // Error message\n\t\t\tisVideo: true,\n\t\t\tphotoTaken: false,\n\t\t\tphotoBlob: null,\n\t\t}\n\t},\n\twatch: {\n\t\tcameraOn: {\n\t\t\timmediate: true,\n\t\t\thandler(newValue) {\n\t\t\t\tif (newValue) {\n\t\t\t\t\tthis.initCamera()\n\t\t\t\t} else {\n\t\t\t\t\tthis.stopCamera()\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t},\n\tbeforeDestroy() {\n\t\tthis.stopCamera()\n\t},\n\tmethods: {\n\t\t// Initialize the camera\n\t\tasync initCamera() {\n\t\t\tthis.error = null // Clear previous errors\n\t\t\ttry {\n\t\t\t\tthis.stream = await navigator.mediaDevices.getUserMedia({\n\t\t\t\t\tvideo: true,\n\t\t\t\t})\n\t\t\t\tconst videoElement = this.$refs.video\n\t\t\t\tvideoElement.srcObject = this.stream\n\t\t\t\tthis.$emit(\"camera-ready\", true) // Notify parent that the camera is ready\n\t\t\t} catch (err) {\n\t\t\t\tthis.error = \"Unable to access the camera.\"\n\n\t\t\t\tthis.$emit(\"error\", err) // Emit error to parent\n\t\t\t\tconsole.error(\"camera\", err.name)\n\t\t\t}\n\t\t},\n\n\t\tcanvasToBlob(canvas) {\n\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\tcanvas.toBlob((blob) => {\n\t\t\t\t\tif (!blob) {\n\t\t\t\t\t\treturn reject(new Error(\"Failed to convert canvas to blob.\"))\n\t\t\t\t\t}\n\n\t\t\t\t\treturn resolve(blob)\n\t\t\t\t}, \"image/jpeg\")\n\t\t\t})\n\t\t},\n\n\t\t// Capture a photo\n\t\tasync capturePhoto() {\n\t\t\ttry {\n\n\t\t\t\tconst videoElement = this.$refs.video\n\t\t\t\tconst canvasElement = this.$refs.canvas\n\n\t\t\t\tconst context = canvasElement.getContext(\"2d\")\n\t\t\t\tcanvasElement.width = videoElement.videoWidth\n\t\t\t\tcanvasElement.height = videoElement.videoHeight\n\n\t\t\t\t// Draw video frame to canvas\n\t\t\t\tcontext.drawImage(\n\t\t\t\t\tvideoElement,\n\t\t\t\t\t0,\n\t\t\t\t\t0,\n\t\t\t\t\tcanvasElement.width,\n\t\t\t\t\tcanvasElement.height\n\t\t\t\t)\n\n\t\t\t\tthis.setPhotoTaken(true)\n\n\t\t\t\t// Save the photo as a data URL\n\t\t\t\tthis.photo = canvasElement.toDataURL(\"image/png\")\n\n\t\t\t\t// save the photo as a blob\n\t\t\t\t// Convert canvas to Blob (image/jpeg format)\n\t\t\t\tthis.photoBlob = await this.canvasToBlob(canvasElement)\n\n\t\t\t\tconsole.log('photoBlob', this.photoBlob)\n\n\t\t\t\tthis.$emit(\"photo-taken\", this.photo, this.photoBlob) // Emit photo data to parent\n\t\t\t} catch (err) {\n\t\t\t\tthis.error = \"Failed to capture photo.\"\n\t\t\t\tthis.$emit(\"error\", err) // Emit error to parent\n\t\t\t}\n\t\t},\n\t\t// Stop the camera\n\t\tstopCamera() {\n\t\t\tif (this.stream) {\n\t\t\t\tconst tracks = this.stream.getTracks()\n\t\t\t\ttracks.forEach((track) => track.stop())\n\t\t\t\tthis.stream = null\n\t\t\t}\n\t\t},\n\n\t\tsetPhotoTaken(value) {\n\t\t\tthis.photoTaken = value\n\t\t}\n\t},\n}\n</script>\n\n<style scoped>\n.camera-wrapper {\n\t/* margin: 20px; */\n\t/* text-align: center; */\n}\n\n/* Add the mirrored effect */\nvideo {\n\ttransform: scaleX(-1);\n\t/* Flip the video horizontally */\n\twidth: 100%;\n}\n\ncanvas {\n\twidth: 100%;\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./Camera.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-loader/lib/index.js??vue-loader-options!./Camera.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Camera.vue?vue&type=template&id=35190c7c&scoped=true&\"\nimport script from \"./Camera.vue?vue&type=script&lang=js&\"\nexport * from \"./Camera.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Camera.vue?vue&type=style&index=0&id=35190c7c&prod&scoped=true&lang=css&\"\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  \"35190c7c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"content text-white\">\n\t\t<div class=\"text-3.5xl mb-3\">Foto Selfi dengan Nomor Acak</div>\n\t\t<div class=\"text-xs mb-8\">\n\t\t\t<Breadcrumbs />\n\t\t</div>\n\n\t\t<div class=\"grid grid-cols-70-30 gap-12\">\n\t\t\t<div>\n\t\t\t\t<div class=\"card  rounded-b-none p-5 mb-0.5\">\n\t\t\t\t\t<Banner :type=\"`${error ? 'warning' : undefined}`\" class=\"mb-5\">\n\t\t\t\t\t\t<div class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<IconInfo :color_prop=\"bannerIconColor\" />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div v-if=\"error\">\n\t\t\t\t\t\t\t\t<div class=\"text-sm font-medium mb-1\">Kamera perangkat Anda tidak dapat berfungsi</div>\n\t\t\t\t\t\t\t\t<div class=\"text-xs\">\n\t\t\t\t\t\t\t\t\tJika kamera pada perangkat Anda tidak berfungsi, gunakan\n\t\t\t\t\t\t\t\t\tkamera eksternal atau menggunakan perangkat lain\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div v-else>\n\t\t\t\t\t\t\t\t<div class=\"text-sm font-medium mb-1\">Lakukan foto selfie dengan nomor acak berikut</div>\n\t\t\t\t\t\t\t\t<div class=\"text-xs\">\n\t\t\t\t\t\t\t\t\tJika kamera pada perangkat Anda mengalami kendala, gunakan kamera eksternal atau perangkat lain\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"grow text-center\">\n\t\t\t\t\t\t\t\t<div class=\"bg-white text-black font-bold p-3\">\n\t\t\t\t\t\t\t\t\t{{ $store.state.bankAccount.validationString }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Banner>\n\n\t\t\t\t\t<div class=\"flex justify-center items-center\">\n\t\t\t\t\t\t<!-- <img src=\"https://www.pngkit.com/png/detail/297-2978148_full-size-360-person-placeholder.png\" alt=\"\"> -->\n\t\t\t\t\t\t<!-- Camera Component -->\n\t\t\t\t\t\t<Camera ref=\"camera\" :cameraOn=\"cameraOn\" @camera-ready=\"handleCameraReady\" @photo-taken=\"handlePhotoTaken\"\n\t\t\t\t\t\t\t@error=\"handleError\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"card rounded-t-none p-5\">\n\t\t\t\t\t<div v-if=\"photoTaken\" class=\"flex flex--same-width gap-2\">\n\t\t\t\t\t\t<button class=\"btn c-btn-theme\" @click=\"retake()\">Ambil Ulang Foto</button>\n\t\t\t\t\t\t<button class=\"btn c-btn-theme\" @click=\"submitPhoto()\">Simpan & Lanjutkan</button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<button v-else-if=\"cameraOn\" class=\"btn c-btn-theme w-100\" @click=\"capturePhoto\"\n\t\t\t\t\t\t:disabled=\"error ? true : false\">Ambil Foto dengan\n\t\t\t\t\t\tKamera</button>\n\n\t\t\t\t\t<button v-else class=\"btn c-btn-theme w-100\" @click=\"toggleCamera\">Nyalakan Kamera</button>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Daftar Rekening Penerima -->\n\t\t\t<div>\n\t\t\t\t<div class=\"card rounded-b-none p-5 mb-0.5\">\n\t\t\t\t\t<div class=\"text-sm\">Petunjuk Selfie</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"card rounded-t-none p-5\">\n\t\t\t\t\t<div class=\"bg-white text-center mb-5\">\n\t\t\t\t\t\t<img src=\"@/assets/img/foto-hold-paper.png\" alt=\"\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"flex gap-2 text-xs mb-2\">\n\t\t\t\t\t\t<div>1. </div>\n\t\t\t\t\t\t<div>Tulis nomor acak yang tertera pada sebuah kertas</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"flex gap-2 text-xs mb-2\">\n\t\t\t\t\t\t<div>2. </div>\n\t\t\t\t\t\t<div>Ambil foto selfie dengan memegang kertas yang sudah dituliskan nomor acak</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"flex gap-2 text-xs mb-2\">\n\t\t\t\t\t\t<div>3. </div>\n\t\t\t\t\t\t<div>Pastikan wajah dan kertas berisi nomor acak terlihat jelas / tidak blur</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<InputOtp ref=\"inputOtpRef\" @submit=\"submitOtp\" @resend=\"resendOtpFunc\" @close=\"handleCloseOtp\"\n\t\t\ttitleDefault=\"Kode OTP Via Email\" textDefault=\"Silakan masukkan kode OTP yang kami kirimkan melalui email Anda\"\n\t\t\t:contactDefault=\"$store.getters.getEmailCencored\" />\n\t</div>\n</template>\n\n<script>\nimport useBankAccount from '../../composable/useBankAccount'\n\nimport Banner from '@/components/Banner.vue'\nimport Select from '@/components/ui/Select.vue'\nimport LogoAbi from '@/components/logo/LogoAbi.vue'\nimport Alert from '@/components/alert-component/AlertComponent.js'\nimport InputOtp from './components/InputOtp.vue'\nimport IconInfo from '../../components/icons/IconInfo.vue'\nimport Camera from '../../components/Camera.vue'\nimport Breadcrumbs from '../../components/Breadcrumbs.vue'\n\nexport default {\n\tname: 'TakePhoto',\n\n\tmixins: [useBankAccount],\n\n\tcomponents: {\n\t\tBanner,\n\t\tSelect,\n\t\tLogoAbi,\n\t\tInputOtp,\n\t\tIconInfo,\n\t\tCamera,\n\t\tBreadcrumbs,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tthemeColor: getComputedStyle(document.documentElement).getPropertyValue('--theme-color'),\n\t\t\tcolorWarning: getComputedStyle(document.documentElement).getPropertyValue('--color-warning'),\n\n\t\t\tcameraOn: false, // Toggle camera state\n\t\t\terror: null, // Error message\n\t\t\tphoto: null, // Captured photo\n\t\t\tphotoTaken: false,\n\n\t\t\ttimer: null,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tbannerIconColor() {\n\t\t\treturn this.error ? this.colorWarning : this.themeColor\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.timer = this.$refs.inputOtpRef.startTimer(60)\n\n\t\tif (this.$store.state.bankAccount.whichProcessAddBankAccount === 'otp') {\n\t\t\tthis.openInputOtp()\n\t\t}\n\t},\n\n\tmethods: {\n\t\topen() {\n\t\t\tAlert.open({\n\t\t\t\ttype: 'success',\n\t\t\t\ttitle: 'Persetujuan Pengguna',\n\t\t\t\tdescription: 'Saya setuju untuk data terkait dengan nomor rekening yang saya masukkan untuk diverifikasi lebih lanjut oleh JFXGOLD X',\n\t\t\t})\n\t\t},\n\n\t\ttoggleCamera() {\n\t\t\tthis.cameraOn = !this.cameraOn\n\t\t},\n\t\thandleCameraReady(isReady) {\n\t\t\tif (isReady) {\n\t\t\t\tthis.error = null // Clear any existing errors\n\t\t\t\tconsole.log(\"Camera is ready.\")\n\t\t\t}\n\t\t},\n\t\tcapturePhoto() {\n\t\t\tthis.$refs.camera.capturePhoto()\n\t\t\tthis.syncPhotoTaken()\n\t\t\tthis.toggleCamera()\n\t\t},\n\t\thandlePhotoTaken(photoData, photoBlob) {\n\t\t\tthis.photo = photoBlob\n\t\t},\n\t\thandleError(err) {\n\t\t\tthis.error = err.message || \"An error occurred.\"\n\t\t},\n\n\t\tsyncPhotoTaken() {\n\t\t\tthis.photoTaken = this.$refs.camera.photoTaken\n\t\t},\n\t\tretake() {\n\t\t\tthis.$refs.camera.setPhotoTaken(false)\n\t\t\tthis.syncPhotoTaken()\n\t\t\tthis.toggleCamera()\n\t\t},\n\n\t\tasync submitPhoto() {\n\t\t\ttry {\n\t\t\t\t// Submit the photo to the server\n\t\t\t\tawait this.addImageVerification({\n\t\t\t\t\timage: this.photo,\n\t\t\t\t})\n\n\t\t\t\t// change which process addBankAccount to 'otp'\n\t\t\t\tthis.$store.commit('bankAccount/setWhichProcessAddBankAccount', 'otp')\n\n\t\t\t\t// Open the OTP input modal\n\t\t\t\tthis.openInputOtp()\n\t\t\t} catch (err) {\n\n\t\t\t}\n\t\t},\n\n\t\trestartTimer() {\n\t\t\tthis.timer.complete()\n\t\t\tthis.timer.reset(60)\n\t\t\tthis.timer.start()\n\t\t},\n\n\t\tsetInputOtp() {\n\t\t\tlet title, text, contact, mode\n\n\t\t\tif (this.$store.state.bankAccount.otpModeAddBankAccount === 'email') {\n\t\t\t\ttitle = 'Kode OTP Via Email'\n\t\t\t\ttext = 'Silakan masukkan kode OTP yang kami kirimkan melalui email Anda'\n\t\t\t\tcontact = this.$store.getters.getEmailCencored\n\t\t\t\tmode = 'email'\n\t\t\t} else {\n\t\t\t\ttitle = 'Kode OTP Via SMS'\n\t\t\t\ttext = 'Silakan masukkan kode OTP yang kami kirimkan melalui SMS Anda'\n\t\t\t\tcontact = this.$store.getters.getPhoneNumberCensored\n\t\t\t\tmode = 'sms'\n\t\t\t}\n\n\t\t\tthis.$refs.inputOtpRef.setTitle(title)\n\t\t\tthis.$refs.inputOtpRef.setText(text)\n\t\t\tthis.$refs.inputOtpRef.setContact(contact)\n\t\t\tthis.$refs.inputOtpRef.setMode(mode)\n\t\t\tthis.$refs.inputOtpRef.clearOtp()\n\t\t},\n\n\t\topenInputOtp() {\n\t\t\t// setting up input otp modal\n\t\t\tthis.setInputOtp()\n\n\t\t\t// Open the OTP input modal\n\t\t\tthis.$refs.inputOtpRef.openInputOtp()\n\t\t\tthis.timer.start()\n\t\t},\n\n\t\t/**\n\t\t * Submit the OTP to the server\n\t\t * @param {String} otp The OTP\n\t\t */\n\t\tasync submitOtp(otp) {\n\t\t\tconst payload = {\n\t\t\t\totp: otp,\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\t// Validate the OTP\n\t\t\t\tif (this.$store.state.bankAccount.otpModeAddBankAccount === 'email') {\n\t\t\t\t\tawait this.validateOtpEmail(payload)\n\n\t\t\t\t\tthis.$store.state.bankAccount.otpModeAddBankAccount = 'sms'\n\n\t\t\t\t\t// restart timer\n\t\t\t\t\tthis.restartTimer()\n\n\t\t\t\t\t// set input otp modal to SMS mode\n\t\t\t\t\tthis.setInputOtp()\n\t\t\t\t} else {\n\t\t\t\t\tawait this.validateOtpSms(payload)\n\n\t\t\t\t\tthis.$refs.inputOtpRef.closeInputOtp()\n\t\t\t\t\tthis.$router.push({ name: 'Withdrawal' })\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log('ERROR TIMER', err, this.timer)\n\t\t\t\tif (err == 'stopTimer') {\n\t\t\t\t\tthis.timer.complete()\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tasync resendOtpFunc() {\n\t\t\ttry {\n\t\t\t\tawait this.resendOtp('addBankAccount')\n\t\t\t\t\n\t\t\t\t// restart timer\n\t\t\t\tthis.restartTimer()\n\t\t\t} catch (err) {\n\n\t\t\t}\n\t\t},\n\n\t\thandleCloseOtp() {\n\t\t\tthis.$router.push({ name: 'Add Bank Account' })\n\t\t},\n\t},\n\n\tbeforeRouteLeave(to, from, next) {\n\t\tif (!this.$store.state.bankAccount.requestKeyAddBankAccount) {\n\t\t\tnext()\n\t\t\treturn\n\t\t}\n\n\t\t// if to login then proceed\n\t\tif (to.name === 'Login') {\n\t\t\tthis.$store.dispatch('bankAccount/removeAddBankAccountLocalStorage')\n\t\t\tnext()\n\t\t\treturn\n\t\t}\n\n\t\tAlert.open({\n\t\t\ttype: 'confirm',\n\t\t\ttitle: 'Apakah Anda Yakin ingin Keluar?',\n\t\t\tdescription: 'Jika Anda keluar, proses penambahan rekening akan dibatalkan (tidak dapat disimpan)',\n\t\t\tonConfirm: () => {\n\t\t\t\tthis.$store.dispatch('bankAccount/removeAddBankAccountLocalStorage')\n\t\t\t\tnext()\n\t\t\t},\n\t\t\tonDecline: () => {\n\t\t\t\tnext(false)\n\t\t\t}\n\t\t})\n\t},\n}\n</script>\n\n<style scoped>\n.norek {\n\tmargin-bottom: 0.125rem;\n}\n\n.card {\n\tbackground-color: var(--grey-4-color);\n}\n\n.logo-bagi {\n\twidth: 1.5em;\n\theight: 1.5em;\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./TakePhoto.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-loader/lib/index.js??vue-loader-options!./TakePhoto.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TakePhoto.vue?vue&type=template&id=43a3797a&scoped=true&\"\nimport script from \"./TakePhoto.vue?vue&type=script&lang=js&\"\nexport * from \"./TakePhoto.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TakePhoto.vue?vue&type=style&index=0&id=43a3797a&prod&scoped=true&lang=css&\"\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  \"43a3797a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../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-loader/lib/index.js??vue-loader-options!./Camera.vue?vue&type=style&index=0&id=35190c7c&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../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-loader/lib/index.js??vue-loader-options!./TakePhoto.vue?vue&type=style&index=0&id=43a3797a&prod&scoped=true&lang=css&\""],"sourceRoot":""}