{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./src/views/reward/index.vue?abe8","webpack:///src/views/reward/index.vue","webpack:///./src/views/reward/index.vue?bba0","webpack:///./src/views/reward/index.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/reward/index.vue?6081"],"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","render","_vm","this","_h","$createElement","_c","_self","attrs","ine","rewards","staticStyle","getting_data","on","nextPage","prevPage","$device","_l","reward","reward_index","key","$event","r","priv_id","staticClass","image","_v","brand","title","toMoment","start_date","end_date","useReward","col","rowIndex","style","rewardIndex","logo","domProps","plivilege","toggleFavorite","button_favorite","_m","staticRenderFns","component","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","keys","result","call","module","exports","values"],"mappings":"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","file":"js/chunk-3e7f9a14.b12f988b.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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('navbar',{attrs:{\"active_screen\":\"reward\"}}),(_vm.ine(_vm.rewards))?[_c('v-infinite-scroll',{staticStyle:{\"overflow-y\":\"scroll\",\"overflow-x\":\"hidden\"},attrs:{\"loading\":_vm.getting_data},on:{\"bottom\":_vm.nextPage,\"top\":_vm.prevPage}},[(_vm.$device == 'mobile')?_c('div',_vm._l((_vm.rewards),function(reward,reward_index){return _c('div',{key:reward_index,staticStyle:{\"margin\":\"16px 30px\",\"background-color\":\"#fff\",\"position\":\"relative\",\"border-radius\":\"12px\"},on:{\"click\":function($event){return _vm.r('/reward-condition', { priv_id: reward.priv_id })}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('img',{staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\",\"border-top-left-radius\":\"12px\",\"border-bottom-right-radius\":\"12px\"},attrs:{\"src\":reward.image}})]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"fs-20 fw-600 red mt-16 ml-16\"},[_vm._v(\" \"+_vm._s(reward.brand)+\" \")])])]),_c('div',[_c('div',{staticStyle:{\"justify-content\":\"space-between\",\"display\":\"flex\"}},[_c('label',{staticClass:\"title fs-20\"},[_vm._v(\" \"+_vm._s(reward.title)+\" \")])]),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin\":\"0\",\"margin-top\":\"8px\",\"padding-bottom\":\"16px\"}},[_c('div',{staticClass:\"text-left mb-16px\"},[_c('label',{staticClass:\"description\"},[_vm._v(\" ระยะเวลาการใช้คูปอง \"+_vm._s(_vm.toMoment(reward.start_date))+\"-\"+_vm._s(_vm.toMoment(reward.end_date))+\" \")])]),_c('a-button',{staticClass:\"text-center cancel-btn ant-button-label-custom w-104 fs-16 mr-16px\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.r('/reward-condition', { priv_id: reward.priv_id })}}},[_c('strong',[_vm._v(\"เงื่อนไข\")])]),(reward.display_button)?_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-104 fs-16\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.useReward($event, reward)}}},[_c('strong',[_vm._v(\"กดใช้คูปอง\")])]):_vm._e()],1)])])}),0):_c('div',_vm._l((_vm.rewards_2d),function(col,rowIndex){return _c('div',{key:'row_' + rowIndex,staticClass:\"row\",staticStyle:{\"padding\":\"0 32px 8px 32px\"},style:({ 'padding-top': rowIndex > 0 ? '0' : '8px' })},_vm._l((col),function(reward,rewardIndex){return _c('div',{key:'col_' + rewardIndex,staticClass:\"col-4\",on:{\"click\":function($event){return _vm.r('/reward-condition', { priv_id: reward.priv_id })}}},[_c('center',[_c('img',{staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"},attrs:{\"src\":reward.image}})]),_c('img',{staticStyle:{\"width\":\"25%\",\"margin\":\"0 auto\",\"position\":\"absolute\",\"top\":\"8px\",\"right\":\"16px\"},attrs:{\"src\":reward.logo}}),_c('div',{staticStyle:{\"background-color\":\"#fff\",\"position\":\"relative\",\"width\":\"100%\",\"margin-top\":\"8px\",\"min-height\":\"200px\"}},[_c('div',{staticStyle:{\"justify-content\":\"space-between\",\"display\":\"flex\"}},[_c('label',{staticClass:\"title fs-20\"},[_vm._v(\" \"+_vm._s(reward.title)+\" \")])]),_c('div',{staticStyle:{\"justify-content\":\"space-between\",\"display\":\"flex\"}},[_c('div',[_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(reward.plivilege)}})]),(reward.button_favorite)?_c('img',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"margin\":\"0\",\"margin-right\":\"10px\"},attrs:{\"src\":require(\"../../../public/resources/images/icon-star.png\")},on:{\"click\":function($event){return _vm.toggleFavorite($event, reward)}}}):_vm._e(),(!reward.button_favorite)?_c('img',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"margin\":\"0\",\"margin-right\":\"10px\"},attrs:{\"src\":require(\"../../../public/resources/images/icon-star-select.png\")},on:{\"click\":function($event){return _vm.toggleFavorite($event, reward)}}}):_vm._e()]),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin\":\"0\",\"margin-top\":\"8px\",\"padding-bottom\":\"16px\"}},[_c('div',{staticClass:\"text-left\"},[_c('label',{staticClass:\"description\"},[_vm._v(\" ระยะเวลาการใช้คูปอง \"+_vm._s(_vm.toMoment(reward.start_date))+\"-\"+_vm._s(_vm.toMoment(reward.end_date))+\" \")])]),_c('div',[_c('label',{staticClass:\"รายละเอียดและเงื่อนไข\"},[_vm._v(\" รายละเอียดและเงื่อนไข \")])]),(reward.display_button)?_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom w-104 fs-16\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.useReward($event, reward)}}},[_c('strong',[_vm._v(\"กดใช้คูปอง\")])]):_vm._e()],1)])],1)}),0)}),0)])]:_c('div',{staticClass:\"text-center\",staticStyle:{\"display\":\"flex\",\"height\":\"100vh\",\"justify-content\":\"center\",\"padding-bottom\":\"120px\"}},[_vm._m(0)]),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section-space\"}):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section\"},[_vm._v(\"© Copyright SCG Debenture Club. All Rights Reserved.\")]):_vm._e(),(_vm.getting_data)?_c('div',{staticClass:\"กำลังโหลดข้อมูลเพิ่ม\"},[_vm._v(\"กำลังโหลดข้อมูลเพิ่ม\")]):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin\":\"auto 0\",\"position\":\"relative\",\"padding\":\"16px\",\"border-radius\":\"1rem\"}},[_c('label',{staticClass:\"data-not-found-label\"},[_vm._v(\" ยังไม่มีรายการ Reward ในขณะนี้ \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <!-- <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\"> -->\r\n        <navbar active_screen=\"reward\" />\r\n        <template v-if=\"ine(rewards)\">\r\n            <v-infinite-scroll :loading=\"getting_data\" @bottom=\"nextPage\" @top=\"prevPage\" style=\"overflow-y: scroll; overflow-x: hidden\">\r\n                <div v-if=\"$device == 'mobile'\">\r\n                    <div style=\"margin: 16px 30px; background-color: #fff; position: relative; border-radius: 12px\" v-for=\"(reward, reward_index) in rewards\" :key=\"reward_index\" @click=\"r('/reward-condition', { priv_id: reward.priv_id })\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-6\">\r\n                                <img :src=\"reward.image\" style=\"width: 100%; margin: 0 auto; border-top-left-radius: 12px; border-bottom-right-radius: 12px\" />\r\n                            </div>\r\n                            <div class=\"col-6\">\r\n                                <div class=\"fs-20 fw-600 red mt-16 ml-16\">\r\n                                    {{ reward.brand }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <div style=\"justify-content: space-between; display: flex\">\r\n                                <label class=\"title fs-20\">\r\n                                    {{ reward.title }}\r\n                                </label>\r\n                            </div>\r\n                            <!-- <div style=\"justify-content: space-between; display: flex\">\r\n                                    <div>\r\n                                        <label class=\"description\" v-html=\"reward.plivilege\"> </label>\r\n                                    </div>\r\n                                    <img @click=\"toggleFavorite($event, reward)\" v-if=\"reward.button_favorite\" src=\"../../../public/resources/images/icon-star.png\" style=\"width: 20px; height: 20px; margin: 0; margin-right: 10px\" />\r\n                                    <img @click=\"toggleFavorite($event, reward)\" v-if=\"!reward.button_favorite\" src=\"../../../public/resources/images/icon-star-select.png\" style=\"width: 20px; height: 20px; margin: 0; margin-right: 10px\" />\r\n                                </div> -->\r\n                            <div class=\"text-center\" style=\"margin: 0; margin-top: 8px; padding-bottom: 16px\">\r\n                                <div class=\"text-left mb-16px\">\r\n                                    <label class=\"description\">\r\n                                        ระยะเวลาการใช้คูปอง\r\n                                        {{ toMoment(reward.start_date) }}-{{ toMoment(reward.end_date) }}\r\n                                    </label>\r\n                                </div>\r\n                                <a-button size=\"large\" class=\"text-center cancel-btn ant-button-label-custom w-104 fs-16 mr-16px\" @click=\"r('/reward-condition', { priv_id: reward.priv_id })\">\r\n                                    <strong>เงื่อนไข</strong>\r\n                                </a-button>\r\n                                <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-104 fs-16\" v-if=\"reward.display_button\" @click=\"useReward($event, reward)\">\r\n                                    <strong>กดใช้คูปอง</strong>\r\n                                </a-button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\" style=\"padding: 0 32px 8px 32px\" :style=\"{ 'padding-top': rowIndex > 0 ? '0' : '8px' }\" v-for=\"(col, rowIndex) in rewards_2d\" :key=\"'row_' + rowIndex\">\r\n                        <div class=\"col-4\" v-for=\"(reward, rewardIndex) in col\" :key=\"'col_' + rewardIndex\" @click=\"r('/reward-condition', { priv_id: reward.priv_id })\">\r\n                            <center>\r\n                                <img :src=\"reward.image\" style=\"width: 100%; margin: 0 auto\" />\r\n                            </center>\r\n                            <img :src=\"reward.logo\" style=\"width: 25%; margin: 0 auto; position: absolute; top: 8px; right: 16px\" />\r\n                            <div style=\"background-color: #fff; position: relative; width: 100%; margin-top: 8px; min-height: 200px\">\r\n                                <div style=\"justify-content: space-between; display: flex\">\r\n                                    <label class=\"title fs-20\">\r\n                                        {{ reward.title }}\r\n                                    </label>\r\n                                </div>\r\n                                <div style=\"justify-content: space-between; display: flex\">\r\n                                    <div>\r\n                                        <label class=\"description\" v-html=\"reward.plivilege\"> </label>\r\n                                    </div>\r\n                                    <img @click=\"toggleFavorite($event, reward)\" v-if=\"reward.button_favorite\" src=\"../../../public/resources/images/icon-star.png\" style=\"width: 20px; height: 20px; margin: 0; margin-right: 10px\" />\r\n                                    <img @click=\"toggleFavorite($event, reward)\" v-if=\"!reward.button_favorite\" src=\"../../../public/resources/images/icon-star-select.png\" style=\"width: 20px; height: 20px; margin: 0; margin-right: 10px\" />\r\n                                </div>\r\n                                <div class=\"text-center\" style=\"margin: 0; margin-top: 8px; padding-bottom: 16px\">\r\n                                    <div class=\"text-left\">\r\n                                        <label class=\"description\">\r\n                                            ระยะเวลาการใช้คูปอง\r\n                                            {{ toMoment(reward.start_date) }}-{{ toMoment(reward.end_date) }}\r\n                                        </label>\r\n                                    </div>\r\n                                    <div>\r\n                                        <label class=\"รายละเอียดและเงื่อนไข\"> รายละเอียดและเงื่อนไข </label>\r\n                                    </div>\r\n                                    <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom w-104 fs-16\" v-if=\"reward.display_button\" @click=\"useReward($event, reward)\">\r\n                                        <strong>กดใช้คูปอง</strong>\r\n                                    </a-button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </v-infinite-scroll>\r\n        </template>\r\n        <div v-else class=\"text-center\" style=\"display: flex; height: 100vh; justify-content: center; padding-bottom: 120px\">\r\n            <div style=\"margin: auto 0; position: relative; padding: 16px; border-radius: 1rem\">\r\n                <label class=\"data-not-found-label\"> ยังไม่มีรายการ Reward ในขณะนี้ </label>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section-space\"></div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section\">© Copyright SCG Debenture Club. All Rights Reserved.</div>\r\n        <!-- </a-spin> -->\r\n        <div class=\"กำลังโหลดข้อมูลเพิ่ม\" v-if=\"getting_data\">กำลังโหลดข้อมูลเพิ่ม</div>\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\nexport default {\r\n    components: {\r\n        navbar,\r\n    },\r\n    data: function () {\r\n        return {\r\n            rewards: [],\r\n            rewards_2d: [],\r\n            getting_data: true,\r\n            current_page: 1,\r\n            last_page: 0,\r\n        };\r\n    },\r\n    mounted() {\r\n        console.log('[src\\\\views\\\\reward\\\\index.vue]');\r\n        console.log('$mode -->', this.$mode);\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        nextPage() {\r\n            if (this.current_page < this.last_page) {\r\n                ++this.current_page;\r\n                this.getReward(() => (this.getting_data = false));\r\n            }\r\n        },\r\n        prevPage() {\r\n            console.log();\r\n            if (this.current_page > 1) {\r\n                --this.current_page;\r\n                this.getReward(() => (this.getting_data = false));\r\n            }\r\n        },\r\n        _mounted: function () {\r\n            this.getReward(() => (this.getting_data = false));\r\n        },\r\n        getReward: function (callback = null, current_page = null) {\r\n            if (typeof current_page != 'number') current_page = this.current_page;\r\n            this.getting_data = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/reward/index',\r\n                    data: {\r\n                        page: current_page,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res) {\r\n                            this.last_page = res.last_page;\r\n                            // this.rewards = res.data;\r\n                            if (_.isArray(res.data)) {\r\n                                res.data = _.filter(res.data, (v, k) => (v.row_number = (current_page > 1 ? 20 * (current_page - 1) : 0) + k + 1));\r\n                            }\r\n                            res.data.forEach((v, k) => {\r\n                                var check_dup = this.rewards.filter((v1) => v1.row_number == v.row_number);\r\n                                if (check_dup.length == 0) {\r\n                                    this.rewards.push(v);\r\n                                } else {\r\n                                    this.rewards = res.data;\r\n                                }\r\n                            });\r\n                            console.log(' this.rewards', this.rewards);\r\n                            if (_.isEmpty(this.rewards) && this.$mode != 'production') {\r\n                                for (let i = 0; i < 18; i++) {\r\n                                    this.rewards.push({\r\n                                        id: i + 1,\r\n                                        image: 'https://via.placeholder.com/720x480.png?text=Sample',\r\n                                        logo: 'https://via.placeholder.com/720x480.png?text=Sample',\r\n                                        title: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.',\r\n                                        plivilege:\r\n                                            'But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure? On the other hand, we denounc',\r\n                                        start_date: null,\r\n                                        end_date: null,\r\n                                        display_button: true,\r\n                                    });\r\n                                }\r\n                            }\r\n                            this.rewards_2d = this.atg(this.rewards, 3);\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        useReward(e, reward) {\r\n            event.stopPropagation();\r\n            this.r('/use-reward', { reward });\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            const str = this.mtby(moment.unix(date_unix), 'll');\r\n            const str1 = str.substring(0, str.length - 4);\r\n            const str2 = str.substring(str.length - 2, str.length);\r\n            return str1 + str2;\r\n        },\r\n        r(path = 'home', query = {}) {\r\n            this.$router.replace({ path, query });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.title {\r\n    font-weight: 600;\r\n    margin: 8px 0 0 16px;\r\n    /* display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; */\r\n}\r\n.description {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 0 0 16px;\r\n    color: #000 !important;\r\n    /* display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; */\r\n}\r\n.รายละเอียดและเงื่อนไข {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    vertical-align: top;\r\n    margin: 0;\r\n    text-decoration: underline;\r\n}\r\n@media (max-device-width: 413px) {\r\n    .description {\r\n        font-size: 15px;\r\n    }\r\n    .รายละเอียดและเงื่อนไข {\r\n        font-size: 13px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) {\r\n    .description {\r\n        font-size: 13px;\r\n    }\r\n    .รายละเอียดและเงื่อนไข {\r\n        font-size: 11px;\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=2b039fea&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=2b039fea&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  \"2b039fea\",\n  null\n  \n)\n\nexport default component.exports","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","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=2b039fea&scoped=true&lang=css&\""],"sourceRoot":""}