\r\n \r\n
\r\n\r\n\r\n\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!./AlertModal.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!./AlertModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertModal.vue?vue&type=template&id=4cdeeb38&\"\nimport script from \"./AlertModal.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertModal.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"id\":_vm.modalId,\"modal-class\":\"modal-loading\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":function($event){return _vm.onModalHidden()}}},[_c('div',{staticClass:\"modal-loading-content\"},[_vm._v(\" Loading... \")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{ title }}
\r\n\r\n
\r\n \r\n {{ message }}
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\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!./LoadingModal.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!./LoadingModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingModal.vue?vue&type=template&id=547192a0&\"\nimport script from \"./LoadingModal.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingModal.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"id\":_vm.modalId,\"modal-class\":\"modal-confirm\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},on:{\"hidden\":function($event){return _vm.onModalHidden()}}},[_c('div',{staticClass:\"modal-base\"},[_c('div',{staticClass:\"modal-base-head\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.title)}})]),_c('div',{staticClass:\"modal-base-body\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.message)}})]),_c('div',{staticClass:\"modal-base-footer\"},[_c('button',{staticClass:\"btn btn-secondary\",on:{\"click\":function($event){return _vm.clickCancel()}}},[_vm._v(_vm._s(_vm.btnCancel))]),_c('button',{staticClass:\"btn btn-primary ml-2\",on:{\"click\":function($event){return _vm.clickOk()}}},[_vm._v(_vm._s(_vm.btnOk))])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n Loading...\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\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!./ConfirmModal.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!./ConfirmModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmModal.vue?vue&type=template&id=8360029a&\"\nimport script from \"./ConfirmModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfirmModal.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"id\":_vm.modalId,\"modal-class\":\"modal-otp\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},on:{\"hidden\":function($event){return _vm.onModalHidden()}}},[_c('div',{staticClass:\"modal-base\"},[_c('div',{staticClass:\"modal-base-body\"},[_c('div',{staticClass:\"otp-title\"},[_vm._v(_vm._s(_vm.lbl.otp.otp_code))]),_c('div',{staticClass:\"text-otp-msg mt-3\"},[_vm._v(_vm._s(_vm.lbl.otp.otp_and_refcode))]),_c('div',{staticClass:\"text-otp-msg\"},[_vm._v(_vm._s(_vm.refcode))]),_c('div',{staticClass:\"text-otp-msg mt-4 mb-2\"},[_vm._v(_vm._s(_vm.lbl.otp.plz_input_otp))]),_c('div',[_c('label',{attrs:{\"for\":\"input-otp\"}},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[0]))]),_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[1]))]),_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[2]))]),_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[3]))]),_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[4]))]),_c('div',{staticClass:\"box-input-otp\"},[_vm._v(_vm._s(_vm.otp[5]))])])])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.otp),expression:\"otp\"}],staticClass:\"input-otp-dummy\",attrs:{\"type\":\"tel\",\"id\":\"input-otp\",\"maxlength\":\"6\"},domProps:{\"value\":(_vm.otp)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.otp=$event.target.value},function($event){return _vm.onOtpChange()}]}}),(!_vm.isExpireTime)?_c('div',{staticClass:\"text-otp-time\"},[_vm._v(\" \"+_vm._s(_vm.lbl.otp.time_remain)+\" \"+_vm._s(_vm.timeHelper.displayTime)+\" \"+_vm._s(_vm.lbl.otp.minute)+\" \")]):_c('div',{staticClass:\"text-otp-time\",on:{\"click\":function($event){return _vm.resendOtp()}}},[_vm._v(_vm._s(_vm.lbl.otp.resend_otp))]),_c('div',[(!_vm.isExpireTime)?_c('button',{staticClass:\"btn-red\",on:{\"click\":function($event){return _vm.onSubmitOtp()}}},[_vm._v(_vm._s(_vm.lbl.default.confirm))]):_c('button',{staticClass:\"btn-disabled\"},[_vm._v(_vm._s(_vm.lbl.default.confirm))])]),_c('div',[_c('button',{staticClass:\"btn-link-red\",on:{\"click\":function($event){return _vm.cancelOtp()}}},[_vm._v(_vm._s(_vm.lbl.default.cancel))])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Moment from 'moment';\r\n\r\n/********* Property *********\r\n* @property {Number} currentTimestamp\r\n* @property {String} displayTime\r\n* @property {Number} expireIn\r\n* @property {Number} expireTimestamp\r\n* @property {Boolean} interval\r\n* @property {Boolean} isExpired\r\n* @property {Boolean} isRunning\r\n* @property {Boolean} isShowDay\r\n* @property {String} seperator\r\n****************************/\r\n\r\n/********** Method ***********\r\n* @function initialTimer\r\n* @function initialTimerWithExpireTimestamp\r\n* @function resetTime\r\n* @function runTimer\r\n* @function stopTimer\r\n* @function timerExpired\r\n* @function timeFormatter\r\n****************************/\r\n\r\nexport default function Timer() {\r\n this.currentTimestamp = '';\r\n this.displayTime = '';\r\n this.expireIn = 60;\r\n this.expireTimestamp = '';\r\n this.interval = null;\r\n this.isExpired = false;\r\n this.isRunning = false;\r\n this.isShowDay = false;\r\n this.isShowHour = false;\r\n this.seperator = '';\r\n\r\n this.initialTimer = (expireIn, seperator, isShowHour, isShowDay) => {\r\n this.expireIn = expireIn || 60;\r\n this.seperator = seperator || ':';\r\n this.isShowHour = isShowHour || false;\r\n this.isShowDay = isShowDay || false;\r\n };\r\n this.initialTimerWithExpireTimestamp = (expireTimestamp, seperator, isShowHour, isShowDay) => {\r\n this.expireIn = expireTimestamp;\r\n this.seperator = seperator || ':';\r\n this.isShowHour = isShowHour || false;\r\n this.isShowDay = isShowDay || false;\r\n };\r\n this.resetTimer = () => {\r\n this.currentTimestamp = '';\r\n this.expireTimestamp = '';\r\n this.displayTime = '';\r\n this.expireTimestamp = '';\r\n this.isExpired = false;\r\n this.isRunning = false;\r\n };\r\n this.runTimer = (expiredCallback) => {\r\n this.currentTimestamp = Math.floor(new Date() / 1000);\r\n this.expireTimestamp = this.expireTimestamp || this.currentTimestamp + this.expireIn;\r\n this.isRunning = true;\r\n\r\n this.timeFormatter();\r\n this.interval = setInterval(() => {\r\n this.timeFormatter(expiredCallback);\r\n }, 1000);\r\n };\r\n this.stopTimer = () => {\r\n this.isRunning = false;\r\n clearInterval(this.interval);\r\n };\r\n this.timerExpired = () => {\r\n this.isExpired = true;\r\n this.stopTimer();\r\n };\r\n this.timeFormatter = (expiredCallback) => {\r\n var timestampDiff = Moment.unix(this.expireTimestamp) - Moment.unix(this.currentTimestamp);\r\n\r\n if(timestampDiff <= 0) {\r\n timestampDiff = 0;\r\n this.timerExpired();\r\n\r\n if(expiredCallback)\r\n expiredCallback();\r\n }\r\n //Add 1 Second\r\n this.currentTimestamp++;\r\n\r\n //Calculate day.\r\n var dayDiff = Math.floor(timestampDiff / 1000 / 60 / 60 / 24);\r\n var haveDay = parseInt(dayDiff) <= 0 ? false : true;\r\n if(this.isShowDay)\r\n timestampDiff -= dayDiff * 1000 * 60 * 60 * 24;\r\n\r\n if (dayDiff <= 9)\r\n dayDiff = \"0\" + dayDiff;\r\n\r\n //Calculate hour.\r\n var hourDiff = Math.floor(timestampDiff / 1000 / 60 / 60);\r\n var haveHour = parseInt(hourDiff) <= 0 ? false : true;\r\n if (this.isShowHour)\r\n timestampDiff -= hourDiff * 1000 * 60 * 60;\r\n\r\n if (hourDiff <= 9)\r\n hourDiff = \"0\" + hourDiff;\r\n\r\n //Calculate minute.\r\n var minuteDiff = Math.floor(timestampDiff / 1000 / 60);\r\n var haveMinute = parseInt(minuteDiff) <= 0 ? false : true;\r\n timestampDiff -= minuteDiff * 1000 * 60;\r\n\r\n if (minuteDiff <= 9)\r\n minuteDiff = \"0\" + minuteDiff;\r\n\r\n //Calculate second.\r\n var secondDiff = \"\" + Math.floor(timestampDiff / 1000);\r\n var haveSecond = parseInt(secondDiff) <= 0 ? false : true;\r\n if (secondDiff <= 9)\r\n secondDiff = \"0\" + secondDiff;\r\n\r\n var timeLeft = '';\r\n if (this.isShowDay) {\r\n if (haveDay)\r\n timeLeft += dayDiff + this.seperator;\r\n else\r\n timeLeft += '00' + this.seperator;\r\n }\r\n\r\n if (this.isShowHour) {\r\n if (haveHour)\r\n timeLeft += hourDiff + this.seperator;\r\n else\r\n timeLeft += '00' + this.seperator;\r\n }\r\n\r\n //Always show minute.\r\n if (haveMinute)\r\n timeLeft += minuteDiff + this.seperator;\r\n else\r\n timeLeft += '00' + this.seperator;\r\n\r\n //Always show second.\r\n if (haveSecond)\r\n timeLeft += secondDiff;\r\n else\r\n timeLeft += '00';\r\n\r\n this.displayTime = timeLeft;\r\n };\r\n}\r\n","import Vue from 'vue';\r\nimport BzbsApi from '@/core/Http/BzbsApi.js';\r\n\r\n/**\r\n * @method requestOtp\r\n * @method confirmOtp\r\n */\r\nexport default {\r\n config: function() {\r\n return Vue.bzbsConfig;\r\n },\r\n\r\n /**\r\n * @param {String} contactNumber (required)\r\n * @param {String|Null} uuid (optional)\r\n */\r\n requestOtp: function(contactNumber, uuid) {\r\n var params = {\r\n contact_number: contactNumber,\r\n app_id: this.config().client_id,\r\n uuid: uuid,\r\n channel: 'authen',\r\n };\r\n\r\n var url = this.config().bzbsUrl + \"/api/auth/otp\";\r\n return BzbsApi.connectBzbsGet(url, null, params);\r\n },\r\n\r\n /**\r\n * @param {String} token\r\n * @param {String} contactNumber\r\n * @param {String} refcode\r\n * @param {String|Number} otp\r\n */\r\n confirmOtp: function(token, contactNumber, refcode, otp) {\r\n var params = {\r\n contact_number: contactNumber,\r\n otp: otp,\r\n refcode: refcode,\r\n };\r\n\r\n var url = this.config().bzbsUrl + \"/api/auth/bzbs_authen\";\r\n return BzbsApi.connectBzbsPost(url, token, params);\r\n },\r\n}\r\n","export function ErrorHandler() {\r\n this.onErrorCode = null;\r\n this.onError500 = null;\r\n this.onError400 = null;\r\n this.onError401 = null;\r\n this.onError412 = null;\r\n this.onErrorDefault = null;\r\n\r\n this.alertModal = null;\r\n\r\n this.setAlertModal = function(alertModal) {\r\n this.alertModal = alertModal;\r\n };\r\n this.showAlert = function(msg) {\r\n if (this.alertModal != null) {\r\n this.alertModal.clearText()\r\n .setMsg(msg)\r\n .show();\r\n }\r\n };\r\n\r\n this.errorCase = function(err) {\r\n switch (err.id) {\r\n case 500:\r\n this.error500(err);\r\n break;\r\n case 400:\r\n this.error400(err);\r\n break;\r\n case 401:\r\n this.error401(err);\r\n break;\r\n case 412:\r\n this.error412(err);\r\n break;\r\n default:\r\n this.errorDefault(err);\r\n }\r\n };\r\n\r\n this.errorCode = function(err) {\r\n console.log('error code:', err);\r\n if (typeof this.onErrorCode == 'function') {\r\n this.onErrorCode();\r\n }\r\n };\r\n\r\n this.error500 = function(err) {\r\n if (typeof this.onError500 == 'function') {\r\n this.onError500(err);\r\n } else {\r\n this.showAlert(err.message);\r\n }\r\n };\r\n this.error400 = function(err) {\r\n if (typeof this.onError400 == 'function') {\r\n this.onError400(err);\r\n } else {\r\n this.showAlert(err.message);\r\n }\r\n };\r\n this.error401 = function(err) {\r\n if (typeof this.onError401 == 'function') {\r\n this.onError401(err);\r\n } else {\r\n this.showAlert(err.message);\r\n }\r\n };\r\n this.error412 = function(err) {\r\n if (typeof this.onError412 == 'function') {\r\n this.onError412(err);\r\n } else {\r\n this.showAlert(err.message);\r\n }\r\n };\r\n this.errorDefault = function(err) {\r\n if (typeof this.onErrorDefault == 'function') {\r\n this.onErrorDefault(err);\r\n } else {\r\n this.showAlert(\"Connection Error\");\r\n }\r\n };\r\n}\r\n","// import { ErrorHandler } from \"@/core/ErrorApi/ErrorHandler.js\";\r\n\r\nimport { ErrorHandler } from \"../core/ErrorApi/ErrorHandler\";\r\n\r\nexport default {\r\n methods: {\r\n errorApi: function(err, handler) {\r\n if (handler == null) {\r\n handler = new ErrorHandler();\r\n }\r\n\r\n if (this.alertModal) {\r\n handler.setAlertModal(this.alertModal);\r\n }\r\n\r\n if (err.response && err.response.data && err.response.data.error) {\r\n var error = err.response.data.error;\r\n handler.errorCase(error);\r\n } else {\r\n if (this.alertModal != null) {\r\n this.alertModal.clearText()\r\n .setMsg(\"Network connection error!\")\r\n .show();\r\n }\r\n handler.errorCode(err);\r\n }\r\n },\r\n },\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\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!./OtpModal.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!./OtpModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtpModal.vue?vue&type=template&id=e750513e&\"\nimport script from \"./OtpModal.vue?vue&type=script&lang=js&\"\nexport * from \"./OtpModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OtpModal.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":_vm.modalId,\"modal-class\":\"custom-modal\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"area-modal\"},[_c('div',{staticClass:\"content-modal\"},[_c('div',{staticClass:\"header\",domProps:{\"innerHTML\":_vm._s(_vm.lbl.home.seeDetailModal.title)}}),_c('div',{staticClass:\"list-detail\"},[_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 1 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" กล้อง LEICA Q2 Black มูลค่า 179,200 บาท จำนวน 2 รางวัล มูลค่ารวม 358,400 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-1@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 2 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" Ipad Pro รุ่น 12.9 นิ้ว พร้อม Wifi + Cellular 1TB มูลค่า 57,400 บาท จำนวน 3 รางวัล มูลค่ารวม 172,200 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-2@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 3 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" ลำโพง JBL BAR 5.1 มูลค่า 40,000 บาท จำนวน 3 รางวัล มูลค่ารวม 120,000 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-3@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 4 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" สกู๊ตเตอร์ไฟฟ้า รุ่น MAX จาก Segway Ninebot มูลค่า 29,900 บาท จำนวน 3 รางวัล มูลค่ารวม 89,700 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-4@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 5 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" เครื่องดูดฝุ่น Dyson รุ่น V11 Absolute+ มูลค่า 27,900 บาท จำนวน 3 รางวัล มูลค่ารวม 83,700 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-5@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 6 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" เครื่องฟอกอากาศ Dyson รุ่น Pure Cool™ air purifier tower fan TP04 มูลค่า 27,900 บาท จำนวน 3 รางวัล มูลค่ารวม 83,700 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-6@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 7 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" เครื่องชงกาแฟ Nespresso รุ่น Creatista Plus Metal Stainless Steel พร้อมกาแฟแคปซูล 1 กล่อง มูลค่า 26,000 บาท จำนวน 5 รางวัล มูลค่ารวม 130,000 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-7@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 8 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" ลำโพง Marshall รุ่น Stanmore II Voice with Google Assistant มูลค่า 19,900 บาท จำนวน 3 รางวัล มูลค่ารวม 59,700 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-8@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 9 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" ชุดอุปกรณ์จัดแต่งทรงผม Dyson รุ่น Airwrap Complete มูลค่า 17,900 บาท จำนวน 3 รางวัล มูลค่ารวม 53,700 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-9@2x.png\")}})])]),_c('div',{staticClass:\"list-detail-item\"},[_c('div',{staticClass:\"detail-item-header\"},[_vm._v(\" รางวัลที่ 10 : \")]),_c('div',{staticClass:\"detail-item-text\"},[_vm._v(\" กล้อง GoPro รุ่น Max มูลค่า 17,000 บาท จำนวน 3 รางวัล มูลค่ารวม 51,000 บาท \")]),_c('div',{staticClass:\"detail-item-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/Artwork/aw-10@2x.png\")}})])])]),_c('div',{staticClass:\"bottom-modal\"},[_c('div',{staticClass:\"btn-close\",domProps:{\"innerHTML\":_vm._s(_vm.lbl.home.seeDetailModal.btnClose)},on:{\"click\":_vm.hide}},[_vm._v(\" ปิด \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n
\r\n {{lbl.otp.otp_code}}
\r\n {{lbl.otp.otp_and_refcode}}
\r\n {{refcode}}
\r\n {{lbl.otp.plz_input_otp}}
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {{lbl.otp.time_remain}} {{timeHelper.displayTime}} {{lbl.otp.minute}}\r\n
\r\n {{lbl.otp.resend_otp}}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n รางวัลที่ 1 :\r\n
\r\n \r\n กล้อง LEICA Q2 Black มูลค่า 179,200 บาท จำนวน 2\r\n รางวัล มูลค่ารวม 358,400 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-1@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 2 :\r\n
\r\n \r\n Ipad Pro รุ่น 12.9 นิ้ว พร้อม Wifi + Cellular 1TB\r\n มูลค่า 57,400 บาท จำนวน 3 รางวัล มูลค่ารวม 172,200\r\n บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-2@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 3 :\r\n
\r\n \r\n ลำโพง JBL BAR 5.1 มูลค่า 40,000 บาท จำนวน 3 รางวัล\r\n มูลค่ารวม 120,000 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-3@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 4 :\r\n
\r\n \r\n สกู๊ตเตอร์ไฟฟ้า รุ่น MAX จาก Segway Ninebot มูลค่า\r\n 29,900 บาท จำนวน 3 รางวัล มูลค่ารวม 89,700 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-4@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 5 :\r\n
\r\n \r\n เครื่องดูดฝุ่น Dyson รุ่น V11 Absolute+ มูลค่า\r\n 27,900 บาท จำนวน 3 รางวัล มูลค่ารวม 83,700 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-5@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 6 :\r\n
\r\n \r\n เครื่องฟอกอากาศ Dyson รุ่น Pure Cool™ air purifier\r\n tower fan TP04 มูลค่า 27,900 บาท จำนวน 3 รางวัล\r\n มูลค่ารวม 83,700 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-6@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 7 :\r\n
\r\n \r\n เครื่องชงกาแฟ Nespresso รุ่น Creatista Plus Metal\r\n Stainless Steel พร้อมกาแฟแคปซูล 1 กล่อง มูลค่า 26,000\r\n บาท จำนวน 5 รางวัล มูลค่ารวม 130,000 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-7@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 8 :\r\n
\r\n \r\n ลำโพง Marshall รุ่น Stanmore II Voice with Google\r\n Assistant มูลค่า 19,900 บาท จำนวน 3 รางวัล มูลค่ารวม\r\n 59,700 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-8@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 9 :\r\n
\r\n \r\n ชุดอุปกรณ์จัดแต่งทรงผม Dyson รุ่น Airwrap Complete\r\n มูลค่า 17,900 บาท จำนวน 3 รางวัล มูลค่ารวม 53,700\r\n บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-9@2x.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n รางวัลที่ 10 :\r\n
\r\n \r\n กล้อง GoPro รุ่น Max มูลค่า 17,000 บาท จำนวน 3\r\n รางวัล มูลค่ารวม 51,000 บาท\r\n
\r\n \r\n ![](\"@/assets/megaWish/Artwork/aw-10@2x.png\")
\r\n
\r\n \r\n \r\n \r\n ปิด\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\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!./ModalMaster.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!./ModalMaster.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalMaster.vue?vue&type=template&id=3a01e386&\"\nimport script from \"./ModalMaster.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalMaster.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","/**\r\n * @method setAlertModal\r\n */\r\nexport function ModalController() {\r\n this.alertModal = null;\r\n this.loadingModal = null;\r\n this.confirmModal = null;\r\n this.otpModal = null;\r\n this.listGiftModal = null;\r\n this.scrollBodyModal = null;\r\n\r\n\r\n this.setAlertModal = function (alertModalController) {\r\n this.alertModal = alertModalController;\r\n };\r\n\r\n this.setLoadingModal = function (loadingModalController) {\r\n this.loadingModal = loadingModalController;\r\n };\r\n\r\n this.setConfirmModal = function (confirmModalController) {\r\n this.confirmModal = confirmModalController;\r\n };\r\n\r\n this.setOtpModal = function (otpModalController) {\r\n this.otpModal = otpModalController;\r\n };\r\n\r\n this.setListGiftModal = function (listGiftModalController) {\r\n this.listGiftModal = listGiftModalController;\r\n };\r\n\r\n this.setScrollBodyModal = function (scrollBodyModalController) {\r\n this.scrollBodyModal = scrollBodyModalController;\r\n };\r\n\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function AlertModalController () {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '',\r\n this.busModal = new Vue();\r\n\r\n this.callbackOk = null;\r\n this.callbackHidden = null;\r\n\r\n //#region setter\r\n this.setTitle = function(title) {\r\n this.title = title;\r\n return this;\r\n };\r\n this.setMsg = function(msg) {\r\n this.msg = msg;\r\n return this;\r\n };\r\n this.setBtnOk = function(btnOk) {\r\n this.btnOk = btnOk;\r\n return this;\r\n };\r\n this.setTag = function(tag) {\r\n this.tag = tag;\r\n return this;\r\n };\r\n this.clearText = function() {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n return this;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function() {\r\n var config = {\r\n title: this.title,\r\n msg: this.msg,\r\n btnOk: this.btnOk,\r\n tag: this.tag,\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function() {\r\n this.busModal.$emit('hide');\r\n };\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n },\r\n this.sendCallbackOk = function(data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onHidden = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function(data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setBtnCancel\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function ConfirmModalController () {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.btnCancel = '';\r\n this.tag = '',\r\n this.busModal = new Vue();\r\n\r\n this.callbackOk = null;\r\n this.callbackCancel = null;\r\n this.callbackHidden = null;\r\n\r\n //#region setter\r\n this.setTitle = function(title) {\r\n this.title = title;\r\n return this;\r\n };\r\n this.setMsg = function(msg) {\r\n this.msg = msg;\r\n return this;\r\n };\r\n this.setBtnOk = function(btnOk) {\r\n this.btnOk = btnOk;\r\n return this;\r\n };\r\n this.setBtnCancel = function(btnCancel) {\r\n this.btnCancel = btnCancel;\r\n return this;\r\n };\r\n this.setTag = function(tag) {\r\n this.tag = tag;\r\n return this;\r\n };\r\n this.clearText = function() {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n return this;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function() {\r\n var config = {\r\n title: this.title,\r\n msg: this.msg,\r\n btnOk: this.btnOk,\r\n tag: this.tag,\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function() {\r\n this.busModal.$emit('hide');\r\n };\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n };\r\n this.sendCallbackOk = function(data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onClickCancel = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackCancel = callback;\r\n }\r\n };\r\n this.sendCallbackCancel = function(data) {\r\n if (typeof this.callbackCancel == 'function') {\r\n this.callbackCancel(data);\r\n }\r\n };\r\n\r\n this.onHidden = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function(data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function LoadingModalController () {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '',\r\n this.busModal = new Vue();\r\n\r\n this.callbackOk = null;\r\n this.callbackHidden = null;\r\n\r\n //#region setter\r\n this.setTitle = function(title) {\r\n this.title = title;\r\n return this;\r\n };\r\n this.setMsg = function(msg) {\r\n this.msg = msg;\r\n return this;\r\n };\r\n this.setBtnOk = function(btnOk) {\r\n this.btnOk = btnOk;\r\n return this;\r\n };\r\n this.setTag = function(tag) {\r\n this.tag = tag;\r\n return this;\r\n };\r\n this.clearText = function() {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n return this;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function() {\r\n var config = {\r\n title: this.title,\r\n msg: this.msg,\r\n btnOk: this.btnOk,\r\n tag: this.tag,\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function() {\r\n this.busModal.$emit('hide');\r\n };\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n },\r\n this.sendCallbackOk = function(data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onHidden = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function(data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setBtnCancel\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function OtpModalController () {\r\n this.busModal = new Vue();\r\n\r\n this.alertModal = null;\r\n this.registerModal = null;\r\n this.loadingModal = null;\r\n\r\n this.callbackOk = null;\r\n this.callbackCancel = null;\r\n this.callbackHidden = null;\r\n this.callbackSubmitOtp = null;\r\n this.callbackError = null;\r\n\r\n //#region setter\r\n this.setAlertModal = function(alertModal) {\r\n this.alertModal = alertModal;\r\n };\r\n this.setRegisterModal = function(registerModal) {\r\n this.registerModal = registerModal;\r\n };\r\n this.setLoadingModal = function(loadingModal) {\r\n this.loadingModal = loadingModal;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function() {\r\n var config = {\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function() {\r\n this.busModal.$emit('hide');\r\n };\r\n this.startOtp = function(tel, channel) {\r\n var config = {\r\n tel: tel,\r\n channel: channel,\r\n };\r\n this.busModal.$emit('startOtp', config);\r\n };\r\n this.cancelOtp = function() {\r\n this.busModal.$emit('cancelOtp');\r\n },\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n };\r\n this.sendCallbackOk = function(data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onClickCancel = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackCancel = callback;\r\n }\r\n };\r\n this.sendCallbackCancel = function(data) {\r\n if (typeof this.callbackCancel == 'function') {\r\n this.callbackCancel(data);\r\n }\r\n };\r\n\r\n this.onHidden = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function(data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n\r\n this.onSubmitOtp = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackSubmitOtp = callback;\r\n }\r\n },\r\n this.sendCallbackSubmitOtp = function(data) {\r\n if (typeof this.callbackSubmitOtp == 'function') {\r\n this.callbackSubmitOtp(data);\r\n }\r\n };\r\n\r\n this.onError = function(callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackError = callback;\r\n }\r\n };\r\n this.sendCallbackError = function(data) {\r\n if (typeof this.callbackError == 'function') {\r\n this.callbackError(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function ListGiftModalController() {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n this.busModal = new Vue();\r\n\r\n this.callbackOk = null;\r\n this.callbackHidden = null;\r\n\r\n //#region setter\r\n this.setTitle = function (title) {\r\n this.title = title;\r\n return this;\r\n };\r\n this.setMsg = function (msg) {\r\n this.msg = msg;\r\n return this;\r\n };\r\n this.setBtnOk = function (btnOk) {\r\n this.btnOk = btnOk;\r\n return this;\r\n };\r\n this.setTag = function (tag) {\r\n this.tag = tag;\r\n return this;\r\n };\r\n this.clearText = function () {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n return this;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function () {\r\n var config = {\r\n title: this.title,\r\n msg: this.msg,\r\n btnOk: this.btnOk,\r\n tag: this.tag,\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function () {\r\n this.busModal.$emit('hide');\r\n };\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function (callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n },\r\n this.sendCallbackOk = function (data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onHidden = function (callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function (data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import Vue from \"vue\";\r\n/**\r\n * setting\r\n * @method setTitle\r\n * @method setMsg\r\n * @method setBtnOk\r\n * @method setTag\r\n * @method clearText\r\n * action\r\n * @method show\r\n * @method hide\r\n * set event callback\r\n * @method onClickOk\r\n * @method onHidden\r\n * event\r\n * @event sendCallbackOk\r\n * @event sendCallbackHidden\r\n */\r\nexport function ScrollBodyModalController() {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n this.busModal = new Vue();\r\n\r\n this.callbackOk = null;\r\n this.callbackHidden = null;\r\n\r\n //#region setter\r\n this.setTitle = function (title) {\r\n this.title = title;\r\n return this;\r\n };\r\n this.setMsg = function (msg) {\r\n this.msg = msg;\r\n return this;\r\n };\r\n this.setBtnOk = function (btnOk) {\r\n this.btnOk = btnOk;\r\n return this;\r\n };\r\n this.setTag = function (tag) {\r\n this.tag = tag;\r\n return this;\r\n };\r\n this.clearText = function () {\r\n this.title = '';\r\n this.msg = '';\r\n this.btnOk = '';\r\n this.tag = '';\r\n return this;\r\n };\r\n //#endregion setter\r\n\r\n //#region method\r\n this.show = function () {\r\n var config = {\r\n title: this.title,\r\n msg: this.msg,\r\n btnOk: this.btnOk,\r\n tag: this.tag,\r\n };\r\n this.busModal.$emit('show', config);\r\n };\r\n this.hide = function () {\r\n this.busModal.$emit('hide');\r\n };\r\n //#endregion method\r\n\r\n //#region event\r\n this.onClickOk = function (callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackOk = callback;\r\n }\r\n },\r\n this.sendCallbackOk = function (data) {\r\n if (typeof this.callbackOk == 'function') {\r\n this.callbackOk(data);\r\n }\r\n };\r\n\r\n this.onHidden = function (callback) {\r\n if (typeof callback == 'function') {\r\n this.callbackHidden = callback;\r\n }\r\n };\r\n this.sendCallbackHidden = function (data) {\r\n if (typeof this.callbackHidden == 'function') {\r\n this.callbackHidden(data);\r\n }\r\n };\r\n //#endregion event\r\n}\r\n","import { ModalController } from \"./Controller/ModalController.js\";\r\nimport { AlertModalController } from \"./Controller/AlertModalController.js\";\r\nimport { ConfirmModalController } from \"./Controller/ConfirmModalController.js\";\r\nimport { LoadingModalController } from \"./Controller/LoadingModalController\";\r\nimport { OtpModalController } from \"./Controller/OtpModalController.js\";\r\nimport { ListGiftModalController } from \"./Controller/ListGiftModalController.js\";\r\nimport { ScrollBodyModalController } from \"./Controller/ScrollBodyModalController.js\";\r\n\r\nexport default function ModalFactory() {\r\n this.modalController = new ModalController();\r\n this.alertModal = null;\r\n this.confirmModal = null;\r\n this.loadingModal = null;\r\n this.otpModal = null;\r\n this.listGiftModal = null;\r\n this.scrollBodyModal = null;\r\n\r\n this.getModalController = function () {\r\n return this.modalController;\r\n };\r\n\r\n this.getAlertModal = function () {\r\n this.alertModal = new AlertModalController();\r\n this.modalController.setAlertModal(this.alertModal);\r\n return this.alertModal;\r\n };\r\n\r\n this.getConfirmModal = function () {\r\n this.confirmModal = new ConfirmModalController();\r\n this.modalController.setConfirmModal(this.confirmModal);\r\n return this.confirmModal;\r\n };\r\n\r\n this.getLoadingModal = function () {\r\n this.loadingModal = new LoadingModalController();\r\n this.modalController.setLoadingModal(this.loadingModal);\r\n return this.loadingModal;\r\n };\r\n\r\n this.getOtpModalController = function () {\r\n this.otpModal = new OtpModalController();\r\n this.modalController.setOtpModal(this.otpModal);\r\n return this.otpModal;\r\n };\r\n\r\n this.getListGiftModalController = function () {\r\n this.listGiftModal = new ListGiftModalController();\r\n this.modalController.setListGiftModal(this.listGiftModal);\r\n return this.listGiftModal;\r\n };\r\n\r\n\r\n this.getScrollBodyController = function () {\r\n this.scrollBodyModal = new ScrollBodyModalController();\r\n this.modalController.setScrollBodyModal(this.scrollBodyModal);\r\n return this.scrollBodyModal;\r\n };\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"redeem-btn\",class:_vm.strButtonClass,on:{\"click\":function($event){return _vm.clickRedeem()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/btn-luckydraw@2x.png\")}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n\r\n\r\n\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!./CustomRedeemButton.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!./CustomRedeemButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomRedeemButton.vue?vue&type=template&id=60ead28c&\"\nimport script from \"./CustomRedeemButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomRedeemButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomRedeemButton.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{attrs:{\"id\":\"confirm_redeem_modal\",\"modal-class\":\"custom-modal\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"area-modal\"},[_c('div',{staticClass:\"content-modal\"},[_c('div',{staticClass:\"header\",domProps:{\"innerHTML\":_vm._s(_vm.lblConfirmRedeem.confirmBodyHeader)}}),_c('div',{staticClass:\"body\",domProps:{\"innerHTML\":_vm._s(_vm.txtOnBody)}}),_c('div',{staticClass:\"bottom-modal\"},[_c('div',{staticClass:\"btn-close-border btn-cancel\",on:{\"click\":function($event){return _vm.clickCloseConfirmRedeem()}}},[_vm._v(\" \"+_vm._s(_vm.lblConfirmRedeem.cancel)+\" \")]),_c('div',{staticClass:\"btn-close-border btn-ok\",on:{\"click\":function($event){return _vm.clickConfirmRedeem()}}},[_vm._v(\" \"+_vm._s(_vm.lblConfirmRedeem.confirm)+\" \")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n ![](\"@/assets/megaWish/btn-luckydraw@2x.png\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n\r\n\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!./ConfirmRedeemModal.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!./ConfirmRedeemModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmRedeemModal.vue?vue&type=template&id=451c0d54&scoped=true&\"\nimport script from \"./ConfirmRedeemModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmRedeemModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfirmRedeemModal.vue?vue&type=style&index=0&id=451c0d54&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"451c0d54\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":_vm.modalId,\"modal-class\":\"custom-modal\",\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"area-modal\"},[_c('div',{staticClass:\"content-modal\"},[_c('div',{staticClass:\"icon-header\"},[_c('img',{attrs:{\"src\":require(\"@/assets/megaWish/success.png\")}})]),_c('div',{staticClass:\"header\",domProps:{\"innerHTML\":_vm._s(_vm.localText.titleSuccess)}}),_c('div',{staticClass:\"bottom-modal\"},[_c('div',{staticClass:\"btn-close-border btn-cancel\",on:{\"click\":function($event){return _vm.clickOk()}}},[_vm._v(\" \"+_vm._s(_vm.localText.btnText)+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n {{ lblConfirmRedeem.confirm }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ lblConfirmRedeem.cancel }}\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n ![](\"@/assets/megaWish/success.png\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{ localText.btnText }}\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {{ localText.btnText }}\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\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!./Text.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!./Text.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Text.vue?vue&type=template&id=4cf6bfe2&scoped=true&\"\nimport script from \"./Text.vue?vue&type=script&lang=js&\"\nexport * from \"./Text.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Text.vue?vue&type=style&index=0&id=4cf6bfe2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"4cf6bfe2\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-input\",class:_vm.customClass},[_c('label',{staticClass:\"label\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"for\":_vm.id}},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:\"input-box\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.content),expression:\"content\"}],staticClass:\"input-field\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"id\":_vm.id,\"type\":\"text\",\"maxlength\":_vm.maxLength,\"readonly\":_vm.readOnly},domProps:{\"value\":(_vm.content)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.content=$event.target.value},function($event){return _vm.onChange()}]}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.content),expression:\"!content\"}],staticClass:\"placeholder\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid}},[_vm._v(_vm._s(_vm.placeholder))])]),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.errorInfo.isValid),expression:\"!isFirstSave && !errorInfo.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.errorInfo.msg))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n {{placeholder}}\r\n
\r\n {{errorInfo.msg}}
\r\n \r\n \r\n
\r\n\r\n\r\n\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!./Email.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!./Email.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Email.vue?vue&type=template&id=194b373e&scoped=true&\"\nimport script from \"./Email.vue?vue&type=script&lang=js&\"\nexport * from \"./Email.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Email.vue?vue&type=style&index=0&id=194b373e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"194b373e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-input\",class:_vm.customClass},[_c('label',{staticClass:\"label\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"for\":_vm.id}},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:\"input-box\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.content),expression:\"content\"}],staticClass:\"input-field\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"id\":_vm.id,\"type\":\"tel\",\"maxlength\":_vm.maxLength,\"readonly\":_vm.readOnly},domProps:{\"value\":(_vm.content)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.content=$event.target.value},function($event){return _vm.onChange()}]}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.content),expression:\"!content\"}],staticClass:\"placeholder\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid}},[_vm._v(_vm._s(_vm.placeholder))])]),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.errorInfo.isValid),expression:\"!isFirstSave && !errorInfo.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.errorInfo.msg))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n {{placeholder}}\r\n
\r\n {{errorInfo.msg}}
\r\n \r\n \r\n
\r\n\r\n\r\n\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!./ContactNumber.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!./ContactNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactNumber.vue?vue&type=template&id=0f99ce4f&scoped=true&\"\nimport script from \"./ContactNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactNumber.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactNumber.vue?vue&type=style&index=0&id=0f99ce4f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0f99ce4f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bi-com bi-cb\"},[_c('div',{staticClass:\"bi-cb-icon-wrapper\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isActive),expression:\"isActive\"}],staticClass:\"img-fluid bi-cb-icon\",attrs:{\"src\":require(\"../../assets/icon/checkbox_active.png\")},on:{\"click\":function($event){return _vm.toggleCheckBox()}}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isActive),expression:\"!isActive\"}],staticClass:\"img-fluid bi-cb-icon\",attrs:{\"src\":require(\"../../assets/icon/checkbox_inactive.png\")},on:{\"click\":function($event){return _vm.toggleCheckBox()}}})]),_c('label',{staticClass:\"bi-cb-lbl\"},[_vm._v(_vm._s(_vm.textLbl))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n {{placeholder}}\r\n
\r\n {{errorInfo.msg}}
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\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!./CheckBox.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!./CheckBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckBox.vue?vue&type=template&id=e8816baa&scoped=true&\"\nimport script from \"./CheckBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckBox.vue?vue&type=style&index=0&id=e8816baa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"e8816baa\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('zipcode-input',{attrs:{\"inputId\":_vm.formId + '_zipcode',\"inputLbl\":_vm.lblShipping.zipcode,\"inputMinLength\":5,\"inputMaxLength\":5,\"isFirstSave\":_vm.isFirstSave,\"isShowErrorLbl\":_vm.isShowErrorLbl,\"errorInfo\":_vm.zipcodeError},on:{\"onZipcodeChange\":function($event){return _vm.onZipcodeChange()}},model:{value:(_vm.address.strZipcode),callback:function ($$v) {_vm.$set(_vm.address, \"strZipcode\", $$v)},expression:\"address.strZipcode\"}}),_c('div',{staticClass:\"wrap-input\"},[_c('div',{class:{'input-box-error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.provinceError.isValid}},[_c('b-dropdown',{staticClass:\"ddl-input\",attrs:{\"variant\":\"ddl-input\",\"menu-class\":\"ddl-menu\",\"inputId\":_vm.formId + '_province',\"text\":_vm.address.strProvinceName || _vm.lblShipping.province.placeholder}},[_c('b-dropdown-item',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.lblShipping.province.placeholder)+\" \")]),_vm._l((_vm.arrFilteredProvince),function(province,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.selectProvince(province)}}},[_vm._v(\" \"+_vm._s(_vm.locale == 1033 ? province.provinceNameEN : province.provinceName)+\" \")])})],2)],1),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.provinceError.isValid),expression:\"!isFirstSave && !provinceError.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.provinceError.msg))]):_vm._e()]),_c('div',{staticClass:\"wrap-input\"},[_c('div',{class:{'input-box-error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.districtError.isValid}},[_c('b-dropdown',{staticClass:\"ddl-input\",attrs:{\"variant\":\"ddl-input\",\"menu-class\":\"ddl-menu\",\"inputId\":_vm.formId + '_district',\"text\":_vm.address.strDistrictName || _vm.lblShipping.district.placeholder}},[_c('b-dropdown-item',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.lblShipping.district.placeholder)+\" \")]),_vm._l((_vm.arrFilteredDistrict),function(district,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.selectDistrict(district)}}},[_vm._v(\" \"+_vm._s(_vm.locale == 1033 ? district.districtNameEN : district.districtName)+\" \")])})],2)],1),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.districtError.isValid),expression:\"!isFirstSave && !districtError.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.districtError.msg))]):_vm._e()]),_c('div',{staticClass:\"wrap-input\"},[_c('div',{class:{'input-box-error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.subDistrictError.isValid}},[_c('b-dropdown',{staticClass:\"ddl-input\",attrs:{\"variant\":\"ddl-input\",\"menu-class\":\"ddl-menu\",\"inputId\":_vm.formId + '_subdistrict',\"text\":_vm.address.strSubDistrictName || _vm.lblShipping.subdistrict.placeholder}},[_c('b-dropdown-item',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.lblShipping.subdistrict.placeholder)+\" \")]),_vm._l((_vm.arrFilteredSubDistrict),function(subdistrict,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.selectSubDistrict(subdistrict)}}},[_vm._v(\" \"+_vm._s(_vm.locale == 1033 ? subdistrict.subdistrictNameEN : subdistrict.subdistrictName)+\" \")])})],2)],1),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.subDistrictError.isValid),expression:\"!isFirstSave && !subDistrictError.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.subDistrictError.msg))]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export function ProvinceModel(dict) {\r\n this.provinceCode = dict.province_code\r\n ? dict.province_code\r\n : dict.ProvinceCode;\r\n\r\n this.provinceName = dict.province_name\r\n ? dict.province_name\r\n : dict.ProvinceName;\r\n\r\n this.provinceNameEN = dict.ProvinceName_EN;\r\n}\r\n\r\nexport function DistrictModel(dict) {\r\n this.districtCode = dict.district_code\r\n ? dict.district_code\r\n : dict.DistrictCode;\r\n\r\n this.districtName = dict.district_name\r\n ? dict.district_name\r\n : dict.DistrictName;\r\n\r\n this.districtNameEN = dict.district_name_EN\r\n ? dict.district_name_EN\r\n : dict.DistrictName_EN;\r\n\r\n this.provinceCode = dict.province_code\r\n ? dict.province_code\r\n : dict.ProvinceCode;\r\n}\r\n\r\nexport function SubDistrictModel(dict) {\r\n this.subdistrictCode = dict.subdistrict_code\r\n ? dict.subdistrict_code\r\n : dict.SubDistrictCode;\r\n\r\n this.subdistrictName = dict.subdistrict_name\r\n ? dict.subdistrict_name\r\n : dict.SubDistrictName;\r\n\r\n this.provinceCode = dict.provinceCode\r\n ? dict.provinceCode\r\n : dict.ProvinceCode;\r\n\r\n this.districtCode = dict.districtCode\r\n ? dict.districtCode\r\n : dict.DistrictCode;\r\n\r\n this.subdistrictNameEN = dict.SubDistrictName_EN;\r\n this.city = dict.city;\r\n this.zipcode = dict.zip_code;\r\n}\r\n\r\nexport function AddressModel() {\r\n this.strAddress = '';\r\n this.strProvinceCode = '';\r\n this.strProvinceName = '';\r\n this.strProvinceNameEn = '';\r\n this.strDistrictCode = '';\r\n this.strDistrictName = '';\r\n this.strDistrictNameEn = '';\r\n this.strSubDistrictCode = '';\r\n this.strSubDistrictName = '';\r\n this.strSubDistrictNameEn = '';\r\n this.strZipcode = '';\r\n\r\n this.setAddressFromApi = function(data) {\r\n this.strAddress = data.Address;\r\n this.strProvinceCode = data.ProvinceCode;\r\n this.strProvinceName = data.ProvinceName;\r\n this.strProvinceNameEn = data.ProvinceNameEN;\r\n this.strDistrictCode = data.DistrictCode;\r\n this.strDistrictName = data.DistrictName;\r\n this.strDistrictNameEn = data.DistrictNameEN;\r\n this.strSubDistrictCode = data.SubDistrictCode;\r\n this.strSubDistrictName = data.SubDistrictName;\r\n this.strSubDistrictNameEn = data.SubDistrictNameEN;\r\n this.strZipcode = data.Zipcode;\r\n },\r\n\r\n this.getProvinceModel = function() {\r\n var province = new ProvinceModel({\r\n province_code: this.strProvinceCode,\r\n province_name: this.strProvinceName,\r\n ProvinceName_EN: this.strProvinceNameEn,\r\n });\r\n return province;\r\n };\r\n\r\n this.getDistrictModel = function () {\r\n var district = new DistrictModel({\r\n district_code: this.strDistrictCode,\r\n district_name: this.strDistrictName,\r\n district_name_EN: this.strDistrictNameEn,\r\n province_code: this.strProvinceCode,\r\n });\r\n return district;\r\n };\r\n\r\n this.getSubDistrictModel = function() {\r\n var subDistrict = new SubDistrictModel({\r\n subdistrict_code: this.strSubDistrictCode,\r\n subdistrict_name: this.strSubDistrictName,\r\n SubDistrictName_EN: this.strSubDistrictNameEn,\r\n districtCode: this.strDistrictNameEn,\r\n provinceCode: this.strProvinceName,\r\n zip_code: this.strZipcode,\r\n });\r\n return subDistrict;\r\n };\r\n\r\n this.getObject = function() {\r\n return {\r\n strAddress :this.strAddress,\r\n strProvinceCode :this.strProvinceCode,\r\n strProvinceName :this.strProvinceName,\r\n strProvinceNameEn :this.strProvinceNameEn,\r\n strDistrictCode :this.strDistrictCode,\r\n strDistrictName :this.strDistrictName,\r\n strDistrictNameEn :this.strDistrictNameEn,\r\n strSubDistrictCode :this.strSubDistrictCode,\r\n strSubDistrictName :this.strSubDistrictName,\r\n strSubDistrictNameEn :this.strSubDistrictNameEn,\r\n strZipcode :this.strZipcode,\r\n };\r\n };\r\n}\r\n","import Vue from 'vue';\r\nimport BzbsApi from '@/core/Http/BzbsApi.js';\r\nimport { ProvinceModel, DistrictModel, SubDistrictModel} from '../model/AddressModel.js';\r\n\r\n/**\r\n * @method apiGetProvinceFilterByZipcode\r\n * @method apiGetProvince\r\n */\r\nexport default {\r\n config: function() {\r\n return Vue.bzbsConfig;\r\n },\r\n\r\n /**\r\n * @param {number} strZipcode\r\n */\r\n apiGetProvinceFilterByZipcode: function(strZipcode) {\r\n var params = {\r\n zip_code: strZipcode,\r\n };\r\n\r\n var strUrl = this.config().bzbsUrl + \"/api/main/postcode\";\r\n return new Promise((resolve, reject) => {\r\n BzbsApi.connectBzbsGet(strUrl, null, params).then((response) => {\r\n var data = response.data;\r\n var listProvince = [];\r\n var listDistrict = [];\r\n var listSubDistrict = [];\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n // Add List Province\r\n var prov = new ProvinceModel(data[i]);\r\n var isDuplicateProvince = false;\r\n for (var j = 0; j < listProvince.length; j++) {\r\n if (listProvince[j].provinceNameEN == prov.provinceNameEN) {\r\n isDuplicateProvince = true;\r\n break;\r\n }\r\n }\r\n\r\n if (!isDuplicateProvince) {\r\n listProvince.push(prov);\r\n }\r\n\r\n // Add List District\r\n var dis = new DistrictModel(data[i]);\r\n var isDuplicateDistrict = false;\r\n for (var k = 0; k < listDistrict.length; k++) {\r\n if (listDistrict[k].districtNameEN == dis.districtNameEN) {\r\n isDuplicateDistrict = true;\r\n break;\r\n }\r\n }\r\n\r\n if (!isDuplicateDistrict) {\r\n listDistrict.push(dis);\r\n }\r\n\r\n // Add List SubDistrict\r\n var subDis = new SubDistrictModel(data[i]);\r\n var isDuplicateSubDistrict = false;\r\n for (var l = 0; l < listSubDistrict.length; l++) {\r\n if (listSubDistrict[l].subdistrictNameEN == subDis.subdistrictNameEN) {\r\n isDuplicateSubDistrict = true;\r\n break;\r\n }\r\n }\r\n\r\n if (!isDuplicateSubDistrict) {\r\n listSubDistrict.push(subDis);\r\n }\r\n }\r\n\r\n if (listProvince.length > 0) {\r\n var allAddress = {\r\n listProvince: listProvince,\r\n listDistrict: listDistrict,\r\n listSubDistrict: listSubDistrict,\r\n };\r\n resolve(allAddress);\r\n } else {\r\n reject('notfound');\r\n }\r\n }).catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n },\r\n\r\n apiGetProvince: function() {\r\n var params = {};\r\n var strUrl = this.config().bzbsUrl + \"/api/main/province\";\r\n\r\n return new Promise((resolve, reject) => {\r\n BzbsApi.connectBzbsGet(strUrl, null, params).then((res) => {\r\n var data = res.data;\r\n var provinceList = [];\r\n for (var i of data) {\r\n provinceList.push(new ProvinceModel(i));\r\n }\r\n resolve(provinceList);\r\n }).catch((err) => {\r\n reject(err);\r\n });\r\n });\r\n },\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-input\",class:_vm.customClass},[_c('label',{staticClass:\"label\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"for\":_vm.id}},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:\"input-box\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.content),expression:\"content\"}],staticClass:\"input-field\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid},attrs:{\"type\":\"tel\",\"id\":_vm.id,\"maxlength\":_vm.maxLength,\"readonly\":_vm.readOnly},domProps:{\"value\":(_vm.content)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.content=$event.target.value},function($event){return _vm.onChange()}]}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.content),expression:\"!content\"}],staticClass:\"placeholder\",class:{'error': !_vm.isFirstSave && _vm.isShowErrorLbl && !_vm.errorInfo.isValid}},[_vm._v(_vm._s(_vm.placeholder))])]),(_vm.isShowErrorLbl)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isFirstSave && !_vm.errorInfo.isValid),expression:\"!isFirstSave && !errorInfo.isValid\"}],staticClass:\"error-text\"},[_vm._v(_vm._s(_vm.errorInfo.msg))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n
\r\n\r\n\r\n\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!./Zipcode.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!./Zipcode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Zipcode.vue?vue&type=template&id=8cee57d6&scoped=true&\"\nimport script from \"./Zipcode.vue?vue&type=script&lang=js&\"\nexport * from \"./Zipcode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Zipcode.vue?vue&type=style&index=0&id=8cee57d6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8cee57d6\",\n null\n \n)\n\nexport default component.exports","\r\n \r\n \r\n {{placeholder}}\r\n
\r\n {{errorInfo.msg}}
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\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!./FormAddressDropDown.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!./FormAddressDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormAddressDropDown.vue?vue&type=template&id=19cb42e8&scoped=true&\"\nimport script from \"./FormAddressDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./FormAddressDropDown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormAddressDropDown.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./FormAddressDropDown.vue?vue&type=style&index=1&id=19cb42e8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"19cb42e8\",\n null\n \n)\n\nexport default component.exports","\r\n \r\n
\r\n \r\n \r\n \r\n {{lblShipping.province.placeholder}}\r\n \r\n \r\n {{ locale == 1033 ? province.provinceNameEN : province.provinceName }}\r\n \r\n \r\n
\r\n {{provinceError.msg}}
\r\n \r\n
\r\n \r\n \r\n \r\n {{lblShipping.district.placeholder}}\r\n \r\n \r\n {{ locale == 1033 ? district.districtNameEN : district.districtName }}\r\n \r\n \r\n
\r\n {{districtError.msg}}
\r\n \r\n
\r\n \r\n \r\n \r\n {{lblShipping.subdistrict.placeholder}}\r\n \r\n \r\n {{ locale == 1033 ? subdistrict.subdistrictNameEN : subdistrict.subdistrictName }}\r\n \r\n \r\n
\r\n {{subDistrictError.msg}}
\r\n \r\n \r\n
\r\n\r\n\r\n\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!./ShippingAddressModal.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!./ShippingAddressModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShippingAddressModal.vue?vue&type=template&id=e093263e&scoped=true&\"\nimport script from \"./ShippingAddressModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ShippingAddressModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShippingAddressModal.vue?vue&type=style&index=0&id=e093263e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"e093263e\",\n null\n \n)\n\nexport default component.exports","\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{lblShipping.headline}}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n\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!./CustomRedeem.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!./CustomRedeem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomRedeem.vue?vue&type=template&id=b976cb5e&\"\nimport script from \"./CustomRedeem.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomRedeem.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","import Vue from 'vue';\r\nimport BzbsApi from \"@/core/Http/BzbsApi.js\";\r\nexport default {\r\n config: function () {\r\n return Vue.bzbsConfig;\r\n },\r\n getCampaign: function (token, listConfig) {\r\n var url = `${this.config().bzbsUrl}/api/campaign`;\r\n return BzbsApi.connectBzbsGet(url, token, listConfig)\r\n },\r\n getTotalRedemtion: function (token) {\r\n var t = new Date().getTime();\r\n var url = `${this.config().bzbsUrl}/modules/megabangna/profile/me/draw_history?token=${token}&t=${t}`;\r\n return BzbsApi.connectBzbsGet(url);\r\n },\r\n // redeemCampaign: function (token, campaignId, listConfig) {\r\n // var url = Vue.bzbsConfig.bzbsUrl + \"/api/campaign/\" + campaignId + \"/redeem\";\r\n // return BzbsApi.connectBzbsPost(url, token, params);\r\n // }\r\n\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"@/assets/megaWish/logo2-megawish@2x.png\")
\r\n
\r\n \r\n {{ lbl.home.rangeDate }}
\r\n \r\n
\r\n \r\n {{ lbl.home.titlePrice }}\r\n
\r\n \r\n {{ lbl.home.titleSumPrice }}\r\n
\r\n \r\n {{ lbl.home.titlePriceCondition }}\r\n
\r\n \r\n ![](\"@/assets/megaWish/aw600x400@2x.png\")
\r\n
\r\n \r\n \r\n \r\n {{ lbl.home.seeDetail }}\r\n \r\n
\r\n \r\n ![](\"@/assets/megaWish/Text-1@2x.png\")
\r\n
\r\n \r\n \r\n {{ totalDrawCount }}\r\n {{ lbl.home.textUnit }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n *{{ pointPerUnit }} {{ lbl.home.textPriceUnit }}\r\n
\r\n \r\n ![](\"@/assets/megaWish/Howtoplay@2x.png\")
\r\n
\r\n \r\n \r\n \r\n {{ lbl.home.otherCondition }}\r\n \r\n
\r\n \r\n ![](\"@/assets/megaWish/footer@2x.png\")
\r\n
\r\n \r\n