{"version":3,"sources":["webpack:///./src/views/TrangXacNhanMaOTP.vue?1293","webpack:///./src/components/pages/CheckOTP.vue?7393","webpack:///./src/views/TrangXacNhanMaOTP.vue","webpack:///./src/components/pages/CheckOTP.vue","webpack:///./node_modules/otp-input-vue2/dist/otp-input.esm.js","webpack:///src/components/pages/CheckOTP.vue","webpack:///./src/components/pages/CheckOTP.vue?94c0","webpack:///./src/components/pages/CheckOTP.vue?af9f","webpack:///src/views/TrangXacNhanMaOTP.vue","webpack:///./src/views/TrangXacNhanMaOTP.vue?24cf","webpack:///./src/views/TrangXacNhanMaOTP.vue?a9c0"],"names":["render","_vm","this","_c","_self","staticClass","staticRenderFns","attrs","require","logoName","_v","_s","siteName","tenChuDauTu","_m","sdt","isCodeValid","on","$event","onComplete","onChange","scopedSlots","_u","key","fn","proxy","sendOTP","xacNhanOTp","script","name","props","id","type","String","default","digits","Number","mode","placeholder","radius","gap","isDisabled","Boolean","isValid","rtl","autoFocus","errorClass","separateInputClass","separateWrapperClass","groupInputClass","groupWrapperClass","activeInputClass","activeWrapperClass","inputValue","joinedValue","isInputFocused","activeInput","onFocus","$refs","digitInput","focus","types","indexOf","box","computed","dir","styles","direction","methods","index","e","keyCode","target","value","Math","max","first","rest","replace","undefined","lastInputBox","insertedContent","join","dispatchEvent","Event","map","$emit","length","onBlur","blur","event","normalizeComponent","template","style","scopeId","isFunctionalTemplate","moduleIdentifier","shadowMode","createInjector","createInjectorSSR","createInjectorShadow","options","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","originalRender","h","existing","beforeCreate","concat","isOldIE","navigator","test","userAgent","toLowerCase","addStyle","HEAD","css","group","media","ids","Set","has","code","source","sources","btoa","unescape","encodeURIComponent","JSON","stringify","element","document","createElement","setAttribute","head","getElementsByTagName","appendChild","push","styleSheet","cssText","filter","size","textNode","createTextNode","nodes","childNodes","removeChild","insertBefore","__vue_script__","__vue_render__","_h","$createElement","class","activeWrapperClassHandler","wrapperClassHandler","wrapperStyle","_l","directives","rawName","expression","ref","refInFor","inputClassHandler","activeInputClassHandler","inputStyle","domProps","OnPaste","composing","$set","onInput","onChanged","keydownHandler","_e","errorClassHandler","_t","__vue_staticRenderFns__","__vue_inject_styles__","inject","__vue_scope_id__","__vue_module_identifier__","__vue_is_functional_template__","__vue_component__","component","entry_esm","installable","install","Vue","components","BaseLoadingVue","OtpInput","data","WINDOW_tenChuDauTu","WINDOW_logoName","WINDOW_siteName","maOTP","localStorage","getItem","payload","phoneNumber","otpCode","$store","dispatch","then","res","DanhSachKetQua","$toasted","clear","global","showSuccessMessage","message","NoiDungThongDiep","$router","path","showErrorMessage","catch","CheckOTP"],"mappings":"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","file":"js/chunk-afa8037e.bbb118b7.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./TrangXacNhanMaOTP.vue?vue&type=style&index=0&id=24232b86&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/dist/cjs.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!./CheckOTP.vue?vue&type=style&index=0&id=6cefc5ab&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"container\"},[_c('CheckOTP')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"logo-text\"},[_c('div',{staticClass:\"header-logo text-center\"},[_c('img',{attrs:{\"src\":require(`../../assets/images/${_vm.logoName}`),\"alt\":\"Hệ thống tiếp nhận & xử lý phản ánh kiến nghị\"}})]),_c('div',{staticClass:\"header-title\"},[_vm._v(_vm._s(_vm.siteName)+\" - \"+_vm._s(_vm.tenChuDauTu))])]),_c('div',{staticClass:\"box-otp\"},[_vm._m(0),_c('p',{staticClass:\"text-center txtContent font-weight-bold\"},[_c('span',[_vm._v(\"Mã xác thực đã được gửi qua SĐT: \"+_vm._s(_vm.sdt))])]),_c('b-form',[_c('p',{staticClass:\"text-center\"},[_vm._v(\" Nhập mã OTP \")]),_c('otp-input',{staticClass:\"text-center pb-3\",attrs:{\"isValid\":_vm.isCodeValid,\"digits\":6,\"placeholder\":\"\"},on:{\"on-complete\":function($event){return _vm.onComplete($event)},\"on-changed\":_vm.onChange,\"on-paste\":function($event){return _vm.onComplete($event)}},scopedSlots:_vm._u([{key:\"errorMessage\",fn:function(){return [_c('p',{staticClass:\"mt-2 custom-error\"},[_vm._v(\" Bạn chưa nhập mã OTP \")])]},proxy:true}])}),_c('p',{staticClass:\"text-center\"},[_vm._v(\" Bạn đã nhận được mã ? \"),_c('b-link',{on:{\"click\":function($event){return _vm.sendOTP()}}},[_vm._v(\" Gửi lại OTP \")])],1),_c('b-button',{staticClass:\"btn search-information-btn d-block text-center mb-3 mr-2 font-size-12 w-100\",on:{\"click\":function($event){return _vm.xacNhanOTp()}}},[_vm._v(\" Xác nhận \")])],1)],1),_c('BaseLoadingVue',{attrs:{\"is-loading\":false}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"text-center font-weight-bold\",attrs:{\"id\":\"password-title\"}},[_c('span',[_vm._v(\"Xác thực mã OTP\")])])\n}]\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar script = {\n  name: \"OtpInput\",\n  props: {\n    id: {\n      type: String,\n      default: \"otp\"\n    },\n    digits: {\n      type: Number,\n      default: 5\n    },\n    mode: {\n      type: String,\n      default: \"separate\"\n    },\n    type: {\n      type: String,\n      default: \"number\"\n    },\n    placeholder: {\n      type: String,\n      default: \"-\"\n    },\n    radius: {\n      type: Number,\n      default: 5\n    },\n    gap: {\n      type: Number,\n      default: 10\n    },\n    isDisabled: {\n      type: Boolean,\n      default: false\n    },\n    isValid: {\n      type: Boolean,\n      default: true\n    },\n    rtl: {\n      type: Boolean,\n      default: false\n    },\n    autoFocus: {\n      type: Boolean,\n      default: true\n    },\n    errorClass: {\n      type: String,\n      default: \"\"\n    },\n    separateInputClass: {\n      type: String,\n      default: \"\"\n    },\n    separateWrapperClass: {\n      type: String,\n      default: \"\"\n    },\n    groupInputClass: {\n      type: String,\n      default: \"\"\n    },\n    groupWrapperClass: {\n      type: String,\n      default: \"\"\n    },\n    activeInputClass: {\n      type: String,\n      default: \"\"\n    },\n    activeWrapperClass: {\n      type: String,\n      default: \"\"\n    }\n  },\n\n  data() {\n    return {\n      inputValue: [],\n      joinedValue: \"\",\n      isInputFocused: false,\n      activeInput: -1\n    };\n  },\n\n  mounted() {\n    if (this.autoFocus && !this.isDisabled) {\n      this.onFocus(0);\n      this.$refs.digitInput[0].focus(); //setting input type based on the existing types for now\n\n      const types = [\"text\", \"password\", \"number\"];\n\n      if (types.indexOf(this.type) != -1) {\n        for (let box of this.$refs.digitInput) {\n          box.type = this.type;\n        }\n      }\n    }\n  },\n\n  computed: {\n    wrapperStyle() {\n      const dir = this.rtl ? \"rtl\" : \"ltr\";\n      const styles = {\n        direction: dir,\n        gap: `${this.gap}px`,\n        \"border-radius\": `${this.radius}px`\n      };\n      return styles;\n    },\n\n    inputStyle() {\n      return {\n        \"--border-radius\": `${this.radius}px`\n      };\n    },\n\n    inputClassHandler() {\n      if (this.mode === \"separate\") {\n        if (this.isValid) {\n          return this.separateInputClass ? this.separateInputClass : \"defualt-input-separate\";\n        } else {\n          return this.separateInputClass ? this.separateInputClass : \"defualt-error-input-separate\";\n        }\n      }\n\n      if (this.mode === \"group\") {\n        return this.groupInputClass ? this.groupInputClass : \"defualt-input-group\";\n      }\n\n      return \"\";\n    },\n\n    activeInputClassHandler() {\n      if (this.mode === \"separate\") {\n        return this.activeInputClass ? this.activeInputClass : \"defualt-active-input\";\n      }\n\n      return \"\";\n    },\n\n    activeWrapperClassHandler() {\n      if (this.mode === \"group\") {\n        if (this.isValid) {\n          return this.activeWrapperClass ? this.activeWrapperClass : \"defualt-active-wrapper\";\n        } else {\n          return this.activeWrapperClass ? this.activeWrapperClass : \"defualt-error-wrapper-group\";\n        }\n      }\n\n      return \"\";\n    },\n\n    wrapperClassHandler() {\n      if (this.mode === \"separate\") {\n        return this.separateWrapperClass ? this.separateWrapperClass : \"defualt-wrapper-separate\";\n      }\n\n      if (this.mode === \"group\") {\n        if (this.isValid) {\n          return this.groupWrapperClass ? this.groupWrapperClass : \"defualt-wrapper-group\";\n        } else {\n          return this.groupWrapperClass ? this.groupWrapperClass : \"defualt-error-wrapper-group\";\n        }\n      }\n\n      return \"\";\n    },\n\n    errorClassHandler() {\n      return this.errorClass ? this.errorClass : \"default-error-class\";\n    }\n\n  },\n  methods: {\n    keydownHandler(index, e) {\n      if (e.keyCode === 8 && e.target.value === \"\") {\n        this.$refs.digitInput[Math.max(0, index - 1)].focus();\n      }\n    },\n\n    onInput(index) {\n      const [first, ...rest] = this.type === \"number\" ? this.inputValue[index].replace(/[^0-9]/g, \"\") : this.inputValue[index];\n      this.inputValue[index] = first === null || first === undefined ? \"\" : first;\n      const lastInputBox = index === this.digits - 1;\n      const insertedContent = first !== undefined;\n\n      if (insertedContent && !lastInputBox) {\n        this.$refs.digitInput[index + 1].focus();\n        this.$refs.digitInput[index + 1].value = rest.join(\"\");\n        this.$refs.digitInput[index + 1].dispatchEvent(new Event(\"input\"));\n      }\n\n      this.joinedValue = this.inputValue.map(value => value).join(\"\");\n      this.$emit(\"value\", this.joinedValue);\n\n      if (this.joinedValue.length === this.digits) {\n        this.onComplete(this.joinedValue);\n      }\n    },\n\n    onFocus(index) {\n      this.activeInput = index;\n      this.isInputFocused = true;\n    },\n\n    onBlur() {\n      this.activeInput = -1;\n      this.isInputFocused = false;\n    },\n\n    onComplete(joinedValue) {\n      this.onBlur();\n      this.$refs.digitInput[this.digits - 1].blur();\n\n      if (this.type === \"password\") {\n        this.$emit(\"on-complete\", joinedValue);\n      } else this.$emit(\"on-complete\", joinedValue);\n    },\n\n    onChanged(index) {\n      this.$emit(\"on-changed\", this.inputValue[index]);\n    },\n\n    OnPaste(event) {\n      this.$emit(\"on-paste\", event);\n    }\n\n  }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\r\n    if (typeof shadowMode !== 'boolean') {\r\n        createInjectorSSR = createInjector;\r\n        createInjector = shadowMode;\r\n        shadowMode = false;\r\n    }\r\n    // Vue.extend constructor export interop.\r\n    const options = typeof script === 'function' ? script.options : script;\r\n    // render functions\r\n    if (template && template.render) {\r\n        options.render = template.render;\r\n        options.staticRenderFns = template.staticRenderFns;\r\n        options._compiled = true;\r\n        // functional template\r\n        if (isFunctionalTemplate) {\r\n            options.functional = true;\r\n        }\r\n    }\r\n    // scopedId\r\n    if (scopeId) {\r\n        options._scopeId = scopeId;\r\n    }\r\n    let hook;\r\n    if (moduleIdentifier) {\r\n        // server build\r\n        hook = function (context) {\r\n            // 2.3 injection\r\n            context =\r\n                context || // cached call\r\n                    (this.$vnode && this.$vnode.ssrContext) || // stateful\r\n                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional\r\n            // 2.2 with runInNewContext: true\r\n            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\r\n                context = __VUE_SSR_CONTEXT__;\r\n            }\r\n            // inject component styles\r\n            if (style) {\r\n                style.call(this, createInjectorSSR(context));\r\n            }\r\n            // register component module identifier for async chunk inference\r\n            if (context && context._registeredComponents) {\r\n                context._registeredComponents.add(moduleIdentifier);\r\n            }\r\n        };\r\n        // used by ssr in case component is cached and beforeCreate\r\n        // never gets called\r\n        options._ssrRegister = hook;\r\n    }\r\n    else if (style) {\r\n        hook = shadowMode\r\n            ? function (context) {\r\n                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));\r\n            }\r\n            : function (context) {\r\n                style.call(this, createInjector(context));\r\n            };\r\n    }\r\n    if (hook) {\r\n        if (options.functional) {\r\n            // register for functional component in vue file\r\n            const originalRender = options.render;\r\n            options.render = function renderWithStyleInjection(h, context) {\r\n                hook.call(context);\r\n                return originalRender(h, context);\r\n            };\r\n        }\r\n        else {\r\n            // inject component registration as beforeCreate hook\r\n            const existing = options.beforeCreate;\r\n            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\r\n        }\r\n    }\r\n    return script;\r\n}\n\nconst isOldIE = typeof navigator !== 'undefined' &&\r\n    /msie [6-9]\\\\b/.test(navigator.userAgent.toLowerCase());\r\nfunction createInjector(context) {\r\n    return (id, style) => addStyle(id, style);\r\n}\r\nlet HEAD;\r\nconst styles = {};\r\nfunction addStyle(id, css) {\r\n    const group = isOldIE ? css.media || 'default' : id;\r\n    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });\r\n    if (!style.ids.has(id)) {\r\n        style.ids.add(id);\r\n        let code = css.source;\r\n        if (css.map) {\r\n            // https://developer.chrome.com/devtools/docs/javascript-debugging\r\n            // this makes source maps inside style tags work properly in Chrome\r\n            code += '\\n/*# sourceURL=' + css.map.sources[0] + ' */';\r\n            // http://stackoverflow.com/a/26603875\r\n            code +=\r\n                '\\n/*# sourceMappingURL=data:application/json;base64,' +\r\n                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +\r\n                    ' */';\r\n        }\r\n        if (!style.element) {\r\n            style.element = document.createElement('style');\r\n            style.element.type = 'text/css';\r\n            if (css.media)\r\n                style.element.setAttribute('media', css.media);\r\n            if (HEAD === undefined) {\r\n                HEAD = document.head || document.getElementsByTagName('head')[0];\r\n            }\r\n            HEAD.appendChild(style.element);\r\n        }\r\n        if ('styleSheet' in style.element) {\r\n            style.styles.push(code);\r\n            style.element.styleSheet.cssText = style.styles\r\n                .filter(Boolean)\r\n                .join('\\n');\r\n        }\r\n        else {\r\n            const index = style.ids.size - 1;\r\n            const textNode = document.createTextNode(code);\r\n            const nodes = style.element.childNodes;\r\n            if (nodes[index])\r\n                style.element.removeChild(nodes[index]);\r\n            if (nodes.length)\r\n                style.element.insertBefore(textNode, nodes[index]);\r\n            else\r\n                style.element.appendChild(textNode);\r\n        }\r\n    }\r\n}\n\n/* script */\nconst __vue_script__ = script;\n/* template */\n\nvar __vue_render__ = function () {\n  var _vm = this;\n\n  var _h = _vm.$createElement;\n\n  var _c = _vm._self._c || _h;\n\n  return _c('div', {\n    staticClass: \"vue-otp-input\"\n  }, [_c('div', {\n    staticClass: \"otp-wrapper\",\n    class: _vm.isInputFocused ? _vm.activeWrapperClassHandler : _vm.wrapperClassHandler,\n    style: _vm.wrapperStyle,\n    attrs: {\n      \"id\": _vm.id\n    }\n  }, _vm._l(_vm.digits, function (digitInput, index) {\n    return _c('input', {\n      directives: [{\n        name: \"model\",\n        rawName: \"v-model\",\n        value: _vm.inputValue[index],\n        expression: \"inputValue[index]\"\n      }],\n      key: _vm.id + index,\n      ref: \"digitInput\",\n      refInFor: true,\n      staticClass: \"otp-input\",\n      class: [_vm.inputClassHandler, _vm.activeInput === index ? _vm.activeInputClassHandler : ''],\n      style: _vm.inputStyle,\n      attrs: {\n        \"autocomplete\": \"one-time-code\",\n        \"placeholder\": _vm.placeholder,\n        \"disabled\": _vm.isDisabled\n      },\n      domProps: {\n        \"value\": _vm.inputValue[index]\n      },\n      on: {\n        \"focus\": function ($event) {\n          return _vm.onFocus(index);\n        },\n        \"blur\": _vm.onBlur,\n        \"paste\": _vm.OnPaste,\n        \"input\": [function ($event) {\n          if ($event.target.composing) {\n            return;\n          }\n\n          _vm.$set(_vm.inputValue, index, $event.target.value);\n        }, function ($event) {\n          return _vm.onInput(index, $event);\n        }],\n        \"change\": function ($event) {\n          return _vm.onChanged(index);\n        },\n        \"keydown\": function ($event) {\n          return _vm.keydownHandler(index, $event);\n        }\n      }\n    });\n  }), 0), _vm._v(\" \"), !_vm.isValid ? _c('span', {\n    class: _vm.errorClassHandler\n  }, [_vm._t(\"errorMessage\")], 2) : _vm._e()]);\n};\n\nvar __vue_staticRenderFns__ = [];\n/* style */\n\nconst __vue_inject_styles__ = function (inject) {\n  if (!inject) return;\n  inject(\"data-v-5e5c0710_0\", {\n    source: \"div.vue-otp-input[data-v-5e5c0710]{width:max-content}div.vue-otp-input>div.otp-wrapper[data-v-5e5c0710]{direction:var(--direction);text-align:center;display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}div.vue-otp-input>div.otp-wrapper>input.otp-input[data-v-5e5c0710]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;border-radius:var(--border-radius)}div.vue-otp-input>div.otp-wrapper>input.otp-input[data-v-5e5c0710]:disabled{background-color:#ececec!important}div.vue-otp-input>div.otp-wrapper>input.defualt-input-separate[data-v-5e5c0710]{text-align:center;font-weight:600;background-color:transparent;border:solid 2px #ececec;width:3rem;height:48px}div.vue-otp-input>div.otp-wrapper>input.defualt-error-input-separate[data-v-5e5c0710]{text-align:center;font-weight:600;background-color:transparent;border:solid 2px #d50000;width:3rem;height:48px}@media only screen and (max-width:600px){div.vue-otp-input>div.otp-wrapper>input.defualt-input-separate[data-v-5e5c0710]{width:2.5rem;height:40px}}div.vue-otp-input>div.defualt-wrapper-separate[data-v-5e5c0710]{background:0 0}div.vue-otp-input>div.defualt-wrapper-group[data-v-5e5c0710]{border:solid 2px #ececec}div.vue-otp-input>div.defualt-error-wrapper-group[data-v-5e5c0710]{border:solid 2px #d50000}div.vue-otp-input>div.otp-wrapper>input.defualt-input-group[data-v-5e5c0710]{background-color:transparent;font-weight:600;border:none;width:3rem;height:48px;text-align:center}@media only screen and (max-width:600px){div.vue-otp-input>div.otp-wrapper>input.defualt-input-group[data-v-5e5c0710]{width:2.5rem;height:40px}}div.vue-otp-input>div.otp-wrapper>input.defualt-active-input[data-v-5e5c0710]{border:solid 2px #525252}div.vue-otp-input>div.defualt-active-wrapper[data-v-5e5c0710]{border:solid 2px #525252}div.vue-otp-input>span.default-error-class[data-v-5e5c0710]{color:#d50000;font-weight:700}input[data-v-5e5c0710]:focus{outline:0}input[data-v-5e5c0710]::-webkit-inner-spin-button,input[data-v-5e5c0710]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-5e5c0710]{-moz-appearance:textfield}\",\n    map: undefined,\n    media: undefined\n  });\n};\n/* scoped */\n\n\nconst __vue_scope_id__ = \"data-v-5e5c0710\";\n/* module identifier */\n\nconst __vue_module_identifier__ = undefined;\n/* functional template */\n\nconst __vue_is_functional_template__ = false;\n/* style inject SSR */\n\n/* style inject shadow dom */\n\nconst __vue_component__ = /*#__PURE__*/normalizeComponent({\n  render: __vue_render__,\n  staticRenderFns: __vue_staticRenderFns__\n}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);\n\nvar component = __vue_component__;\n\n// Import vue component\n// IIFE injects install function into component, allowing component\n// to be registered via Vue.use() as well as Vue.component(),\n\nvar entry_esm = /*#__PURE__*/(() => {\n  // Get component instance\n  const installable = component; // Attach install function executed by Vue.use()\n\n  installable.install = Vue => {\n    Vue.component('OtpInput', installable);\n  };\n\n  return installable;\n})(); // It's possible to expose named exports when writing components that can\n// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';\n// export const RollupDemoDirective = directive;\n\nexport { entry_esm as default };\n","<template>\r\n  <div class=\"container\">\r\n    <div class=\"logo-text\">\r\n      <div class=\"header-logo text-center\">\r\n        <img\r\n          :src=\"require(`../../assets/images/${logoName}`)\"\r\n          alt=\"Hệ thống tiếp nhận & xử lý phản ánh kiến nghị\"\r\n        />\r\n      </div>\r\n      <div class=\"header-title\">{{ siteName }} - {{ tenChuDauTu }}</div>\r\n    </div>\r\n    <div class=\"box-otp\">\r\n      <h3 class=\"text-center font-weight-bold\" id=\"password-title\">\r\n        <span>Xác thực mã OTP</span>\r\n      </h3>\r\n      <p class=\"text-center txtContent font-weight-bold \">\r\n        <span>Mã xác thực đã được gửi qua SĐT: {{ sdt }}</span>\r\n      </p>\r\n      <b-form>\r\n        <p class=\"text-center\">\r\n          Nhập mã OTP\r\n        </p>\r\n          <otp-input\r\n    \t\t\t:isValid=\"isCodeValid\"\r\n          :digits=\"6\"\r\n          placeholder=\"\"\r\n    \t\t\t@on-complete=\"onComplete($event)\"\r\n          @on-changed=\"onChange\"\r\n          class=\"text-center pb-3\"\r\n    \t\t\t@on-paste=\"onComplete($event)\">\r\n      \t\t\t\t<template #errorMessage> \r\n                <p class=\"mt-2 custom-error\">\r\n                Bạn chưa nhập mã OTP\r\n              </p> \r\n            </template>\r\n    \t\t\t</otp-input>\r\n        <!-- <vue-otp-2\r\n          length=\"6\"\r\n          class=\"pb-3\"\r\n          join-character=\"\"\r\n          inputmode=\"numeric\"\r\n          pattern=\"[0-9]*\"\r\n          @onChange=\"onChange($event)\"\r\n          @onComplete=\"onComplete($event)\"\r\n        /> -->\r\n        <p class=\"text-center\">\r\n          Bạn đã nhận được mã ?\r\n          <b-link @click=\"sendOTP()\"> Gửi lại OTP </b-link>\r\n        </p>\r\n        <b-button\r\n          class=\"btn search-information-btn d-block text-center mb-3 mr-2 font-size-12 w-100\"\r\n          @click=\"xacNhanOTp()\"\r\n        >\r\n          Xác nhận\r\n        </b-button>\r\n      </b-form>\r\n    </div>\r\n    <BaseLoadingVue :is-loading=\"false\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport BaseLoadingVue from \"../common/BaseLoading.vue\";\r\nimport  OtpInput  from  \"otp-input-vue2\";\r\n\r\nexport default {\r\n  name: \"CheckOTP\",\r\n  components: {\r\n    BaseLoadingVue,\r\n    OtpInput\r\n  },\r\n  data() {\r\n    return {\r\n      // eslint-disable-next-line no-undef\r\n      tenChuDauTu: WINDOW_tenChuDauTu,\r\n      // eslint-disable-next-line no-undef\r\n      logoName: WINDOW_logoName,\r\n      // eslint-disable-next-line no-undef\r\n      siteName: WINDOW_siteName,\r\n      maOTP: \"\",\r\n      sdt: localStorage.getItem('SDT'),\r\n      isCodeValid : true\r\n    };\r\n  },\r\n  methods: {\r\n    onChange(data) {\r\n      !data ? this.isCodeValid = false : this.isCodeValid = true\r\n    },\r\n    onComplete(data) {\r\n      this.maOTP = data\r\n    },\r\n    xacNhanOTp() {\r\n      if(!this.maOTP){\r\n        this.isCodeValid= false\r\n      }\r\n      if(!this.isCodeValid){\r\n        return ;\r\n      }\r\n      let payload = {\r\n        phoneNumber: this.sdt,\r\n        otpCode: this.maOTP,\r\n      };\r\n      this.$store.dispatch(\"pakn/checkOTP\", payload).then((res) => {\r\n        if (res.data.DanhSachKetQua) {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showSuccessMessage({\r\n            message: res.data.NoiDungThongDiep\r\n          });\r\n          this.$router.push({\r\n            path: 'bo-sung-pakn-nguoi-dan'\r\n          });\r\n        } else {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showErrorMessage({\r\n            message: res.data.NoiDungThongDiep,\r\n          });\r\n        }\r\n      })\r\n        .catch(() => {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showErrorMessage({\r\n            message: \"Đã xảy ra lỗi\",\r\n          });\r\n        })\r\n    },\r\n    sendOTP() {\r\n      this.$store\r\n        .dispatch(\"pakn/sendOTP\", { phoneNumber: this.sdt })\r\n        .then((res) => {\r\n          if (res.data.DanhSachKetQua) {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showSuccessMessage({\r\n            message: res.data.NoiDungThongDiep\r\n          });\r\n        } else {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showErrorMessage({\r\n            message: res.data.NoiDungThongDiep,\r\n          });\r\n        }\r\n        })\r\n        .catch(() => {\r\n          this.$toasted.clear();\r\n          this.$toasted.global.showErrorMessage({\r\n            message: \"Đã xảy ra lỗi khi gửi OTP\",\r\n          });\r\n        })\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  flex-direction: column;\r\n\r\n  .header-logo {\r\n    img {\r\n      width: 100px !important;\r\n      height: 100px !important;\r\n    }\r\n\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .header-title {\r\n    // color: #2d97d4;\r\n    color: #2d97d4;\r\n    font-weight: 500;\r\n    margin-top: 16px;\r\n    line-height: 1.333;\r\n  }\r\n\r\n  .box-otp {\r\n    max-width: 380px;\r\n    background: #fff;\r\n    padding: 30px 20px;\r\n    border: 1px solid #c9cdcf;\r\n    margin: 30px 0;\r\n  }\r\n\r\n  .txtContent {\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 18px !important;\r\n    line-height: 27px;\r\n    color: #1e2f41;\r\n  }\r\n  .custom-error {\r\n     font-weight: 100 !important;\r\n  }\r\n}\r\n</style>\r\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!./CheckOTP.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!./CheckOTP.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CheckOTP.vue?vue&type=template&id=6cefc5ab&scoped=true\"\nimport script from \"./CheckOTP.vue?vue&type=script&lang=js\"\nexport * from \"./CheckOTP.vue?vue&type=script&lang=js\"\nimport style0 from \"./CheckOTP.vue?vue&type=style&index=0&id=6cefc5ab&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  \"6cefc5ab\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n      <div class=\"container\">\r\n        <CheckOTP/>\r\n      </div>\r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  import CheckOTP from '../components/pages/CheckOTP.vue';\r\n  export default {\r\n    name: \"TrangXacNhanMaOTP\",\r\n    components: {\r\n        CheckOTP\r\n    },\r\n  };\r\n  </script>\r\n  <style lang=\"scss\" scoped>\r\n  .container {\r\n    // max-width: 100%;\r\n  }\r\n  </style>\r\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!./TrangXacNhanMaOTP.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!./TrangXacNhanMaOTP.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrangXacNhanMaOTP.vue?vue&type=template&id=24232b86&scoped=true\"\nimport script from \"./TrangXacNhanMaOTP.vue?vue&type=script&lang=js\"\nexport * from \"./TrangXacNhanMaOTP.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrangXacNhanMaOTP.vue?vue&type=style&index=0&id=24232b86&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  \"24232b86\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}