{"version":3,"sources":["webpack:///./src/views/delete-account/modalForm.vue?1928","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:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/delete-account/index.vue?42b3","webpack:///./src/views/delete-account/modalForm.vue?ee83","webpack:///src/views/delete-account/modalForm.vue","webpack:///./src/views/delete-account/modalForm.vue?c5ae","webpack:///./src/views/delete-account/modalForm.vue","webpack:///src/views/delete-account/index.vue","webpack:///./src/views/delete-account/index.vue?f95f","webpack:///./src/views/delete-account/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","attrs","$t","loading","staticClass","staticStyle","_v","on","$event","modal_visible","ref","modal_data","onSave","onModalCancel","onModalClose","$device","staticRenderFns","data","step","padding","visible","message","close","cancel","onsave","component"],"mappings":"gHAAA,W,kCCAe,SAASA,EAAgBC,GACtC,GAAIC,MAAMC,QAAQF,GAAM,OAAOA,E,8FCDlB,SAASG,EAAsBH,EAAKI,GACjD,GAAsB,qBAAXC,QAA4BA,OAAOC,YAAYC,OAAOP,GAAjE,CACA,IAAIQ,EAAO,GACPC,GAAK,EACLC,GAAK,EACLC,OAAKC,EAET,IACE,IAAK,IAAiCC,EAA7BC,EAAKd,EAAIK,OAAOC,cAAmBG,GAAMI,EAAKC,EAAGC,QAAQC,MAAOP,GAAK,EAG5E,GAFAD,EAAKS,KAAKJ,EAAGK,OAETd,GAAKI,EAAKW,SAAWf,EAAG,MAE9B,MAAOgB,GACPV,GAAK,EACLC,EAAKS,EARP,QAUE,IACOX,GAAsB,MAAhBK,EAAG,WAAmBA,EAAG,YADtC,QAGE,GAAIJ,EAAI,MAAMC,GAIlB,OAAOH,G,gBCxBM,SAASa,IACtB,MAAM,IAAIC,UAAU,6ICGP,SAASC,EAAevB,EAAKI,GAC1C,OAAOoB,EAAexB,IAAQyB,EAAqBzB,EAAKI,IAAMsB,eAA2B1B,EAAKI,IAAMuB,M,8CCLtG,IAAIC,EAAI,EAAQ,QACZC,EAAW,EAAQ,QAAgCC,QAIvDF,EAAE,CAAEG,OAAQ,SAAUC,MAAM,GAAQ,CAClCF,QAAS,SAAiBG,GACxB,OAAOJ,EAASI,O,uBCPpB,IAAIC,EAAc,EAAQ,QACtBC,EAAa,EAAQ,QACrBC,EAAkB,EAAQ,QAC1BC,EAAuB,EAAQ,QAA8CC,EAG7EC,EAAe,SAAUC,GAC3B,OAAO,SAAUC,GACf,IAKIC,EALAT,EAAIG,EAAgBK,GACpBE,EAAOR,EAAWF,GAClBd,EAASwB,EAAKxB,OACdf,EAAI,EACJwC,EAAS,GAEb,MAAOzB,EAASf,EACdsC,EAAMC,EAAKvC,KACN8B,IAAeG,EAAqBQ,KAAKZ,EAAGS,IAC/CE,EAAO3B,KAAKuB,EAAa,CAACE,EAAKT,EAAES,IAAQT,EAAES,IAG/C,OAAOE,IAIXE,EAAOC,QAAU,CAGfjB,QAASS,GAAa,GAGtBS,OAAQT,GAAa,K,yCC9BvB,IAAIU,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,IAAMN,EAAIO,GAAG,cAAc,SAAWP,EAAIQ,UAAU,CAACJ,EAAG,SAAS,CAACE,MAAM,CAAC,aAAc,EAAK,UAAY,WAAW,cAAgB,kBAAkBF,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQC,YAAY,CAAC,mBAAmB,SAAS,CAACN,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACL,EAAG,MAAM,CAACM,YAAY,CAAC,cAAc,SAAS,CAACN,EAAG,QAAQ,CAACJ,EAAIW,GAAG,+MAA+MP,EAAG,MAAM,CAACK,YAAY,SAAS,CAACL,EAAG,QAAQ,CAACJ,EAAIW,GAAG,sJAAsJP,EAAG,MAAM,CAACK,YAAY,SAAS,CAACL,EAAG,QAAQ,CAACM,YAAY,CAAC,MAAQ,uBAAuB,CAACV,EAAIW,GAAG,sHAAsHP,EAAG,MAAM,CAACK,YAAY,oBAAoBC,YAAY,CAAC,iBAAiB,SAAS,CAACN,EAAG,WAAW,CAACK,YAAY,gCAAgCH,MAAM,CAAC,KAAO,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQb,EAAIc,eAAgB,KAAQ,CAACV,EAAG,OAAO,CAACK,YAAY,qBAAqB,CAACT,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIO,GAAG,uBAAuB,SAAUP,EAAiB,cAAEI,EAAG,aAAa,CAACW,IAAI,YAAYT,MAAM,CAAC,QAAUN,EAAIc,cAAc,KAAOd,EAAIgB,YAAYJ,GAAG,CAAC,UAAUZ,EAAIiB,OAAO,YAAYjB,EAAIkB,cAAc,WAAWlB,EAAImB,gBAAgBnB,EAAIvC,KAAqB,UAAfuC,EAAIoB,QAAqBhB,EAAG,MAAM,CAACK,YAAY,4BAA4BT,EAAIvC,KAAqB,UAAfuC,EAAIoB,QAAqBhB,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACT,EAAIW,GAAG,0DAA0DX,EAAIvC,MAAM,IAC70D4D,EAAkB,G,oCCDlB,EAAS,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAmB,YAAjBJ,EAAIsB,KAAKC,KAAoB,CAACnB,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,GAAG,UAAY,CAAEkB,QAAS,GAAI,QAAUxB,EAAIyB,QAAQ,UAAW,EAAM,OAAS,OAAO,CAACrB,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,QAAQ,CAACK,YAAY,6BAA6B,CAACT,EAAIW,GAAG,4BAA4BP,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACL,EAAG,QAAQ,CAACK,YAAY,4BAA4B,CAACT,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIsB,KAAKI,SAAS,SAAStB,EAAG,MAAM,CAACK,YAAY,mCAAmC,CAACL,EAAG,WAAW,CAACK,YAAY,2BAA2BH,MAAM,CAAC,KAAO,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAI2B,WAAW,CAACvB,EAAG,OAAO,CAACK,YAAY,qBAAqB,CAACT,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIO,GAAG,sBAAsB,MAAwB,SAAjBP,EAAIsB,KAAKC,KAAiB,CAACnB,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,GAAG,UAAY,CAAEkB,QAAS,GAAI,QAAUxB,EAAIyB,QAAQ,UAAW,EAAM,OAAS,OAAO,CAACrB,EAAG,MAAM,CAACK,YAAY,qBAAqB,CAACL,EAAG,QAAQ,CAACK,YAAY,4BAA4B,CAACT,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIsB,KAAKI,SAAS,SAAStB,EAAG,MAAM,CAACK,YAAY,mCAAmC,CAACL,EAAG,WAAW,CAACK,YAAY,2BAA2BH,MAAM,CAAC,KAAO,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAI4B,YAAY,CAACxB,EAAG,OAAO,CAACK,YAAY,qBAAqB,CAACT,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIO,GAAG,sBAAsB,MAAM,CAACH,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,GAAG,UAAY,CAAEkB,QAAS,GAAI,QAAUxB,EAAIyB,QAAQ,UAAW,EAAM,OAAS,OAAO,CAACrB,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,QAAQ,CAACK,YAAY,6BAA6B,CAACT,EAAIW,GAAG,sBAAsBP,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,QAAQ,CAACK,YAAY,yCAAyC,CAACT,EAAIW,GAAG,8CAA8CP,EAAG,QAAQ,CAACK,YAAY,yCAAyC,CAACT,EAAIW,GAAG,iCAAiCP,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,WAAW,CAACK,YAAY,6CAA6CH,MAAM,CAAC,KAAO,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAI4B,YAAY,CAAC5B,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIO,GAAG,WAAW,OAAOH,EAAG,WAAW,CAACK,YAAY,8CAA8CH,MAAM,CAAC,KAAO,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAI6B,YAAY,CAAC7B,EAAIW,GAAG,IAAIX,EAAIrC,GAAGqC,EAAIO,GAAG,WAAW,QAAQ,OAAO,IACjzE,EAAkB,GCkDtB,GACE,MAAF,mBACE,aAFF,WAGI,KAAJ,iCAAM,KAAN,mBAEE,KALF,WAMI,MAAJ,IAEE,QARF,WASI,QAAJ,8BACI,QAAJ,uBAEE,QAAF,CACI,MADJ,WAEM,KAAN,mBAEI,OAJJ,WAKM,KAAN,oBAEI,OAPJ,WAQM,KAAN,oBCvEkW,I,wBCQ9VuB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCYf,GACE,WAAF,CACI,OAAJ,OACI,UAAJ,GAEE,KAAF,WACI,MAAJ,CACM,KAAN,4BACM,SAAN,EACM,eAAN,EACM,WAAN,GACM,KAAN,yBAGE,QAdF,aAeE,QAAF,CACI,aADJ,WAEM,KAAN,gCAEI,cAJJ,WAKM,QAAN,YACM,KAAN,iBACM,KAAN,eAEI,OATJ,WASM,IAAN,OACM,KAAN,WACM,KAAN,iBACM,KAAN,6BACQ,QAAR,CACU,KAAV,kBACU,SAAV,YAGY,GAFA,QAAZ,sBACY,EAAZ,iBACA,sBACc,EAAd,2BACc,EAAd,gCACA,CACc,EAAd,wBACc,EAAd,iBAEc,IADA,IAAd,KACA,+CAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACA,UACkB,EAAlB,iBACkB,QAAlB,4CAGc,EAAd,iCAEY,EAAZ,kBC/E8V,ICO1V,EAAY,eACd,EACA/B,EACAsB,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-5a94c44e.6d27b225.js","sourcesContent":["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=e111fc88&scoped=true&lang=css&\"","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","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.loading}},[_c('navbar',{attrs:{\"hide_search\":true,\"back_path\":\"/profile\",\"active_screen\":\"ยกเลิกสมาชิก\"}}),_c('div',{staticClass:\"ml-20 mr-20 mb-20\"},[_c('div',{staticClass:\"br-20\",staticStyle:{\"background-color\":\"#fff\"}},[_c('div',{staticClass:\"ml-20 mr-20 mb-20\"},[_c('div',{staticStyle:{\"padding-top\":\"20px\"}},[_c('label',[_vm._v(\"การยกเลิกการเป็นสมาชิกเอสซีจี ดีเบนเจอร์ คลับ จะรวมถึงยกเลิกการรับข่าวสารและ สิทธิประโยชน์ทั้งหมด ตลอดจนการร่วม กิจกรรมสมาชิก ยกเลิกการจัดการบัญชีผู้ใช้ (Account) ของท่านในดิจิทัลเพลตฟอร์มทุกช่องทาง \")])]),_c('div',{staticClass:\"mt-16\"},[_c('label',[_vm._v(\"หลังจากยกเลิกการเป็นสมาชิก หากมีความ ประสงค์สมัครเป็นสมาชิกใหม่อีกครั้ง จะสามารถดำเนินการได้อย่างน้อย 365 วัน นับจากวันที่ยกเลิกการเป็นสมาชิก \")])]),_c('div',{staticClass:\"mt-16\"},[_c('label',{staticStyle:{\"color\":\"#cc0000 !important\"}},[_vm._v(\"หมายเหต: ข้อมูลการเข้าร่วมกิจกรรม และการรับสิทธิประโยชน์จะยังคงบันทึกไว้ในระบบเพื่อเป็นข้อมูลอ้างอิงของบริษัท \")])]),_c('div',{staticClass:\"text-center mt-16\",staticStyle:{\"padding-bottom\":\"16px\"}},[_c('a-button',{staticClass:\"text-center bg-red br-20 ml-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){_vm.modal_visible = true}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ดำเนินการต่อ')))])])],1)])])]),(_vm.modal_visible)?_c('modal-form',{ref:\"modalForm\",attrs:{\"visible\":_vm.modal_visible,\"data\":_vm.modal_data},on:{\"on-save\":_vm.onSave,\"on-cancel\":_vm.onModalCancel,\"on-close\":_vm.onModalClose}}):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section-space\"}):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section\"},[_vm._v(\"© Copyright SCG Debenture Club. All Rights Reserved.\")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.data.step == 'response')?[_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\"},[_vm._v(\" ยกเลิกสมาชิกสำเร็จ \")])]),_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail\"},[_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.close()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)])]:(_vm.data.step == 'error')?[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail\"},[_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\"},[_vm._v(\" ยกเลิกสมาชิก \")])]),_c('div',{staticClass:\"text-center custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-16 fw-500\"},[_vm._v(\" ท่านมีความประสงค์ขอยกเลิกการเป็นสมาชิก \")]),_c('label',{staticClass:\"custom-modal-body-detail fs-16 fw-500\"},[_vm._v(\" เอสซีจี ดีเบนเจอร์ คลับ \")])]),_c('div',{staticClass:\"custom-modal-footer\"},[_c('a-button',{staticClass:\"custom-modal-footer-single-cancel-btn mr-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยกเลิก'))+\" \")]),_c('a-button',{staticClass:\"custom-modal-footer-single-confirm-btn ml-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.onsave()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน'))+\" \")])],1)])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <template v-if=\"data.step == 'response'\">\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-header\">\r\n                    <label class=\"custom-modal-header-title\"> ยกเลิกสมาชิกสำเร็จ </label>\r\n                </div>\r\n                <div class=\"custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail\"> {{ data.message }} </label>\r\n                </div>\r\n                <div class=\"custom-modal-footer text-center\">\r\n                    <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"close()\">\r\n                        <span class=\"fs-18 color-white\"> {{ $t('ปิดหน้าต่าง') }}</span>\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n        <template v-else-if=\"data.step == 'error'\">\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail\"> {{ data.message }} </label>\r\n                </div>\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        </template>\r\n        <template v-else>\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-header\">\r\n                    <label class=\"custom-modal-header-title\"> ยกเลิกสมาชิก </label>\r\n                </div>\r\n                <div class=\"text-center custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail fs-16 fw-500\"> ท่านมีความประสงค์ขอยกเลิกการเป็นสมาชิก </label>\r\n                    <label class=\"custom-modal-body-detail fs-16 fw-500\"> เอสซีจี ดีเบนเจอร์ คลับ </label>\r\n                </div>\r\n                <div class=\"custom-modal-footer\">\r\n                    <a-button size=\"large\" class=\"custom-modal-footer-single-cancel-btn mr-4\" @click=\"cancel()\">\r\n                        {{ $t('ยกเลิก') }}\r\n                    </a-button>\r\n                    <a-button size=\"large\" class=\"custom-modal-footer-single-confirm-btn ml-4\" @click=\"onsave()\">\r\n                        {{ $t('ยืนยัน') }}\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: ['visible', '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    mounted() {\r\n        console.log('visible s', this.visible);\r\n        console.log('data', this.data);\r\n    },\r\n    methods: {\r\n        close() {\r\n            this.$emit('on-close');\r\n        },\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        onsave() {\r\n            this.$emit('on-save');\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: 8px 12px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n.custom-modal-header-title {\r\n    color: #ffffff !important;\r\n    font-size: 23px;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    color: #ff7105 !important;\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: #000 !important;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    text-align: center;\r\n}\r\n.custom-modal-footer-single-confirm-btn {\r\n    background: #cc0000 !important;\r\n    color: #fff !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\r\n}\r\n.custom-modal-footer-single-cancel-btn {\r\n    background: #fff !important;\r\n    border-color: #cc0000 !important;\r\n    color: #cc0000 !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\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=e111fc88&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=e111fc88&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  \"e111fc88\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"loading\">\r\n        <navbar :hide_search=\"true\" back_path=\"/profile\" active_screen=\"ยกเลิกสมาชิก\" />\r\n        <div class=\"ml-20 mr-20 mb-20\">\r\n            <div class=\"br-20\" style=\"background-color: #fff\">\r\n                <div class=\"ml-20 mr-20 mb-20\">\r\n                    <div style=\"padding-top: 20px\">\r\n                        <label>การยกเลิกการเป็นสมาชิกเอสซีจี ดีเบนเจอร์ คลับ จะรวมถึงยกเลิกการรับข่าวสารและ สิทธิประโยชน์ทั้งหมด ตลอดจนการร่วม กิจกรรมสมาชิก ยกเลิกการจัดการบัญชีผู้ใช้ (Account) ของท่านในดิจิทัลเพลตฟอร์มทุกช่องทาง </label>\r\n                    </div>\r\n                    <div class=\"mt-16\">\r\n                        <label>หลังจากยกเลิกการเป็นสมาชิก หากมีความ ประสงค์สมัครเป็นสมาชิกใหม่อีกครั้ง จะสามารถดำเนินการได้อย่างน้อย 365 วัน นับจากวันที่ยกเลิกการเป็นสมาชิก </label>\r\n                    </div>\r\n                    <div class=\"mt-16\">\r\n                        <label style=\"color: #cc0000 !important\">หมายเหต: ข้อมูลการเข้าร่วมกิจกรรม และการรับสิทธิประโยชน์จะยังคงบันทึกไว้ในระบบเพื่อเป็นข้อมูลอ้างอิงของบริษัท </label>\r\n                    </div>\r\n                    <div class=\"text-center mt-16\" style=\"padding-bottom: 16px\">\r\n                        <a-button size=\"large\" class=\"text-center bg-red br-20 ml-4\" @click=\"modal_visible = true\">\r\n                            <span class=\"fs-18 color-white\"> {{ $t('ดำเนินการต่อ') }}</span>\r\n                        </a-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <modal-form ref=\"modalForm\" :visible=\"modal_visible\" :data=\"modal_data\" v-if=\"modal_visible\" @on-save=\"onSave\" @on-cancel=\"onModalCancel\" @on-close=\"onModalClose\" />\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section-space\"></div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section\">© Copyright SCG Debenture Club. All Rights Reserved.</div>\r\n    </a-spin>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nimport modalForm from './modalForm';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n        modalForm,\r\n    },\r\n    data: function () {\r\n        return {\r\n            form: this.$form.createForm(this),\r\n            loading: false,\r\n            modal_visible: false,\r\n            modal_data: {},\r\n            user: this.$store.state.user,\r\n        };\r\n    },\r\n    mounted() {},\r\n    methods: {\r\n        onModalClose() {\r\n            this.$store.dispatch('user/LOGOUT');\r\n        },\r\n        onModalCancel() {\r\n            console.log('test');\r\n            this.modal_visible = false;\r\n            this.modal_data = {};\r\n        },\r\n        onSave() {\r\n            this.loading = true;\r\n            this.modal_visible = false;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/RevokeUser',\r\n                    callback: (res) => {\r\n                        console.log('res.complete', res);\r\n                        this.modal_visible = true;\r\n                        if (res && res.result != 'errors') {\r\n                            this.modal_data.step = 'response';\r\n                            this.modal_data.message = res.result;\r\n                        } else {\r\n                            this.modal_data.step = 'error';\r\n                            this.modal_visible = true;\r\n                            const complete = {};\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key && value[0]) {\r\n                                    complete.description = value[0];\r\n                                    console.log(' complete.description', complete.description);\r\n                                }\r\n                            }\r\n                            this.modal_data.message = complete.description;\r\n                        }\r\n                        this.loading = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\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=17700a32&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}