{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./src/views/change-password/index.vue?5d9a","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/change-password/index.vue?b47d","webpack:///./src/views/change-password/modalForm.vue?6941","webpack:///./src/views/change-password/index.vue?06bf","webpack:///./public/resources/images/delete.png","webpack:///./src/views/change-password/index.vue?b109","webpack:///./src/views/change-password/modalForm.vue?92bf","webpack:///src/views/change-password/modalForm.vue","webpack:///./src/views/change-password/modalForm.vue?a13e","webpack:///./src/views/change-password/modalForm.vue","webpack:///src/views/change-password/index.vue","webpack:///./src/views/change-password/index.vue?685a","webpack:///./src/views/change-password/index.vue"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","keys","result","call","module","exports","values","render","_vm","this","_h","$createElement","_c","_self","staticClass","step","class","$device","staticStyle","_v","_m","member","mobile","attrs","on","$event","$router","replace","path","goToStep","style","otp","onPinPress","handleSubmit","new_password","new_password_confirm","modal_visible","ref","modal_step","modal_data","onModalSave","onModalCancel","staticRenderFns","padding","visible","$t","data","message","cancel","title","onSuccess","component","injectStyles","context","locals"],"mappings":"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","file":"js/chunk-b50b0bae.52b10c1c.js","sourcesContent":["export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"@babel/runtime/helpers/esm/arrayWithHoles\";\nimport iterableToArrayLimit from \"@babel/runtime/helpers/esm/iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableRest from \"@babel/runtime/helpers/esm/nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","export { default } from  \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"index_container_mAf4a\",\"logo\":\"index_logo_LSyxB\"};","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./modalForm.vue?vue&type=style&index=0&id=07a47b52&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./index.vue?vue&type=style&index=1&id=2b7e5602&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL+SURBVHgB7ZqNcdswDIVfO0FG4AjpBEUnSDaIRugGcSdoNjA3SDuB2gnSDaQNnA1corLuXAqUKP4o4oXfHe58tgQbTyAAyQQqlUqlUqlU3ikfEM6tsTtjdHl9g33xauyPsZ/GfhjrkQhlrDV2LsyOl98exb2xE4BzodZhyNbg4EsJdM5O1yL41gBl7AXyOuf1xeusx77gID9juHA2vbFPGOqEFxy8rWSLBGtqAxSG1JdqghcN5OBLgjNXEmGxcynhxA5lXHkbXhK2AIelk47CSQ3KhTPXO5MlxV5QNg2mHcGJtGYUyoZgxfTRceAjpsF+w/5aXRYUptMeZ0OKWV8l8KMifBCmWT0hV+G7LkAPWM9NAh+EBQEaRAwMM0hj9JoAOHh7GOuwHsKMANKwwEtBIR6CPJf7iCAFH9qRCDMCPCJgUFiBxnoRXMH/d0OzAoJDACV80CE9Gv4ipA6eITgEaIUPgu+bF9BYFiFH8AwJPsU3j8iLhluEXMEzJPidtL0O20x8GrIIHfIEz5Dge6J27qt/jYYsQo7gGRL8T6a+e2yLxjbBMyR8x+QNwrbwmnc9aD0gLQSPDGiwHa6C5+oOsZDtn+8Ge+ugXO3PZpztl75PI60IE54wXXe5/+WZa3XPyJcJBM854Bn58OnzGnlEIMHnP1psUwzXDDka6UUgOARQyPcQZCRkwtNIKwLBIQBzQN42FDreasgihMwrhBkBcj4PkB6IrBlytHB+h/UQZgRwHdAingbhwY9oy0fyByIjUhuKHY+v1/8J4QX2KdIHwUMAaTRNNRuoBH5izid4CMB8FQ78jvIheArAtNhmNtgSwgoBpINTFMS3xM7s09IJ9n3C+eKkVOwCv3hBXQVRoTwUAi+mNMS49gvtFYXIf7ulgtihjEwgzOwRSrFL7BeGXWKv2Bf8W+8gd67e2Bes/LufR9eSN0kmydxbyOn0LoIfUfB7nr8n48w9QFjCMbvFFYb19XBxvKeuwL9l3C3+G8MF21uNqlQqlUql8sb8BTl7TIyS+2AvAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-container\"},[_c('div',{staticClass:\"login-container-vertical-center\"},[(_vm.step == '1_change_password')?_c('div',{class:'container_forgot_password is-' + _vm.$device},[_c('label',{staticClass:\"fs-22\",staticStyle:{\"font-weight\":\"600\",\"margin-bottom\":\"20px\"}},[_vm._v(\" เปลี่ยนรหัส PIN\")]),_c('br'),_vm._m(0),_c('label',{staticClass:\"fs-18\",staticStyle:{\"font-weight\":\"300\",\"margin-bottom\":\"20px\"}},[_c('strong',[_vm._v(\" รหัส OTP จะถูกส่งไปยังเบอร์โทรศัพท์ \"),(_vm.member.mobile && _vm.member.mobile != 'xxx-xxx-')?_c('span',{staticClass:\"red\",staticStyle:{\"display\":\"block\",\"text-align\":\"center\"}},[_vm._v(_vm._s(_vm.member.mobile))]):_c('span',{staticClass:\"red\",staticStyle:{\"display\":\"block\",\"text-align\":\"center\"}},[_vm._v(\"ไม่พบเบอร์มือถือในระบบ\")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\"หากท่านต้องการเพิ่ม/แก้ไขเบอร์โทรศัพท์ \")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\"กรุณาติดต่อเจ้าหน้าที่ 0-2586-2112 กด 0\")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\"ในวันและเวลาทำการ\")])])]),_c('a-button',{staticClass:\"text-center cancel-btn br-20\",staticStyle:{\"width\":\"47.5%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.$router.replace({ path: '/profile' })}}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ยกเลิก\")])]),(_vm.member.mobile && _vm.member.mobile != 'xxx-xxx-')?_c('a-button',{staticClass:\"text-center primary-btn\",staticStyle:{\"width\":\"47.5%\",\"margin-left\":\"5%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.goToStep(2)}}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ขอรับ OTP\")])]):_vm._e()],1):_vm._e(),(_vm.step == '2_otp')?_c('div',{class:'container-password is-' + _vm.$device},[_c('label',{staticClass:\"fs-22\",staticStyle:{\"font-weight\":\"600\",\"margin-bottom\":\"40px\"}},[_vm._v(\" กรุณากรอกรหัส OTP \")]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('span',{staticClass:\"dot animated\",style:({\n                        'margin-left': 0,\n                        'background-color': _vm.otp.length > 0 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.otp.length > 1 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.otp.length > 2 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.otp.length > 3 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.otp.length > 4 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.otp.length > 5 ? '#cc0000' : 'transparent',\n                    })})]),_c('div',{staticClass:\"pins\"},[_c('div',{staticClass:\"pinC animated bounceInUp\"},[_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"1\"},on:{\"click\":function($event){return _vm.onPinPress(1)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"1\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"2\"},on:{\"click\":function($event){return _vm.onPinPress(2)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"2\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"3\"},on:{\"click\":function($event){return _vm.onPinPress(3)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"3\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"4\"},on:{\"click\":function($event){return _vm.onPinPress(4)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"4\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"5\"},on:{\"click\":function($event){return _vm.onPinPress(5)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"5\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"6\"},on:{\"click\":function($event){return _vm.onPinPress(6)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"6\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"7\"},on:{\"click\":function($event){return _vm.onPinPress(7)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"7\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"8\"},on:{\"click\":function($event){return _vm.onPinPress(8)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"8\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"9\"},on:{\"click\":function($event){return _vm.onPinPress(9)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"9\")])]),_c('div',{staticClass:\"pinB\"}),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"0\"},on:{\"click\":function($event){return _vm.onPinPress(0)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"0\")])]),_c('div',{staticClass:\"pinB pDelete\",on:{\"click\":function($event){return _vm.onPinPress('del')}}},[_c('img',{staticClass:\"pin_T\",staticStyle:{\"width\":\"35%\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../public/resources/images/delete.png\")}})])])]),_c('a-button',{staticClass:\"text-center cancel-btn br-20\",staticStyle:{\"width\":\"47.5%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.goToStep(1)}}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ยกเลิก\")])]),_c('a-button',{staticClass:\"text-center primary-btn\",staticStyle:{\"width\":\"47.5%\",\"margin-left\":\"5%\"},attrs:{\"size\":\"large\"},on:{\"click\":_vm.handleSubmit}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ยืนยัน\")])])],1):_vm._e(),(_vm.step == '3_create_new_password')?_c('div',{class:'container-password is-' + _vm.$device},[_c('label',{staticClass:\"fs-22\",staticStyle:{\"font-weight\":\"600\",\"margin-bottom\":\"40px\"}},[_vm._v(\" กรุณาตั้งรหัส PIN ใหม่ \")]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('span',{staticClass:\"dot animated\",style:({\n                        'margin-left': 0,\n                        'background-color': _vm.new_password.length > 0 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password.length > 1 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password.length > 2 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password.length > 3 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password.length > 4 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password.length > 5 ? '#cc0000' : 'transparent',\n                    })})]),_c('div',{staticClass:\"pins\"},[_c('div',{staticClass:\"pinC animated bounceInUp\"},[_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"1\"},on:{\"click\":function($event){return _vm.onPinPress(1)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"1\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"2\"},on:{\"click\":function($event){return _vm.onPinPress(2)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"2\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"3\"},on:{\"click\":function($event){return _vm.onPinPress(3)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"3\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"4\"},on:{\"click\":function($event){return _vm.onPinPress(4)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"4\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"5\"},on:{\"click\":function($event){return _vm.onPinPress(5)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"5\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"6\"},on:{\"click\":function($event){return _vm.onPinPress(6)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"6\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"7\"},on:{\"click\":function($event){return _vm.onPinPress(7)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"7\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"8\"},on:{\"click\":function($event){return _vm.onPinPress(8)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"8\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"9\"},on:{\"click\":function($event){return _vm.onPinPress(9)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"9\")])]),_c('div',{staticClass:\"pinB\"}),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"0\"},on:{\"click\":function($event){return _vm.onPinPress(0)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"0\")])]),_c('div',{staticClass:\"pinB pDelete\",on:{\"click\":function($event){return _vm.onPinPress('del')}}},[_c('img',{staticClass:\"pin_T\",staticStyle:{\"width\":\"35%\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../public/resources/images/delete.png\")}})])])]),_c('a-button',{staticClass:\"text-center cancel-btn br-20\",staticStyle:{\"width\":\"47.5%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.goToStep(2)}}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ยกเลิก\")])]),_c('a-button',{staticClass:\"text-center primary-btn fs-14\",staticStyle:{\"width\":\"47.5%\",\"margin-left\":\"5%\"},attrs:{\"size\":\"large\"},on:{\"click\":_vm.handleSubmit}},[_c('span',{staticClass:\"fs-18 color-white fw-600\"},[_vm._v(\"ยืนยัน\")])])],1):_vm._e(),(_vm.step == '4_confirm_new_password')?_c('div',{class:'container-password is-' + _vm.$device},[_c('label',{staticClass:\"fs-22\",staticStyle:{\"font-weight\":\"600\",\"margin-bottom\":\"40px\"}},[_vm._v(\" ยืนยันรหัส PIN \")]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('span',{staticClass:\"dot animated\",style:({\n                        'margin-left': 0,\n                        'background-color': _vm.new_password_confirm.length > 0 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password_confirm.length > 1 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password_confirm.length > 2 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password_confirm.length > 3 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password_confirm.length > 4 ? '#cc0000' : 'transparent',\n                    })}),_c('span',{staticClass:\"dot animated\",style:({\n                        'background-color': _vm.new_password_confirm.length > 5 ? '#cc0000' : 'transparent',\n                    })})]),_c('div',{staticClass:\"pins\"},[_c('div',{staticClass:\"pinC animated bounceInUp\"},[_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"1\"},on:{\"click\":function($event){return _vm.onPinPress(1)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"1\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"2\"},on:{\"click\":function($event){return _vm.onPinPress(2)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"2\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"3\"},on:{\"click\":function($event){return _vm.onPinPress(3)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"3\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"4\"},on:{\"click\":function($event){return _vm.onPinPress(4)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"4\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"5\"},on:{\"click\":function($event){return _vm.onPinPress(5)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"5\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"6\"},on:{\"click\":function($event){return _vm.onPinPress(6)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"6\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"7\"},on:{\"click\":function($event){return _vm.onPinPress(7)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"7\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"8\"},on:{\"click\":function($event){return _vm.onPinPress(8)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"8\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"9\"},on:{\"click\":function($event){return _vm.onPinPress(9)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"9\")])]),_c('div',{staticClass:\"pinB\"}),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"0\"},on:{\"click\":function($event){return _vm.onPinPress(0)}}},[_c('label',{staticClass:\"pin_T fs-32\"},[_vm._v(\"0\")])]),_c('div',{staticClass:\"pinB pDelete\",on:{\"click\":function($event){return _vm.onPinPress('del')}}},[_c('img',{staticClass:\"pin_T\",staticStyle:{\"width\":\"35%\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../public/resources/images/delete.png\")}})])])]),_c('a-button',{staticClass:\"text-center cancel-btn br-20\",staticStyle:{\"width\":\"47.5%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.goToStep(3)}}},[_c('span',{staticClass:\"fs-18\"},[_vm._v(\"ยกเลิก\")])]),_c('a-button',{staticClass:\"text-center primary-btn fs-14\",staticStyle:{\"width\":\"47.5%\",\"margin-left\":\"5%\"},attrs:{\"size\":\"large\"},on:{\"click\":_vm.handleSubmit}},[_c('span',{staticClass:\"fs-18 color-white fw-600\"},[_vm._v(\"ยืนยัน\")])])],1):_vm._e(),_c('modal-form',{key:_vm.modal_visible,ref:\"modalForm\",attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"data\":_vm.modal_data},on:{\"on-save\":_vm.onModalSave,\"on-cancel\":_vm.onModalCancel}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"fs-18\",staticStyle:{\"font-weight\":\"300\",\"margin-bottom\":\"20px\"}},[_c('strong',[_vm._v(\"การเปลี่ยนแปลงรหัส PIN จำเป็นต้องยืนยันตัวตน เพื่อความปลอดภัยของข้อมูล \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.step == 'custom_without_header')?_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title fs-20\"},[_c('span',{staticClass:\"color-white\"},[_vm._v(_vm._s(_vm.$t('แจ้งเตือน')))])])]),_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-18\"},[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")])]),_c('div',{staticClass:\"custom-modal-footer text-center\"},[_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)]):_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title fs-20\"},[_c('span',{staticClass:\"color-white\"},[_vm._v(_vm._s(_vm.data.title))])])]),_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-18\"},[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")])]),_c('div',{staticClass:\"custom-modal-footer text-center\"},[_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.onSuccess()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <a-modal centered v-if=\"step == 'custom_without_header'\" :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header\">\r\n                <label class=\"custom-modal-header-title fs-20\">\r\n                    <span class=\"color-white\">{{ $t('แจ้งเตือน') }}</span>\r\n                </label>\r\n            </div>\r\n            <div class=\"custom-modal-body\">\r\n                <label class=\"custom-modal-body-detail fs-18\">\r\n                    {{ data.message }}\r\n                </label>\r\n            </div>\r\n            <!-- footer -->\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ปิดหน้าต่าง') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n        <a-modal centered v-else :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header\">\r\n                <label class=\"custom-modal-header-title fs-20\">\r\n                    <span class=\"color-white\">{{ data.title }}</span>\r\n                </label>\r\n            </div>\r\n            <div class=\"custom-modal-body\">\r\n                <label class=\"custom-modal-body-detail fs-18\">\r\n                    {{ data.message }}\r\n                </label>\r\n            </div>\r\n            <!-- footer -->\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"onSuccess()\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ปิดหน้าต่าง') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: ['visible', 'step', 'data'],\r\n    beforeCreate() {\r\n        this.form = this.$form.createForm(this, { name: 'form_in_modal' });\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        create() {\r\n            this.$emit('on-save');\r\n        },\r\n        onSuccess() {\r\n            this.$router.replace({ path: '/profile' });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-modal-header {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-header-title {\r\n    color: #141322 !important;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-body-detail {\r\n    color: #141322 !important;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    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!./modalForm.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!./modalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalForm.vue?vue&type=template&id=07a47b52&scoped=true&\"\nimport script from \"./modalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./modalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modalForm.vue?vue&type=style&index=0&id=07a47b52&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  \"07a47b52\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"login-container\">\r\n        <div class=\"login-container-vertical-center\">\r\n            <div v-if=\"step == '1_change_password'\" :class=\"'container_forgot_password is-' + $device\">\r\n                <label class=\"fs-22\" style=\"font-weight: 600; margin-bottom: 20px\"> เปลี่ยนรหัส PIN</label><br />\r\n                <label class=\"fs-18\" style=\"font-weight: 300; margin-bottom: 20px\">\r\n                    <strong>การเปลี่ยนแปลงรหัส PIN จำเป็นต้องยืนยันตัวตน เพื่อความปลอดภัยของข้อมูล </strong>\r\n                </label>\r\n                <label class=\"fs-18\" style=\"font-weight: 300; margin-bottom: 20px\">\r\n                    <strong>\r\n                        รหัส OTP จะถูกส่งไปยังเบอร์โทรศัพท์\r\n                        <span class=\"red\" style=\"display: block; text-align: center\" v-if=\"member.mobile && member.mobile != 'xxx-xxx-'\">{{ member.mobile }}</span>\r\n                        <span class=\"red\" style=\"display: block; text-align: center\" v-else>ไม่พบเบอร์มือถือในระบบ</span>\r\n                        <span style=\"display: block\">หากท่านต้องการเพิ่ม/แก้ไขเบอร์โทรศัพท์ </span>\r\n                        <span style=\"display: block\">กรุณาติดต่อเจ้าหน้าที่ 0-2586-2112 กด 0</span>\r\n                        <span style=\"display: block\">ในวันและเวลาทำการ</span>\r\n                    </strong>\r\n                </label>\r\n                <a-button size=\"large\" class=\"text-center cancel-btn br-20\" style=\"width: 47.5%\" @click=\"$router.replace({ path: '/profile' })\">\r\n                    <span class=\"fs-18\">ยกเลิก</span>\r\n                </a-button>\r\n                <a-button v-if=\"member.mobile && member.mobile != 'xxx-xxx-'\" size=\"large\" class=\"text-center primary-btn\" style=\"width: 47.5%; margin-left: 5%\" @click=\"goToStep(2)\">\r\n                    <span class=\"fs-18\">ขอรับ OTP</span>\r\n                </a-button>\r\n            </div>\r\n            <div v-if=\"step == '2_otp'\" :class=\"'container-password is-' + $device\">\r\n                <label class=\"fs-22\" style=\"font-weight: 600; margin-bottom: 40px\"> กรุณากรอกรหัส OTP </label>\r\n                <div style=\"width: 100%\">\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'margin-left': 0,\r\n                            'background-color': otp.length > 0 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': otp.length > 1 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': otp.length > 2 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': otp.length > 3 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': otp.length > 4 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': otp.length > 5 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                </div>\r\n                <div class=\"pins\">\r\n                    <div class=\"pinC animated bounceInUp\">\r\n                        <div class=\"pinB\" nr=\"1\" @click=\"onPinPress(1)\">\r\n                            <label class=\"pin_T fs-32\">1</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"2\" @click=\"onPinPress(2)\">\r\n                            <label class=\"pin_T fs-32\">2</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"3\" @click=\"onPinPress(3)\">\r\n                            <label class=\"pin_T fs-32\">3</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"4\" @click=\"onPinPress(4)\">\r\n                            <label class=\"pin_T fs-32\">4</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"5\" @click=\"onPinPress(5)\">\r\n                            <label class=\"pin_T fs-32\">5</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"6\" @click=\"onPinPress(6)\">\r\n                            <label class=\"pin_T fs-32\">6</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"7\" @click=\"onPinPress(7)\">\r\n                            <label class=\"pin_T fs-32\">7</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"8\" @click=\"onPinPress(8)\">\r\n                            <label class=\"pin_T fs-32\">8</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"9\" @click=\"onPinPress(9)\">\r\n                            <label class=\"pin_T fs-32\">9</label>\r\n                        </div>\r\n                        <div class=\"pinB\"></div>\r\n                        <div class=\"pinB\" nr=\"0\" @click=\"onPinPress(0)\">\r\n                            <label class=\"pin_T fs-32\">0</label>\r\n                        </div>\r\n                        <div class=\"pinB pDelete\" @click=\"onPinPress('del')\">\r\n                            <img src=\"../../../public/resources/images/delete.png\" class=\"pin_T\" style=\"width: 35%; margin: 0 auto\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <a-button size=\"large\" class=\"text-center cancel-btn br-20\" style=\"width: 47.5%\" @click=\"goToStep(1)\">\r\n                    <span class=\"fs-18\">ยกเลิก</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center primary-btn\" style=\"width: 47.5%; margin-left: 5%\" @click=\"handleSubmit\">\r\n                    <span class=\"fs-18\">ยืนยัน</span>\r\n                </a-button>\r\n                <!-- end: section footer -->\r\n            </div>\r\n            <div v-if=\"step == '3_create_new_password'\" :class=\"'container-password is-' + $device\">\r\n                <label class=\"fs-22\" style=\"font-weight: 600; margin-bottom: 40px\"> กรุณาตั้งรหัส PIN ใหม่ </label>\r\n                <div style=\"width: 100%\">\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'margin-left': 0,\r\n                            'background-color': new_password.length > 0 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password.length > 1 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password.length > 2 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password.length > 3 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password.length > 4 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password.length > 5 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                </div>\r\n                <div class=\"pins\">\r\n                    <div class=\"pinC animated bounceInUp\">\r\n                        <div class=\"pinB\" nr=\"1\" @click=\"onPinPress(1)\">\r\n                            <label class=\"pin_T fs-32\">1</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"2\" @click=\"onPinPress(2)\">\r\n                            <label class=\"pin_T fs-32\">2</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"3\" @click=\"onPinPress(3)\">\r\n                            <label class=\"pin_T fs-32\">3</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"4\" @click=\"onPinPress(4)\">\r\n                            <label class=\"pin_T fs-32\">4</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"5\" @click=\"onPinPress(5)\">\r\n                            <label class=\"pin_T fs-32\">5</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"6\" @click=\"onPinPress(6)\">\r\n                            <label class=\"pin_T fs-32\">6</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"7\" @click=\"onPinPress(7)\">\r\n                            <label class=\"pin_T fs-32\">7</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"8\" @click=\"onPinPress(8)\">\r\n                            <label class=\"pin_T fs-32\">8</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"9\" @click=\"onPinPress(9)\">\r\n                            <label class=\"pin_T fs-32\">9</label>\r\n                        </div>\r\n                        <div class=\"pinB\"></div>\r\n                        <div class=\"pinB\" nr=\"0\" @click=\"onPinPress(0)\">\r\n                            <label class=\"pin_T fs-32\">0</label>\r\n                        </div>\r\n                        <div class=\"pinB pDelete\" @click=\"onPinPress('del')\">\r\n                            <img src=\"../../../public/resources/images/delete.png\" class=\"pin_T\" style=\"width: 35%; margin: 0 auto\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <a-button size=\"large\" class=\"text-center cancel-btn br-20\" style=\"width: 47.5%\" @click=\"goToStep(2)\">\r\n                    <span class=\"fs-18\">ยกเลิก</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center primary-btn fs-14\" style=\"width: 47.5%; margin-left: 5%\" @click=\"handleSubmit\">\r\n                    <span class=\"fs-18 color-white fw-600\">ยืนยัน</span>\r\n                </a-button>\r\n                <!-- end: section footer -->\r\n            </div>\r\n            <div v-if=\"step == '4_confirm_new_password'\" :class=\"'container-password is-' + $device\">\r\n                <label class=\"fs-22\" style=\"font-weight: 600; margin-bottom: 40px\"> ยืนยันรหัส PIN </label>\r\n                <div style=\"width: 100%\">\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'margin-left': 0,\r\n                            'background-color': new_password_confirm.length > 0 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password_confirm.length > 1 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password_confirm.length > 2 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password_confirm.length > 3 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password_confirm.length > 4 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                    <span\r\n                        class=\"dot animated\"\r\n                        :style=\"{\r\n                            'background-color': new_password_confirm.length > 5 ? '#cc0000' : 'transparent',\r\n                        }\"\r\n                    ></span>\r\n                </div>\r\n                <div class=\"pins\">\r\n                    <div class=\"pinC animated bounceInUp\">\r\n                        <div class=\"pinB\" nr=\"1\" @click=\"onPinPress(1)\">\r\n                            <label class=\"pin_T fs-32\">1</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"2\" @click=\"onPinPress(2)\">\r\n                            <label class=\"pin_T fs-32\">2</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"3\" @click=\"onPinPress(3)\">\r\n                            <label class=\"pin_T fs-32\">3</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"4\" @click=\"onPinPress(4)\">\r\n                            <label class=\"pin_T fs-32\">4</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"5\" @click=\"onPinPress(5)\">\r\n                            <label class=\"pin_T fs-32\">5</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"6\" @click=\"onPinPress(6)\">\r\n                            <label class=\"pin_T fs-32\">6</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"7\" @click=\"onPinPress(7)\">\r\n                            <label class=\"pin_T fs-32\">7</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"8\" @click=\"onPinPress(8)\">\r\n                            <label class=\"pin_T fs-32\">8</label>\r\n                        </div>\r\n                        <div class=\"pinB\" nr=\"9\" @click=\"onPinPress(9)\">\r\n                            <label class=\"pin_T fs-32\">9</label>\r\n                        </div>\r\n                        <div class=\"pinB\"></div>\r\n                        <div class=\"pinB\" nr=\"0\" @click=\"onPinPress(0)\">\r\n                            <label class=\"pin_T fs-32\">0</label>\r\n                        </div>\r\n                        <div class=\"pinB pDelete\" @click=\"onPinPress('del')\">\r\n                            <img src=\"../../../public/resources/images/delete.png\" class=\"pin_T\" style=\"width: 35%; margin: 0 auto\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <a-button size=\"large\" class=\"text-center cancel-btn br-20\" style=\"width: 47.5%\" @click=\"goToStep(3)\">\r\n                    <span class=\"fs-18\">ยกเลิก</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center primary-btn fs-14\" style=\"width: 47.5%; margin-left: 5%\" @click=\"handleSubmit\">\r\n                    <span class=\"fs-18 color-white fw-600\">ยืนยัน</span>\r\n                </a-button>\r\n                <!-- end: section footer -->\r\n            </div>\r\n            <modal-form ref=\"modalForm\" :key=\"modal_visible\" :visible=\"modal_visible\" :step=\"modal_step\" :data=\"modal_data\" @on-save=\"onModalSave\" @on-cancel=\"onModalCancel\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport modalForm from './modalForm';\r\nexport default {\r\n    name: 'CuiLogin',\r\n    components: {\r\n        modalForm,\r\n    },\r\n    computed: {\r\n        ...mapState(['settings']),\r\n        loading() {\r\n            return this.$store.state.user.loading;\r\n        },\r\n    },\r\n    data: function () {\r\n        const formItemLayout = {\r\n            labelCol: { span: 12 },\r\n            wrapperCol: { span: 10 },\r\n        };\r\n        const formTailLayout = {\r\n            labelCol: { span: 12 },\r\n            wrapperCol: { span: 10 },\r\n        };\r\n        const labelCol = {\r\n            xs: { span: 24 },\r\n            sm: { span: 12 },\r\n        };\r\n        const wrapperCol = {\r\n            xs: { span: 24 },\r\n            sm: { span: 24 },\r\n        };\r\n        const wrapperCol2 = {\r\n            xs: { span: 24 },\r\n            sm: { span: 24 },\r\n        };\r\n        return {\r\n            /* mode: process.env.NODE_ENV,\r\n      public_path: process.env.VUE_APP_PUBLIC_PATH, */\r\n            form: this.$form.createForm(this),\r\n            formItemLayout,\r\n            formTailLayout,\r\n            labelCol,\r\n            wrapperCol,\r\n            wrapperCol2,\r\n            modal_visible: false,\r\n            modal_data: {},\r\n            step: '1_change_password',\r\n            modal_step: '1_change_password',\r\n            step_check: '',\r\n            member: this.$store.state.user,\r\n            username: this.$mode != 'production' ? process.env.VUE_APP_USERNAME : '',\r\n            password: this.$mode != 'production' ? process.env.VUE_APP_PASSWORD : '',\r\n            otp: '',\r\n            new_password: '',\r\n            new_password_confirm: '',\r\n        }; /* step 2_password, 1_change_password, 2_otp,\r\n        welcom,policy_popup, welcom_birthday, pin_create,\r\n        pin_success, pin_create, pin_create, pin_create */\r\n    },\r\n    mounted() {},\r\n    methods: {\r\n        isBack() {\r\n            console.log('this.step', this.step);\r\n            if (this.step == '2_otp') {\r\n                this.step = '1_change_password';\r\n            } else if (this.step == '3_create_new_password') {\r\n                this.step = '2_otp';\r\n            } else if (this.step == '4_confirm_new_password') {\r\n                this.step = '3_create_new_password';\r\n            }\r\n        },\r\n        handleSubmit(e = null) {\r\n            switch (this.step) {\r\n                case '2_otp': {\r\n                    this.goToStep(3);\r\n                    break;\r\n                }\r\n                case '3_create_new_password': {\r\n                    if (this.new_password.length < 6) {\r\n                        this.modal_visible = true;\r\n                        this.modal_step = 'custom_without_header';\r\n                        this.modal_data.message = 'กรุณาตั้งรหัสผ่าน PIN ให้ครบ 6 หลัก';\r\n                    } else {\r\n                        this.goToStep(4);\r\n                    }\r\n                    break;\r\n                }\r\n                case '4_confirm_new_password': {\r\n                    this.$store.dispatch('user/POST', {\r\n                        payload: {\r\n                            path: '/api/ChangePinByOtp',\r\n                            data: {\r\n                                member_id: this.username,\r\n                                otp: this.otp,\r\n                                pin: this.new_password,\r\n                                pin_confirmation: this.new_password_confirm,\r\n                                channel_id: 7,\r\n                            },\r\n                            callback: (res) => {\r\n                                if (res && res.result == 'complete') {\r\n                                    this.modal_visible = true;\r\n                                    this.modal_step = '';\r\n                                    this.modal_data.title = 'สร้างรหัส PIN สำเร็จ';\r\n                                    this.modal_data.message = 'ท่านสามารถเข้าสู่ระบบด้วยรหัส PIN ที่สร้างใหม่ได้ทันที';\r\n                                } else {\r\n                                    const errors = {\r\n                                        title: '',\r\n                                    };\r\n                                    for (const [key, value] of Object.entries(res.errors)) {\r\n                                        if (key) {\r\n                                            console.log('value[0]', value[0]);\r\n                                            errors.title += value[0];\r\n                                        }\r\n                                    }\r\n                                    this.modal_visible = true;\r\n                                    this.modal_step = 'custom_without_header';\r\n                                    this.modal_data.message = errors.title;\r\n                                }\r\n                            },\r\n                        },\r\n                    });\r\n                    break;\r\n                }\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n        generatePinOtp() {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/GeneratePinOtp',\r\n                    data: {\r\n                        member_id: this.username,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') {\r\n                            this.modal_visible = true;\r\n                            this.modal_step = 'custom_without_header';\r\n                            this.modal_data.message = res.complete.msg;\r\n                        } else {\r\n                            const errors = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key) {\r\n                                    console.log('value[0]', value[0]);\r\n                                    errors.title += value[0];\r\n                                }\r\n                            }\r\n                            this.modal_visible = true;\r\n                            this.modal_step = 'custom_without_header';\r\n                            this.modal_data.message = errors.title;\r\n                        }\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalSave() {},\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_step = 'custom_without_header';\r\n            this.modal_data = {};\r\n        },\r\n        onPinPress(pin) {\r\n            switch (this.step) {\r\n                case '2_password': {\r\n                    if (pin == 'del') {\r\n                        this.password = this.password.slice(0, -1);\r\n                    } else {\r\n                        if (this.password.length >= 6) return;\r\n                        this.password += String(pin);\r\n                    }\r\n                    break;\r\n                }\r\n                case '2_otp': {\r\n                    if (pin == 'del') {\r\n                        this.otp = this.otp.slice(0, -1);\r\n                    } else {\r\n                        if (this.otp.length >= 6) return;\r\n                        this.otp += String(pin);\r\n                    }\r\n                    break;\r\n                }\r\n                case '3_create_new_password': {\r\n                    if (pin == 'del') {\r\n                        this.new_password = this.new_password.slice(0, -1);\r\n                    } else {\r\n                        if (this.new_password.length >= 6) return;\r\n                        this.new_password += String(pin);\r\n                    }\r\n                    break;\r\n                }\r\n                case '4_confirm_new_password': {\r\n                    if (pin == 'del') {\r\n                        this.new_password_confirm = this.new_password_confirm.slice(0, -1);\r\n                    } else {\r\n                        if (this.new_password_confirm.length >= 6) return;\r\n                        this.new_password_confirm += String(pin);\r\n                    }\r\n                    break;\r\n                }\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n        goToStep(step) {\r\n            switch (step) {\r\n                case 1: {\r\n                    this.password = '';\r\n                    this.otp = '';\r\n                    this.new_password = '';\r\n                    this.new_password_confirm = '';\r\n                    this.step = '1_change_password';\r\n                    break;\r\n                }\r\n                case 2: {\r\n                    this.step = '2_otp';\r\n                    this.generatePinOtp();\r\n                    break;\r\n                }\r\n                case 3: {\r\n                    this.step = '3_create_new_password';\r\n                    break;\r\n                }\r\n                case 4: {\r\n                    this.step = '4_confirm_new_password';\r\n                    break;\r\n                }\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style lang=\"scss\" module>\r\n@import '@/components/cleanui/system/Auth/style.module.scss';\r\n</style>\r\n<style scoped>\r\n.navbar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    /* height: 40px; */\r\n    /* height: 10vh; */\r\n    height: 48px;\r\n    padding: 0 8px;\r\n    z-index: 2;\r\n}\r\n.custom-close {\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #707070 !important;\r\n    text-align: right;\r\n    opacity: 0.5;\r\n}\r\n.pins {\r\n    /* position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%); */\r\n    border-radius: 12px;\r\n    background-color: #fff !important;\r\n    height: calc(220px * 4 / 3);\r\n    margin: 16px 0;\r\n}\r\n.center2 {\r\n    text-align: center;\r\n}\r\n.pinRC {\r\n    display: none;\r\n}\r\n.pinC {\r\n    display: block;\r\n    position: relative;\r\n    width: 270px;\r\n    height: 220px;\r\n    margin: 0 auto;\r\n}\r\n.pinC > .pinB {\r\n    position: relative;\r\n    float: left;\r\n    width: calc(270px / 3);\r\n    height: calc(220px / 3);\r\n    text-align: center;\r\n    /* line-height: 3; */\r\n    -webkit-transition: all 0.2s ease;\r\n    -moz-transition: all 0.2s ease;\r\n    -o-transition: all 0.2s ease;\r\n    transition: all 0.2s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty) {\r\n    /* background-color: #dcdcdc; */\r\n    /* background-color: transparent; */\r\n    /* border: 2px solid #ffffff; */\r\n}\r\n.pinC > .pinB:not(.empty):hover {\r\n    /*     border: 2px dotted #fefefe; */\r\n    cursor: pointer;\r\n}\r\n.pinC > .pinB:not(.empty)::before {\r\n    content: ' ';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty):active::before {\r\n    background-color: rgba(200, 200, 200, 0.45);\r\n}\r\n.pinC > .pinB > .pin_T {\r\n    /* position: absolute;\r\n  width: 100%;\r\n  left: 0%;\r\n  height: 100%; */\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.pin_T.pDelete {\r\n    font-weight: 300 !important;\r\n}\r\n.pinC > .pinB > .pin_t {\r\n    /* font-size: 75%; */\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    color: darkgrey;\r\n    transform: translate(-50%, 0);\r\n}\r\n.pinC > .pinB.input > .pinpart {\r\n    border: 2px solid #000000;\r\n    border-radius: 50%;\r\n    float: left;\r\n    width: 10px;\r\n    height: 10px;\r\n    position: relative;\r\n    top: calc(50% - 5px);\r\n    margin-left: 4.5px;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB.input > .pinpart.active {\r\n    background-color: #000000;\r\n}\r\n.confirmed {\r\n    animation: removec ease-out 1s;\r\n    animation-iteration-count: 1;\r\n    transform-origin: 0% 50%;\r\n    animation-fill-mode: forwards;\r\n    /*when the spec is finished*/\r\n    -webkit-animation: removec ease-out 1s;\r\n    -webkit-animation-iteration-count: 1;\r\n    -webkit-transform-origin: 0% 50%;\r\n    -webkit-animation-fill-mode: forwards;\r\n    /*Chrome 16+, Safari 4+*/\r\n    -moz-animation: removec ease-out 1s;\r\n    -moz-animation-iteration-count: 1;\r\n    -moz-transform-origin: 0% 50%;\r\n    -moz-animation-fill-mode: forwards;\r\n    /*FF 5+*/\r\n    -o-animation: removec ease-out 1s;\r\n    -o-animation-iteration-count: 1;\r\n    -o-transform-origin: 0% 50%;\r\n    -o-animation-fill-mode: forwards;\r\n    /*Not implemented yet*/\r\n    -ms-animation: removec ease-out 1s;\r\n    -ms-animation-iteration-count: 1;\r\n    -ms-transform-origin: 0% 50%;\r\n    -ms-animation-fill-mode: forwards;\r\n    /*IE 10+*/\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\r\n}\r\n@keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-moz-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-webkit-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-o-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-ms-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n.dots-width {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n.dot {\r\n    border: 1px solid #bbb;\r\n    border-radius: 50%;\r\n    width: 18px;\r\n    height: 18px;\r\n    display: inline-block;\r\n    margin-left: 20px;\r\n}\r\n.footer-label {\r\n    padding: 0;\r\n    margin-top: 12px;\r\n}\r\n.เข้าใช้งานด้วยหมายเลขสมาชิกอื่น {\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n.ลืมรหัส {\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n.container-password {\r\n    padding: 20px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    /* background-color: #fff !important; */\r\n    border-radius: 12px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n/* .container-password.is-mobile {\r\n    width: 100%;\r\n} */\r\n.container_forgot_password {\r\n    padding: 20px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 12px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n/* .container_forgot_password.is-mobile {\r\n    width: 100%;\r\n} */\r\n.container_forgot_member {\r\n    padding: 20px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 12px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n/* .container_forgot_member.is-mobile {\r\n    width: 100%;\r\n} */\r\n@media (max-device-width: 480px) {\r\n    .container-password {\r\n        width: 100%;\r\n    }\r\n    .container_forgot_password {\r\n        width: 100%;\r\n    }\r\n    .container_forgot_member {\r\n        width: 100%;\r\n    }\r\n}\r\n@media (max-device-width: 413px) {\r\n    .pinC {\r\n        width: 270px;\r\n        height: 220px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(270px / 3);\r\n        height: calc(220px / 3);\r\n    }\r\n    .pins {\r\n        height: calc(220px * 4 / 3);\r\n    }\r\n    /* .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    } */\r\n    .container-password {\r\n        width: 330px;\r\n    }\r\n    .container_forgot_member {\r\n        width: 330px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) {\r\n    .dots-width {\r\n        width: 80%;\r\n    }\r\n    .dot {\r\n        width: 15px;\r\n        height: 15px;\r\n        margin-left: 10px;\r\n    }\r\n    .pinC {\r\n        width: 250px;\r\n        height: 200px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(250px / 3);\r\n        height: calc(200px / 3);\r\n    }\r\n    .pins {\r\n        height: calc(200px * 4 / 3);\r\n    }\r\n    /* .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    } */\r\n    .container-password {\r\n        width: 280px;\r\n    }\r\n    .container_forgot_member {\r\n        width: 280px;\r\n    }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n    .col-xl-6 {\r\n        width: 50%;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2b7e5602&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&module=true&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=2b7e5602&scoped=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  \"2b7e5602\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}