{"version":3,"sources":["webpack:///./src/views/reward-condition/modalForm.vue?a334","webpack:///./src/views/reward-condition/modalForm.vue?1b15","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/reward-condition/index.vue?99a5","webpack:///./src/views/reward-condition/modalForm.vue?4c53","webpack:///src/views/reward-condition/modalForm.vue","webpack:///./src/views/reward-condition/modalForm.vue?bf3d","webpack:///./src/views/reward-condition/modalForm.vue","webpack:///src/views/reward-condition/index.vue","webpack:///./src/views/reward-condition/index.vue?3cd2","webpack:///./src/views/reward-condition/index.vue","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/views/reward-condition/index.vue?8efe"],"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","$device","reward","title","staticClass","staticStyle","style","width","margin","image","_v","brand","on","handleDisplayShare","domProps","plivilege","start_date","toMoment","end_date","step","display","$event","color","condition","branch","$router","replace","path","query","pin","onCopy","onResetPin","priv_id","onShare","$t","modal_visible","modal_step","modal_data","onModalCancel","onModalConfirm","staticRenderFns","visible","data","message","cancel","confirm","component","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","initialMacrotaskEnded","setTimeout","ev","composedPath","indexOf","contains","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","directives","onClickaway"],"mappings":"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","file":"js/chunk-75130f6d.f7cc6708.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&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./modalForm.vue?vue&type=style&index=1&id=4db6dc8a&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('div',[_c('navbar',{attrs:{\"back_path\":'/reward',\"navbar_sub_visible\":_vm.$device != 'mobile',\"active_screen\":\"reward\",\"content_title\":_vm.reward.title}}),_c('div',{staticClass:\"custom-card\"},[_c('div',{staticClass:\"mt-8\",staticStyle:{\"position\":\"relative\"}},[_c('center',[_c('img',{staticClass:\"br-12\",style:({\n                        width: _vm.$device == 'mobile' ? '100%' : '50%',\n                        margin: '0 auto',\n                    }),attrs:{\"src\":_vm.reward.image}})])],1),_c('div',{staticClass:\"row mt-16\"},[_c('div',{staticClass:\"col-11\"},[_c('div',{staticClass:\"fs-20 fw-600 red\"},[_vm._v(\" \"+_vm._s(_vm.reward.brand)+\" \")])]),_c('div',{staticClass:\"col-1\"},[_c('div',{staticClass:\"fs-24 fw-600 text-right\"},[_c('i',{staticClass:\"fa fa-share-alt clickable\",attrs:{\"aria-hidden\":\"true\"},on:{\"click\":_vm.handleDisplayShare}})])])]),_c('div',{staticClass:\"mt-16 mb-16\",staticStyle:{\"background\":\"#ffe6e6\",\"border\":\"1px solid #ffb1b1\",\"border-radius\":\"8px\",\"height\":\"60px\",\"display\":\"flex\",\"flex-direction\":\"row\",\"align-items\":\"flex-start\",\"padding\":\"16px\",\"gap\":\"10px\",\"flex\":\"none\",\"order\":\"2\",\"flex-grow\":\"0\"}},[_c('label',{staticClass:\"title fs-18 w-100\"},[_vm._v(\" \"+_vm._s(_vm.reward.title)+\" \")])]),_c('div',[_c('label',{staticClass:\"detail fs-18 w-100\",domProps:{\"innerHTML\":_vm._s(_vm.reward.plivilege)}})]),_c('div',{staticClass:\"mt-16 mb-16\"},[_c('label',{staticClass:\"detail fs-16 w-100\"},[_vm._v(\" ระยะเวลาการใช้คูปอง \"+_vm._s(_vm.reward.start_date ? _vm.toMoment(_vm.reward.start_date) : '')+\"-\"+_vm._s(_vm.reward.end_date ? _vm.toMoment(_vm.reward.end_date) : '')+\" \")])]),_c('div',{staticStyle:{\"text-align\":\"center\",\"width\":\"100%\",\"margin\":\"16px 0px 16px\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"border-radius\":\"8px\",\"padding\":\"2px\"}},[_c('div',{staticStyle:{\"background\":\"#fff\",\"border-radius\":\"100px\"}},[_c('a-button',{staticClass:\"text-center br-20\",staticStyle:{\"width\":\"50%\"},style:({\n                            'background-color': _vm.step == 'เงื่อนไข' ? '#CC0000' : '#FFFFFF',\n                            'border-radius': '8px',\n                            display: 'inline-block',\n                        }),attrs:{\"size\":\"large\"},on:{\"click\":function($event){_vm.step = 'เงื่อนไข'}}},[_c('span',{staticClass:\"fs-20 fw-600\",style:({\n                                color: _vm.step == 'เงื่อนไข' ? '#FFFFFF' : '#2e2f2e',\n                            })},[_vm._v(\"เงื่อนไข\")])]),_c('a-button',{staticClass:\"text-center br-20\",staticStyle:{\"width\":\"50%\"},style:({\n                            'background-color': _vm.step == 'สาขา' ? '#CC0000' : '#FFFFFF',\n                            'border-radius': '8px',\n                            display: 'inline-block',\n                        }),attrs:{\"size\":\"large\"},on:{\"click\":function($event){_vm.step = 'สาขา'}}},[_c('span',{staticClass:\"fs-20 fw-600\",style:({\n                                color: _vm.step == 'สาขา' ? '#FFFFFF' : '#2e2f2e',\n                            })},[_vm._v(\"สาขา\")])])],1)])]),_c('div',{staticClass:\"mt-3\"},[(_vm.step == 'เงื่อนไข')?_c('div',[_c('label',{staticClass:\"w-100 THSarabunNew fs-24 fw-300\",domProps:{\"innerHTML\":_vm._s(_vm.reward.condition)}})]):_c('div',[_c('label',{staticClass:\"w-100 THSarabunNew fs-24 fw-300\",domProps:{\"innerHTML\":_vm._s(_vm.reward.branch)}})])]),_c('div',{staticStyle:{\"margin-bottom\":\"64px\"}}),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin\":\"-20px\",\"margin-top\":\"32px\",\"padding-bottom\":\"20px\",\"position\":\"fixed\",\"border-radius\":\"25px 25px 0 0\",\"bottom\":\"0px\",\"background-color\":\"rgb(255, 255, 255)\",\"width\":\"100%\"}},[_c('a-button',{staticClass:\"text-center w-90 bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.$router.replace({ path: '/use-reward', query: { reward: _vm.reward } })}}},[_c('span',{staticClass:\"fs-20 color-white\"},[_vm._v(\"ใช้คูปอง\")])])],1)]),(_vm.display_share_reward)?_c('div',{staticClass:\"share-reward\"},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-7 text-center\"},[_c('span',{staticClass:\"fs-20 fw-600\"},[_vm._v(\"รหัสเปิดคูปอง \"+_vm._s(_vm.reward.pin)+\" \")]),_c('span',{staticClass:\"fs-20 fw-300 red\",on:{\"click\":function($event){return _vm.onCopy(_vm.reward.pin)}}},[_c('i',{staticClass:\"fa fa-clone clickable\",attrs:{\"aria-hidden\":\"true\"}})])]),_c('div',{staticClass:\"col-5 text-center\"},[_c('span',{staticClass:\"fs-20 fw-300 red clickable\",on:{\"click\":function($event){return _vm.onResetPin(_vm.reward.priv_id)}}},[_c('i',{staticClass:\"fa fa-repeat\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" ตั้งรหัสใหม่\")])])]),_c('div',{staticClass:\"row w-100 mt-12\"},[_c('div',{staticClass:\"col-12\"},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-100\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.onShare()}}},[_c('i',{staticClass:\"fa fa-share-alt\",attrs:{\"aria-hidden\":\"true\"}}),_c('strong',{staticClass:\"fs-18\"},[_vm._v(\" \"+_vm._s(_vm.$t('ส่งต่อลิงก์')))])])],1)])]):_vm._e(),_c('modal-form',{attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"data\":_vm.modal_data},on:{\"on-cancel\":_vm.onModalCancel,\"on-confirm\":_vm.onModalConfirm}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',[_c('a-modal',{attrs:{\"centered:bodyStyle\":\"{ padding: 0 }\",\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[(_vm.data.title)?_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title fs-20\"},[_c('span',{staticClass:\"color-white\"},[_vm._v(_vm._s(_vm.data.title))])])]):_vm._e(),(_vm.data.message)?_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-18\"},[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")])]):_vm._e(),_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.step == 'copy' ? _vm.$t('รับทราบ') : _vm.$t('ยกเลิก')))])]),(_vm.step == 'share' || _vm.step == 'confirm_share')?_c('a-button',{staticClass:\"text-center bg-red br-20 ml-4\",staticStyle:{\"width\":\"40%\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.confirm()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน')))])]):_vm._e()],1)])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"visible\">\r\n        <a-modal centered:bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header\" v-if=\"data.title\">\r\n                <label class=\"custom-modal-header-title fs-20\">\r\n                    <span class=\"color-white\">{{ data.title }}</span>\r\n                </label>\r\n            </div>\r\n            <div class=\"custom-modal-body\" v-if=\"data.message\">\r\n                <label class=\"custom-modal-body-detail fs-18\">\r\n                    {{ data.message }}\r\n                </label>\r\n            </div>\r\n            <!-- footer -->\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\r\n                    <span class=\"fs-18 color-white\"> {{ step == 'copy' ? $t('รับทราบ') : $t('ยกเลิก') }}</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20 ml-4\" style=\"width: 40%\" @click=\"confirm()\" v-if=\"step == 'share' || step == 'confirm_share'\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ยืนยัน') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { directive as onClickaway } from 'vue-clickaway';\r\nexport default {\r\n    props: ['visible', 'step', 'data'],\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        confirm() {\r\n            this.$emit('on-confirm');\r\n        },\r\n    },\r\n    directives: {\r\n        onClickaway: onClickaway,\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.modal {\r\n    z-index: 100000 !important;\r\n}\r\n.modal .modal-content {\r\n    margin: 0px !important;\r\n}\r\n</style>\r\n<style scoped>\r\n/deep/ .b-modal-upload {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    top: unset;\r\n    bottom: 0;\r\n    left: unset;\r\n    right: unset;\r\n    height: unset;\r\n    /* display: flex !important; */\r\n    position: fixed;\r\n    padding: 0 !important;\r\n}\r\n/deep/ .b-dialog-upload {\r\n    margin: 0 auto;\r\n}\r\n/deep/ .b-content-upload {\r\n    border-radius: 0;\r\n    border-top-left-radius: 20px;\r\n    border-top-right-radius: 20px;\r\n}\r\n/deep/ .b-modal-in-upload {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n/deep/ .b-dialog-in-upload {\r\n    margin: 0 auto;\r\n    height: 100%;\r\n}\r\n/deep/ .b-content-in-upload {\r\n    border-radius: 0;\r\n    min-height: 100vh;\r\n}\r\n.center {\r\n    margin: auto;\r\n    width: 80%;\r\n}\r\n.green {\r\n    color: green;\r\n}\r\n.dropbox {\r\n    outline: 2px dashed grey; /* the dash box */\r\n    outline-offset: -10px;\r\n    /* background: lightcyan; */\r\n    color: dimgray;\r\n    padding: 10px 10px;\r\n    min-height: 20vh; /* minimum height */\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.input-file {\r\n    opacity: 0; /* invisible but it's there! */\r\n    width: 100%;\r\n    height: 50vh;\r\n    position: absolute;\r\n    cursor: pointer;\r\n}\r\n.dropbox:hover {\r\n    /* background: lightblue; */\r\n}\r\n.dropbox p {\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n    padding: 14vh 0;\r\n}\r\n.remove-image {\r\n    background: #cc0000;\r\n    width: 48px;\r\n    height: 48px;\r\n    line-height: 42px;\r\n    position: absolute;\r\n    /* top: 3vh;\r\n    right: 6.325vw; */\r\n    right: 32px;\r\n    z-index: 1;\r\n}\r\n/* @media screen and (max-width: 480px) {\r\n    .remove-image {\r\n        right: 25px;\r\n    }\r\n} */\r\n.custom-modal-header {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-header-title {\r\n    color: #141322 !important;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-body-detail {\r\n    color: #141322 !important;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n}\r\n</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=4db6dc8a&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&lang=css&\"\nimport style1 from \"./modalForm.vue?vue&type=style&index=1&id=4db6dc8a&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  \"4db6dc8a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <navbar :back_path=\"'/reward'\" :navbar_sub_visible=\"$device != 'mobile'\" active_screen=\"reward\" :content_title=\"reward.title\" />\r\n        <div class=\"custom-card\">\r\n            <div class=\"mt-8\" style=\"position: relative\">\r\n                <center>\r\n                    <img\r\n                        class=\"br-12\"\r\n                        :src=\"reward.image\"\r\n                        :style=\"{\r\n                            width: $device == 'mobile' ? '100%' : '50%',\r\n                            margin: '0 auto',\r\n                        }\"\r\n                    />\r\n                </center>\r\n                <!-- <img :src=\"reward.logo\" style=\"width: 25%; margin: 0 auto; position: absolute; top: 8px; right: 8px\" /> -->\r\n            </div>\r\n            <div class=\"row mt-16\">\r\n                <div class=\"col-11\">\r\n                    <div class=\"fs-20 fw-600 red\">\r\n                        {{ reward.brand }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-1\">\r\n                    <div class=\"fs-24 fw-600 text-right\">\r\n                        <i class=\"fa fa-share-alt clickable\" aria-hidden=\"true\" @click=\"handleDisplayShare\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-16 mb-16\" style=\"background: #ffe6e6; border: 1px solid #ffb1b1; border-radius: 8px; height: 60px; display: flex; flex-direction: row; align-items: flex-start; padding: 16px; gap: 10px; flex: none; order: 2; flex-grow: 0\">\r\n                <label class=\"title fs-18 w-100\"> {{ reward.title }} </label>\r\n            </div>\r\n            <div>\r\n                <label class=\"detail fs-18 w-100\" v-html=\"reward.plivilege\"> </label>\r\n            </div>\r\n            <div class=\"mt-16 mb-16\">\r\n                <label class=\"detail fs-16 w-100\">\r\n                    ระยะเวลาการใช้คูปอง\r\n                    {{ reward.start_date ? toMoment(reward.start_date) : '' }}-{{ reward.end_date ? toMoment(reward.end_date) : '' }}\r\n                </label>\r\n            </div>\r\n            <div style=\"text-align: center; width: 100%; margin: 16px 0px 16px\">\r\n                <div style=\"width: 100%; border-radius: 8px; padding: 2px\">\r\n                    <div style=\"background: #fff; border-radius: 100px\">\r\n                        <!--  -->\r\n                        <a-button\r\n                            style=\"width: 50%\"\r\n                            size=\"large\"\r\n                            class=\"text-center br-20\"\r\n                            @click=\"step = 'เงื่อนไข'\"\r\n                            :style=\"{\r\n                                'background-color': step == 'เงื่อนไข' ? '#CC0000' : '#FFFFFF',\r\n                                'border-radius': '8px',\r\n                                display: 'inline-block',\r\n                            }\"\r\n                        >\r\n                            <span\r\n                                class=\"fs-20 fw-600\"\r\n                                :style=\"{\r\n                                    color: step == 'เงื่อนไข' ? '#FFFFFF' : '#2e2f2e',\r\n                                }\"\r\n                                >เงื่อนไข</span\r\n                            >\r\n                        </a-button>\r\n                        <a-button\r\n                            style=\"width: 50%\"\r\n                            size=\"large\"\r\n                            class=\"text-center br-20\"\r\n                            @click=\"step = 'สาขา'\"\r\n                            :style=\"{\r\n                                'background-color': step == 'สาขา' ? '#CC0000' : '#FFFFFF',\r\n                                'border-radius': '8px',\r\n                                display: 'inline-block',\r\n                            }\"\r\n                        >\r\n                            <span\r\n                                class=\"fs-20 fw-600\"\r\n                                :style=\"{\r\n                                    color: step == 'สาขา' ? '#FFFFFF' : '#2e2f2e',\r\n                                }\"\r\n                                >สาขา</span\r\n                            >\r\n                        </a-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div v-if=\"step == 'เงื่อนไข'\">\r\n                    <label class=\"w-100 THSarabunNew fs-24 fw-300\" v-html=\"reward.condition\" />\r\n                </div>\r\n                <div v-else>\r\n                    <label class=\"w-100 THSarabunNew fs-24 fw-300\" v-html=\"reward.branch\" />\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"text-center mt-16\">\r\n                <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom fs-20\" v-if=\"reward.display_button\" @click=\"$router.replace({ path: '/use-reward', query: { reward } })\">\r\n                    <strong>ใช้คูปอง</strong>\r\n                </a-button>\r\n            </div> -->\r\n            <div style=\"margin-bottom: 64px\"></div>\r\n            <div class=\"text-center\" style=\"margin: 0; margin-top: 32px; padding-bottom: 20px; position: fixed; border-radius: 25px 25px 0 0; bottom: 0px; background-color: rgb(255, 255, 255); margin: -20px; width: 100%\">\r\n                <a-button size=\"large\" class=\"text-center w-90 bg-red br-20\" @click=\"$router.replace({ path: '/use-reward', query: { reward } })\">\r\n                    <span class=\"fs-20 color-white\">ใช้คูปอง</span>\r\n                </a-button>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"display_share_reward\" class=\"share-reward\">\r\n            <div class=\"row w-100\">\r\n                <div class=\"col-7 text-center\">\r\n                    <span class=\"fs-20 fw-600\">รหัสเปิดคูปอง {{ reward.pin }} </span>\r\n                    <span class=\"fs-20 fw-300 red\" @click=\"onCopy(reward.pin)\">\r\n                        <i class=\"fa fa-clone clickable\" aria-hidden=\"true\"></i>\r\n                    </span>\r\n                </div>\r\n                <div class=\"col-5 text-center\">\r\n                    <span class=\"fs-20 fw-300 red clickable\" @click=\"onResetPin(reward.priv_id)\"><i class=\"fa fa-repeat\" aria-hidden=\"true\"></i> ตั้งรหัสใหม่</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"row w-100 mt-12\">\r\n                <div class=\"col-12\">\r\n                    <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-100\" @click=\"onShare()\">\r\n                        <i class=\"fa fa-share-alt\" aria-hidden=\"true\"></i><strong class=\"fs-18\"> {{ $t('ส่งต่อลิงก์') }}</strong>\r\n                    </a-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <modal-form :visible=\"modal_visible\" :step=\"modal_step\" :data=\"modal_data\" @on-cancel=\"onModalCancel\" @on-confirm=\"onModalConfirm\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nimport moment from 'moment';\r\nimport _ from 'lodash';\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            reward: {},\r\n            step: 'เงื่อนไข',\r\n            display_share_reward: false,\r\n            share_reward_step: '1',\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            modal_data: {},\r\n        };\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        _mounted: function () {\r\n            this.getRewardDetail(() => (this.getting_data = false));\r\n        },\r\n        getRewardDetail: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/reward/detail',\r\n                    data: {\r\n                        priv_id: this.$route.query.priv_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res) {\r\n                            this.reward = res;\r\n                            if (typeof callback == 'function') callback();\r\n                        } else if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        toggleFavorite(e, reward) {\r\n            event.stopPropagation();\r\n            var url;\r\n            if (!reward.button_favorite) {\r\n                url = '/api/favorite/delete';\r\n            } else {\r\n                url = '/api/favorite/add';\r\n            }\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: url,\r\n                    data: {\r\n                        xid: reward.priv_id,\r\n                        type: 'reward',\r\n                    },\r\n                    callback: (res) => {\r\n                        console.log('res', res);\r\n                        if (res && res.result == 'complete') {\r\n                            this.getReward();\r\n                        } else {\r\n                            const complete = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key) {\r\n                                    console.log('value[0]', value[0]);\r\n                                    complete.title += value[0];\r\n                                }\r\n                            }\r\n                            this.$confirm({\r\n                                title: complete.title,\r\n                                button: {\r\n                                    yes: 'ปิดหน้าต่าง',\r\n                                },\r\n                                callback: (confirm) => {},\r\n                            });\r\n                            console.log('complete.title', complete.title);\r\n                        }\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        toMoment(date_unix) {\r\n            return this.mtby(moment.unix(date_unix), 'LL');\r\n        },\r\n        handleDisplayShare: _.debounce(function () {\r\n            if (!this.display_share_reward) this.share_reward_step = '1';\r\n            this.display_share_reward = !this.display_share_reward;\r\n        }, 250),\r\n        async onCopy(text) {\r\n            try {\r\n                if (navigator.clipboard && window.isSecureContext) {\r\n                    await navigator.clipboard.writeText(text);\r\n                    this.modal_step = 'copy';\r\n                    this.modal_data.title = 'ท่านได้คัดลอกรหัสเปิดคูปองสำเร็จ';\r\n                    this.modal_visible = true;\r\n                } else {\r\n                    const textArea = document.createElement('textarea');\r\n                    textArea.value = text;\r\n                    textArea.style.position = 'fixed';\r\n                    textArea.style.left = '-999999px';\r\n                    textArea.style.top = '-999999px';\r\n                    document.body.appendChild(textArea);\r\n                    textArea.focus();\r\n                    textArea.select();\r\n                    return new Promise((resolve) => {\r\n                        if (document.execCommand('copy')) {\r\n                            this.modal_step = 'copy';\r\n                            this.modal_data.title = 'ท่านได้คัดลอกรหัสเปิดคูปองสำเร็จ';\r\n                            this.modal_visible = true;\r\n                            resolve();\r\n                        }\r\n                        textArea.remove();\r\n                    });\r\n                }\r\n            } catch (e) {\r\n                this.modal_step = 'copy';\r\n                this.modal_data.title = 'ท่านได้คัดลอกรหัสเปิดคูปองไม่สำเร็จ';\r\n                this.modal_visible = true;\r\n            }\r\n        },\r\n        onResetPin(priv_id) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/reward/reset-reward-password',\r\n                    data: {\r\n                        priv_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (_.get(res, 'complete.msg[0]')) {\r\n                            this.modal_step = 'copy';\r\n                            this.modal_data.title = 'แจ้งเตือน';\r\n                            this.modal_data.message = res.complete.msg[0];\r\n                            this.modal_visible = true;\r\n                        }\r\n                        if (_.get(res, 'complete.pin')) {\r\n                            this.reward.pin = res.complete.pin;\r\n                        }\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_step = null;\r\n            this.modal_data = {};\r\n        },\r\n        onShare: _.debounce(function () {\r\n            this.modal_step = 'share';\r\n            this.modal_data.title = 'ท่านกำลังดำเนินการส่งต่อสิทธิประโยชน์ของท่านให้แก่บุคคลอื่น';\r\n            this.modal_data.message = 'ซึ่งการใช้งานสิทธิ์ดังกล่าวจะเสมือนหนึ่งท่านใช้งานด้วยตนเองและไม่สามารถคืนสิทธิ์ได้ทุกกรณี หากต้องการทำรายการต่อ กดปุ่ม \"ยืนยัน\" หรือ กดปุ่ม \"ยกเลิก\" หากไม่ต้องการดำเนินการต่อ';\r\n            this.modal_visible = true;\r\n            // this.onCopy(this.reward.share_url);\r\n            // if (this.modal_data.title == 'ท่านได้คัดลอกรหัสเปิดคูปองสำเร็จ') {\r\n            //     this.modal_data.title = 'คัดลอกสำเร็จ';\r\n            //     this.modal_data.message = 'กรุณาแจ้งรหัสเปิดคูปอง (หมายเลข 4 หลัก) แก่บุคคลที่ท่านต้องการให้คูปองใบนี้ มิฉะนั้นจะไม่สามารถเปิดตั๋วได้';\r\n            // }\r\n        }, 250),\r\n        onModalConfirm() {\r\n            const self = this;\r\n            if (this.modal_step == 'share') {\r\n                this.modal_step = 'confirm_share';\r\n                this.modal_data.title = 'แจ้งเตือน';\r\n                this.modal_data.message = 'กรุณาแจ้งรหัสเปิดคูปอง (หมายเลข 4 หลัก) แก่บุคคลที่ท่านต้องการให้คูปองใบนี้ มิฉะนั้นจะไม่สามารถเปิดตั๋วได้';\r\n            } else if (this.modal_step == 'confirm_share') {\r\n                this.modal_visible = false;\r\n                this.modal_step = null;\r\n                this.modal_data = {};\r\n                if (navigator.share) {\r\n                    navigator.share({\r\n                        title: self.reward.title,\r\n                        text: self.reward.title,\r\n                        url: self.reward.share_url,\r\n                    });\r\n                }\r\n                // else this.onCopy(self.reward.share_url);\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-card {\r\n    margin: 8px;\r\n    background-color: #fff;\r\n    padding: 8px;\r\n}\r\n.title {\r\n    font-weight: 600;\r\n    margin: 0;\r\n}\r\n.detail {\r\n    font-weight: 600;\r\n    margin: 0;\r\n    color: #000 !important;\r\n}\r\n.share-reward {\r\n    position: fixed;\r\n    bottom: 0;\r\n    /* display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start; */\r\n    padding: 12px 22px 40px;\r\n    gap: 7%;\r\n    background: #ffffff;\r\n    box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.05);\r\n    border-radius: 24px 24px 0px 0px;\r\n    width: 100%;\r\n    height: calc(100vh * 0.1479);\r\n    z-index: 9999;\r\n}\r\n@media (max-device-width: 413px) {\r\n    .time {\r\n        font-size: 19px;\r\n    }\r\n    .custom-close {\r\n        font-size: 15px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) {\r\n    .time {\r\n        font-size: 17px;\r\n    }\r\n    .custom-close {\r\n        font-size: 13px;\r\n    }\r\n}\r\n</style>","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=d408ccb6&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=d408ccb6&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  \"d408ccb6\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=d408ccb6&scoped=true&lang=css&\""],"sourceRoot":""}