{"version":3,"sources":["webpack:///./src/components/form/code/Code.vue","webpack:///src/components/form/code/Code.vue","webpack:///./src/components/form/code/Code.vue?efab","webpack:///./src/components/form/code/Code.vue?4a6b"],"names":["render","_vm","this","_c","_self","staticClass","class","timer","attrs","formErrors","code","model","value","form","callback","$$v","$set","expression","_v","_s","on","$event","initTimer","staticRenderFns","seconds","miliseconds","name","props","type","String","required","getCode","Function","default","notInitSend","Boolean","mixins","validation","created","data","formRules","Validation","REQUIRED","MIN","watch","v","length","$emit","methods","flag","Storage","get","Date","setTimer","Math","ceil","set","resetTimer","delete","time","setTimeout","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAC9F,UAAaL,EAAIM,QAClB,CAACJ,EAAG,QAAQ,CAACE,YAAY,cAAcG,MAAM,CAAC,MAAQ,aAAa,MAAQP,EAAIQ,WAAWC,KAAK,aAAe,gBAAgB,KAAO,QAAQ,OAAS,GAAG,UAAY,IAAIC,MAAM,CAACC,MAAOX,EAAIY,KAAKH,KAAMI,SAAS,SAAUC,GAAMd,EAAIe,KAAKf,EAAIY,KAAM,OAAQE,IAAME,WAAW,eAAgBhB,EAAIM,MAAOJ,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgBJ,EAAIiB,GAAG,iBAAiBjB,EAAIkB,GAAGlB,EAAIM,OAAO,SAASJ,EAAG,OAAO,CAACE,YAAY,eAAee,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,WAAU,MAAU,CAACrB,EAAIiB,GAAG,6BAA6B,IAEljBK,EAAkB,G,gDC+BtB,MAAAC,EAAA,GACAC,EAAA,IAAAD,EASe,OACfE,KAAA,OACAC,MAAA,CACAC,KAAA,CACAA,KAAAC,OACAC,UAAA,GAEAC,QAAA,CACAH,KAAAI,SACAC,gBAEAC,YAAA,CACAN,KAAAO,QACAF,SAAA,IAGAG,OAAA,CACAC,QAEAC,UACA,KAAAhB,WAAA,QAAAY,cAEAK,OACA,OACA1B,KAAA,CACAH,KAAA,IAEA8B,UAAA,CACA9B,KAAA,CACA+B,OAAAC,SACA,CAAAD,OAAAE,IAAA,KAGApC,MAAA,IAGAqC,MAAA,CACA,YAAAC,GACA,IAAAA,EAAAC,QAAA,KAAAC,MAAA,WAGAC,QAAA,CACA,gBAAAC,GAAA,EAAAlB,GAAA,GACA,IAAAxB,EAAA2C,OAAAC,IAAA,cAAAvB,MAEAqB,GAAA1C,OAAA,IAAA6C,KAAA3B,EACA,KAAA4B,SAAAC,KAAAC,MAAAhD,GAAA,IAAA6C,MAAA,OAEArB,SACA,KAAAA,UAGA,KAAAsB,SAAA7B,GACA0B,OAAAM,IAAA,cAAA5B,MAAA,IAAAwB,KAAA3B,KAGAgC,aACAP,OAAAQ,OAAA,cAAA9B,OAEAyB,SAAAM,GACAA,EAAA,IACAA,EAAA,GAEA,KAAApD,MAAAoD,EAEA,IAAAA,GAGAC,WAAA,KACA,KAAAP,SAAAM,EAAA,IACA,QCnH+tB,I,YCO3tBE,EAAY,eACd,EACA7D,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAsC,E","file":"js/chunk-7cc16179.4e7144ab.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"code\",class:{\n        'code_wait': _vm.timer\n    }},[_c('Field',{staticClass:\"code__field\",attrs:{\"title\":\"Код из СМС\",\"error\":_vm.formErrors.code,\"autocomplete\":\"one-time-code\",\"mask\":\"#####\",\"center\":\"\",\"autofocus\":\"\"},model:{value:(_vm.form.code),callback:function ($$v) {_vm.$set(_vm.form, \"code\", $$v)},expression:\"form.code\"}}),(_vm.timer)?_c('span',{staticClass:\"code__repeat\"},[_c('span',{staticClass:\"icon-repeat\"}),_vm._v(\" Действителен \"+_vm._s(_vm.timer)+\" с \")]):_c('span',{staticClass:\"code__repeat\",on:{\"click\":function($event){return _vm.initTimer(false)}}},[_vm._v(\" Выслать СМС повторно \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        class=\"code\"\r\n        :class=\"{\r\n            'code_wait': timer\r\n        }\"\r\n    >\r\n        <Field\r\n            title=\"Код из СМС\"\r\n            v-model=\"form.code\"\r\n            :error=\"formErrors.code\"\r\n            autocomplete=\"one-time-code\"\r\n            mask=\"#####\"\r\n            class=\"code__field\"\r\n            center\r\n            autofocus\r\n        />\r\n        <span\r\n            v-if=\"timer\"\r\n            class=\"code__repeat\"\r\n        >\r\n            <span class=\"icon-repeat\"></span>\r\n            Действителен {{ timer }} с\r\n        </span>\r\n        <span\r\n            v-else\r\n            class=\"code__repeat\"\r\n            @click=\"initTimer(false)\"\r\n        >\r\n            Выслать СМС повторно\r\n        </span>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst seconds = 1 * 60;\r\nconst miliseconds = seconds * 1000;\r\n\r\nimport './code.scss'\r\n\r\nimport validation from '@/mixins/validation'\r\nimport Validation from '@/ext/validation/Validation'\r\n\r\nimport Storage from '@/ext/storage/Storage'\r\n\r\nexport default {\r\n    name: 'Code',\r\n    props: {\r\n        type: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        getCode: {\r\n            type: Function,\r\n            default: () => {}\r\n        },\r\n        notInitSend: {\r\n            type: Boolean,\r\n            default: false\r\n        }\r\n    },\r\n    mixins: [\r\n        validation,\r\n    ],\r\n    created() {\r\n        this.initTimer(true, !this.notInitSend);\r\n    },\r\n    data() {\r\n        return {\r\n            form: {\r\n                code: ''\r\n            },\r\n            formRules: {\r\n                code: [\r\n                    Validation.REQUIRED,\r\n                    [Validation.MIN, 5]\r\n                ]\r\n            },\r\n            timer: 0\r\n        }\r\n    },\r\n    watch: {\r\n        'form.code'(v) {\r\n            v.length === 5 && this.$emit('ready')\r\n        }\r\n    },\r\n    methods: {\r\n        async initTimer(flag = true, getCode = true) {\r\n            let timer = Storage.get(`timer-${this.type}`)\r\n\r\n            if (flag && timer && +timer < +new Date() + miliseconds) {\r\n                this.setTimer(Math.ceil((timer - +new Date()) / 1000));\r\n            } else {\r\n                if (getCode) {\r\n                    await this.getCode();\r\n                }\r\n\r\n                this.setTimer(seconds);\r\n                Storage.set(`timer-${this.type}`, +new Date() + miliseconds);\r\n            }\r\n        },\r\n        resetTimer() {\r\n            Storage.delete(`timer-${this.type}`)\r\n        },\r\n        setTimer(time) {\r\n            if (time < 0)\r\n                time = 0\r\n\r\n            this.timer = time;\r\n\r\n            if (time === 0)\r\n                return\r\n\r\n            setTimeout(() => {\r\n                this.setTimer(time - 1)\r\n            }, 1000)\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.4.1_@babel+core@7.26.0_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_cache-loader@4.1.0_webpack@4.47.0__css-loader@3.6_amhcwhcsvqr2myze6kddhh7yxm/node_modules/vue-loader/lib/index.js??vue-loader-options!./Code.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.4.1_@babel+core@7.26.0_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_cache-loader@4.1.0_webpack@4.47.0__css-loader@3.6_amhcwhcsvqr2myze6kddhh7yxm/node_modules/vue-loader/lib/index.js??vue-loader-options!./Code.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Code.vue?vue&type=template&id=6f2cf3a6\"\nimport script from \"./Code.vue?vue&type=script&lang=js\"\nexport * from \"./Code.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_cache-loader@4.1.0_webpack@4.47.0__css-loader@3.6_amhcwhcsvqr2myze6kddhh7yxm/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"],"sourceRoot":""}