{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/share-reward/index.vue?7320","webpack:///src/views/share-reward/index.vue","webpack:///./src/views/share-reward/index.vue?d61a","webpack:///./src/views/share-reward/index.vue","webpack:///./src/views/share-reward/index.vue?7326"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","keys","result","call","module","exports","values","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","style","width","$device","margin","attrs","reward","image","_v","brand","title","domProps","plivilege","start_date","toMoment","end_date","step","display","on","$event","color","condition","branch","$router","replace","path","staticRenderFns","component"],"mappings":"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","file":"js/chunk-6f5419a5.316dda1a.js","sourcesContent":["export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"@babel/runtime/helpers/esm/arrayWithHoles\";\nimport iterableToArrayLimit from \"@babel/runtime/helpers/esm/iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableRest from \"@babel/runtime/helpers/esm/nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","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('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-12\"},[_c('div',{staticClass:\"fs-20 fw-600 red\"},[_vm._v(\" \"+_vm._s(_vm.reward.brand)+\" \")])])]),_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: (\"/password/reward/\" + _vm.key) })}}},[_c('span',{staticClass:\"fs-20 color-white\"},[_vm._v(\"ใช้คูปอง\")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\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-12\">\r\n                    <div class=\"fs-20 fw-600 red\">\r\n                        {{ reward.brand }}\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: `/password/reward/${key}` })\">\r\n                    <span class=\"fs-20 color-white\">ใช้คูปอง</span>\r\n                </a-button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n// import navbar from '../../components/navbar';\r\nimport moment from 'moment';\r\n// import _ from 'lodash';\r\nexport default {\r\n    components: {},\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            key: this.$route.params.key,\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/share',\r\n                    data: { key: this.key },\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    },\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=72f2143c&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=72f2143c&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  \"72f2143c\",\n  null\n  \n)\n\nexport default component.exports","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=72f2143c&scoped=true&lang=css&\""],"sourceRoot":""}