{"version":3,"sources":["webpack:///./src/views/pages/mobile/OtpPage.vue?a99d","webpack:///./src/views/pages/mobile/OtpPage.vue?428c","webpack:///src/views/pages/mobile/OtpPage.vue","webpack:///./src/views/pages/mobile/OtpPage.vue?2ff5","webpack:///./src/views/pages/mobile/OtpPage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","style","color","directives","name","rawName","value","expression","domProps","on","$event","target","composing","num","resendActive","cursor","restartTimer","_s","min","sec","class","tenDigits","attrs","onClick","staticRenderFns","data","methods","fun","clearInterval","computed","mounted","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,mDAAmDH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,iDAAiDH,EAAG,OAAO,CAACI,MAAM,CAEhUC,MAAO,UACP,CAACT,EAAIO,GAAG,+CAA+CH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,QAAQ,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOb,EAAO,IAAEc,WAAW,QAAQC,SAAS,CAAC,MAASf,EAAO,KAAGgB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBnB,EAAIoB,IAAIH,EAAOC,OAAOL,aAAYT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAAGJ,EAAIqB,aAA6OjB,EAAG,MAAM,CAACE,YAAY,QAAQE,MAAM,CAAGc,OAAQ,WAAaN,GAAG,CAAC,MAAQhB,EAAIuB,eAAe,CAACvB,EAAIO,GAAG,4CAAlUH,EAAG,MAAM,CAACE,YAAY,QAAQE,MAAM,CAAGc,OAAQ,YAAc,CAACtB,EAAIO,GAAG,qCAAqCH,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,IAAIP,EAAIwB,GAAGxB,EAAIyB,KAAK,IAAIzB,EAAIwB,GAAGxB,EAAI0B,KAAM,EAAI,IAAM,IAAI1B,EAAIwB,GAAGxB,EAAI0B,UAAyJtB,EAAG,SAAS,CAACE,YAAY,OAAOqB,MAAM,CAAE3B,EAAI4B,UAAwB,GAAZ,WAAgBC,MAAM,CAAC,UAAY7B,EAAI4B,WAAWZ,GAAG,CAAC,MAAQhB,EAAI8B,UAAU,CAAC9B,EAAIO,GAAG,mDACr3BwB,EAAkB,GCiCP,GACbpB,KAAFA,YACEqB,KAFF,WAGI,MAAJ,CACMZ,IAANA,GACMK,IAANA,EACMC,IAANA,GACML,cAANA,IAGEY,QAAFA,CACIH,QADJ,WAEM,KAAN,cAAQnB,KAARA,cAEIuB,IAJJ,WAIM,IAAN,OACA,0BACA,kBACU,EAAV,gBACUC,cAAVA,IAEA,qBACQ,EAAR,QACA,MAEIZ,aAdJ,WAeM,KAAN,MACM,KAAN,OACM,KAAN,MACM,KAAN,kBAIEa,SAAFA,CACIR,UADJ,WAEM,OAAN,sBAGES,QArCF,WAsCI,KAAJ,QC3E+W,I,wBCQ3WC,EAAY,eACd,EACAvC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/chunk-ccf14122.ea3b093d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtpPage.vue?vue&type=style&index=0&id=294d7d39&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"root_mid\"},[_c('div',{staticClass:\"title_\"},[_vm._v(\"\\n        Enter code sent to your Phone\\n    \")]),_c('div',{staticClass:\"sub_title_\"},[_vm._v(\"\\n        We send it to your number\\n        \"),_c('span',{style:({\n            // fontWeight: 'bold',\n            color: 'black'\n        })},[_vm._v(\"\\n            +91 12334 56789\\n        \")])]),_c('div',{staticClass:\"numberr\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.num),expression:\"num\"}],domProps:{\"value\":(_vm.num)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.num=$event.target.value}}})]),_c('div',{staticClass:\"bgtn\"},[_c('div',[(!_vm.resendActive)?_c('div',{staticClass:\"resnd\",style:({ cursor: 'default' })},[_vm._v(\"\\n                Resend code in \"),_c('span',{staticClass:\"clr___\"},[_vm._v(\"0\"+_vm._s(_vm.min)+\":\"+_vm._s(_vm.sec<= 9 ? '0' : '')+_vm._s(_vm.sec))])]):_c('div',{staticClass:\"resnd\",style:({ cursor: 'pointer' }),on:{\"click\":_vm.restartTimer}},[_vm._v(\"\\n                Resend\\n            \")]),_c('button',{staticClass:\"bttn\",class:[!_vm.tenDigits ? 'btn-dis' : ''],attrs:{\"disabled\":!_vm.tenDigits},on:{\"click\":_vm.onClick}},[_vm._v(\"\\n                Submit\\n            \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"root_mid\">\n        <div class=\"title_\">\n            Enter code sent to your Phone\n        </div>\n        <div class=\"sub_title_\">\n            We send it to your number\n            <span :style=\"{\n                // fontWeight: 'bold',\n                color: 'black'\n            }\">\n                +91 12334 56789\n            </span>\n        </div>\n        <div class=\"numberr\">\n            <!-- <div class=\"prefx\">+91</div> -->\n            <input v-model=\"num\" />\n        </div>\n        <div class=\"bgtn\">\n            <div>\n                <div v-if=\"!resendActive\" class=\"resnd\" :style=\"{ cursor: 'default' }\">\n                    Resend code in <span class=\"clr___\">0{{ min }}:{{ sec<= 9 ? '0' : '' }}{{ sec }}</span>\n                </div>\n                <div v-else class=\"resnd\" :style=\"{ cursor: 'pointer' }\" @click=\"restartTimer\">\n                    Resend\n                </div>\n\n                <button :class=\"[!tenDigits ? 'btn-dis' : '']\" class=\"bttn\" @click=\"onClick\" :disabled=\"!tenDigits\">\n                    Submit\n                </button>\n            </div>\n        </div>\n\n    </div>\n</template>\n<script>\n// import img from '../../../assets/images/pngwing.png'\nexport default {\n    name: \"verifyotp\",\n    data() {\n        return {\n            num: '',\n            min: 4,\n            sec: 59,\n            resendActive: false,\n        }\n    },\n    methods: {\n        onClick() {\n            this.$router.push({ name: 'my-scans' })\n        },\n        fun() {\n            let x = setInterval(() => {\n                if (!this.min && this.sec == 1) {\n                    this.resendActive = true;\n                    clearInterval(x);\n                }\n                if (this.sec == 0) this.sec = 60;\n                this.sec--;\n            }, 1000)\n        },\n        restartTimer() {\n            this.min = 4;\n            this.sec = 59;\n            this.fun();\n            this.resendActive = false;\n        }\n\n    },\n    computed: {\n        tenDigits() {\n            return (this.num.length === 4);\n        }\n    },\n    mounted() {\n        this.fun();\n    }\n}\n</script>\n<style scoped>\n.root_mid {\n    display: flex;\n    flex-direction: column;\n}\n\n.title_ {\n    font-weight: 500;\n    font-size: 24px;\n    display: flex;\n    width: 200px;\n    align-items: center;\n    color: #000000;\n}\n\n\n.sub_title_ {\n    margin-top: 1rem;\n    font-weight: 400;\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    color: #989898;\n}\n\n.bgtn {\n    height: 100%;\n    display: flex;\n    align-items: flex-end;\n}\n\n.bttn {\n    background: #2A3352;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #fff;\n    width: 335px;\n    height: 40px;\n    margin-top: 1rem;\n    margin-bottom: 0.5rem;\n    border: none;\n    align-self: flex-end;\n    outline: none;\n}\n\n.btn-dis {\n    color: #868686;\n    background: #CDCDCD;\n    cursor: default;\n}\n\n.numberr {\n    margin-top: 2rem;\n    display: flex;\n    gap: 2rem;\n}\n\n.numberr>input {\n    background: none;\n    border: none;\n    outline: none;\n    font-weight: 300;\n    font-size: 32px;\n    display: flex;\n    align-items: center;\n    color: #333;\n    border-bottom: 0.5px solid #989898;\n    width: 220px;\n}\n\n.prefx {\n    font-weight: 400;\n    font-size: 32px;\n    margin-top: 0.3rem;\n    display: flex;\n    align-items: center;\n    color: #989898;\n}\n\n\n\n\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n}\n\n.resnd {\n    text-align: center;\n}\n\n.clr___ {\n    color: #2A3352;\n    font-weight: 500;\n}\n</style>","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!./OtpPage.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!./OtpPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtpPage.vue?vue&type=template&id=294d7d39&scoped=true&\"\nimport script from \"./OtpPage.vue?vue&type=script&lang=js&\"\nexport * from \"./OtpPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OtpPage.vue?vue&type=style&index=0&id=294d7d39&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  \"294d7d39\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}