{"version":3,"sources":["webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?e4b9","webpack:///./src/views/giftcode/Received.vue","webpack:///src/views/giftcode/Received.vue","webpack:///./src/views/giftcode/Received.vue?5a00","webpack:///./src/views/giftcode/Received.vue?190b","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?d21c","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?4f1e","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?9b49","webpack:///./src/assets/images/icon/ticket.svg","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/ReceivedGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue?ab7a","webpack:///./src/components/panels/giftcode/ReceivedGiftCodesPanel.vue?647a","webpack:///./node_modules/core-js/internals/not-a-nan.js","webpack:///./node_modules/core-js/modules/es.iterator.take.js","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?a6bb","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?5788","webpack:///./node_modules/core-js/internals/to-positive-integer.js"],"names":["render","_vm","this","_c","_self","staticClass","staticRenderFns","name","components","ReceivedGiftCodesPanel","component","_l","items","item","index","key","attrs","on","$event","$showGiftCodeDetail","id","imageUrl","getUrl","_v","_s","$toDateTimeString","startDate","endDate","$t","totalReceived","props","module","exports","staticStyle","generalCodes","length","_e","eventCodes","loading","GeneralGiftCodesPanel","EventGiftCodesPanel","data","take","skip","ended","response","giftcodeService","getReceivedCodes","idGame","takeEvents","dialogHelper","alert","error","message","codes","forEach","code","type","game","iconUrl","totalCodes","mounted","$bridge","$on","loadData","beforeDestroy","$off","methods","getReceivedEventCodes","$RangeError","RangeError","it","$","call","anObject","getIteratorDirect","notANaN","toPositiveInteger","createIteratorProxy","iteratorClose","IS_PURE","IteratorProxy","iterator","remaining","done","undefined","result","next","value","target","proto","real","forced","limit","require","$useGiftCode","SlickSlider","toIntegerOrInfinity"],"mappings":"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","file":"js/chunk-531d2b21.4f0c312a.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-received-giftcodes\"},[_c('ReceivedGiftCodesPanel')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-received-giftcodes\">\n    <ReceivedGiftCodesPanel />\n  </div>\n</template>\n\n<script>\nimport ReceivedGiftCodesPanel from \"@/components/panels/giftcode/ReceivedGiftCodesPanel\";\nexport default {\n  name: \"Received\",\n  components: {ReceivedGiftCodesPanel},\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Received.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Received.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Received.vue?vue&type=template&id=4c5b8f90\"\nimport script from \"./Received.vue?vue&type=script&lang=js\"\nexport * from \"./Received.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"event-giftcodes-panel\"},[_c('b-row',_vm._l((_vm.items),function(item,index){return _c('b-col',{key:index,attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"gc-item d-flex align-items-center\",on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_c('img',{staticClass:\"gc-icon\",attrs:{\"src\":item.imageUrl.getUrl()}}),_c('div',{staticClass:\"gc-info\"},[_c('div',{staticClass:\"gc-title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"gc-time\"},[_vm._v(_vm._s(_vm.$toDateTimeString(item.startDate))+\" - \"+_vm._s(_vm.$toDateTimeString(item.endDate)))]),_c('div',{staticClass:\"gc-total-received\"},[_c('b-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"person\"}}),_vm._v(_vm._s(_vm.$t(\"{0} received\", [item.totalReceived])))],1)])])])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"event-giftcodes-panel\">\n    <b-row>\n      <b-col sm=\"6\" v-for=\"(item, index) in items\" :key=\"index\">\n        <div class=\"gc-item d-flex align-items-center\" @click=\"$showGiftCodeDetail(item.id)\">\n          <img :src=\"item.imageUrl.getUrl()\" class=\"gc-icon\" />\n          <div class=\"gc-info\">\n            <div class=\"gc-title\">{{item.name}}</div>\n            <div class=\"gc-time\">{{$toDateTimeString(item.startDate)}} - {{$toDateTimeString(item.endDate)}}</div>\n            <div class=\"gc-total-received\"><b-icon icon=\"person\" class=\"mr-1\"/>{{$t(\"{0} received\", [item.totalReceived])}}</div>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"EventGiftCodesPanel\",\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .event-giftcodes-panel {\n    padding: 15px 0;\n    \n    .gc-item {\n      padding: 10px;\n      background-color: #f7f7f7;\n      border-radius: 10px;\n      margin-bottom: 15px;\n      \n      &:hover {\n        cursor: pointer;\n      }\n      \n      .gc-info {\n        border-left: 1px dashed #bbb;\n        padding-left: 15px;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        position: relative;\n        \n        &::before {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute; \n          top: -20px;\n          left: -10px;\n        }\n\n        &::after {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute;\n          bottom: -20px;\n          left: -10px;\n        }\n        \n        .gc-title {\n          font-weight: 700;\n          font-size: 15px;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          -webkit-line-clamp: 2;\n        }\n\n        .gc-time, .gc-total-received {\n          color: #767676;\n          font-size: 13px;\n        }\n      }\n      \n      .gc-icon {\n        height: 50px;\n        width: 50px;\n        object-fit: contain;\n        margin-right: 15px;\n      }\n      \n      \n    }\n  }\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventGiftCodesPanel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventGiftCodesPanel.vue?vue&type=template&id=d9091e82&scoped=true\"\nimport script from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&prod&scoped=true&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  \"d9091e82\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ticket.78e06a00.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-received-giftcodes\"},[_c('b-row',{staticStyle:{\"margin-top\":\"-15px\"}},[(_vm.generalCodes && _vm.generalCodes.length)?_c('GeneralGiftCodesPanel',{attrs:{\"items\":_vm.generalCodes}}):_vm._e()],1),(_vm.eventCodes && _vm.eventCodes.length)?_c('EventGiftCodesPanel',{attrs:{\"items\":_vm.eventCodes}}):_vm._e(),(_vm.loading)?_c('LoadingPanel'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-received-giftcodes\">\n    <b-row style=\"margin-top: -15px\">\n      <GeneralGiftCodesPanel v-if=\"generalCodes && generalCodes.length\" :items=\"generalCodes\"/>\n    </b-row>\n\n    <EventGiftCodesPanel v-if=\"eventCodes && eventCodes.length\" :items=\"eventCodes\"/>\n    <LoadingPanel v-if=\"loading\"/>\n  </div>\n</template>\n\n<script>\nimport GeneralGiftCodesPanel from \"@/components/panels/giftcode/GeneralGiftCodesPanel\";\nimport EventGiftCodesPanel from \"@/components/panels/giftcode/EventGiftCodesPanel\";\nimport giftcodeService from \"@/services/giftcodeService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"ReceivedGiftCodesPanel\",\n  components: {GeneralGiftCodesPanel, EventGiftCodesPanel},\n  props: [\"idGame\"],\n  data() {\n    return {\n      loading: false,\n      generalCodes: [],\n      eventCodes: [],\n      take: 20,\n      skip: 0,\n      ended: false\n    }\n  },\n  async created() {\n    this.loading = true;\n    const response = await giftcodeService.getReceivedCodes({\n      idGame: this.idGame || 0,\n      takeEvents: this.take\n    });\n    this.loading = false;\n    if (!response)\n    {\n      await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n      return;\n    }\n\n    if (response.error) {\n      await dialogHelper.alert(response.message);\n      return;\n    }\n\n    let codes = response.data;\n    this.generalCodes = codes.generalCodes;\n    codes = codes.eventCodes;\n    codes.forEach(code => code.imageUrl = this.idGame && this.idGame > 1 ? code.type.imageUrl : code.game.iconUrl);\n    const totalCodes = codes.length;\n    this.eventCodes = codes;\n    this.skip = totalCodes;\n    this.ended = this.take > totalCodes;\n  },\n  mounted() {\n    this.$bridge.$on(\"scrollToBottom\", this.loadData);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"scrollToBottom\", this.loadData);\n  },\n  methods: {\n    async loadData() {\n      if (this.loading || this.ended)\n        return;\n\n      this.loading = true;\n      const response = await giftcodeService.getReceivedEventCodes({\n        idGame: this.idGame || 0,\n        take: this.take,\n        skip: this.skip\n      });\n      this.loading = false;\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      let codes = response.data;\n      codes.forEach(code => code.imageUrl = this.idGame && this.idGame > 1 ? code.type.imageUrl : code.game.iconUrl);\n      const totalCodes = codes.length;\n      this.eventCodes = [...this.eventCodes, ...codes];\n      this.skip += totalCodes;\n      this.ended = this.take > totalCodes;\n    }\n  }\n}\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReceivedGiftCodesPanel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReceivedGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReceivedGiftCodesPanel.vue?vue&type=template&id=572b1784\"\nimport script from \"./ReceivedGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./ReceivedGiftCodesPanel.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","'use strict';\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  if (it === it) return it;\n  throw new $RangeError('NaN is not allowed');\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\nvar notANaN = require('../internals/not-a-nan');\nvar toPositiveInteger = require('../internals/to-positive-integer');\nvar createIteratorProxy = require('../internals/iterator-create-proxy');\nvar iteratorClose = require('../internals/iterator-close');\nvar IS_PURE = require('../internals/is-pure');\n\nvar IteratorProxy = createIteratorProxy(function () {\n  var iterator = this.iterator;\n  if (!this.remaining--) {\n    this.done = true;\n    return iteratorClose(iterator, 'normal', undefined);\n  }\n  var result = anObject(call(this.next, iterator));\n  var done = this.done = !!result.done;\n  if (!done) return result.value;\n});\n\n// `Iterator.prototype.take` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.take\n$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {\n  take: function take(limit) {\n    anObject(this);\n    var remaining = toPositiveInteger(notANaN(+limit));\n    return new IteratorProxy(getIteratorDirect(this), {\n      remaining: remaining\n    });\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"common-giftcodes-panel w-100\"},[_c('div',{staticClass:\"panel-heading d-flex align-items-center\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/images/icon/ticket.svg\")}}),_vm._v(\" \"),_c('h4',[_vm._v(_vm._s(_vm.$t(\"General giftcodes\")))])]),_c('div',{staticClass:\"panel-body\"},[_c('div',{staticClass:\"gift-codes row\"},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,staticClass:\"cols col-sm-6 col-md-4\"},[_c('div',{staticClass:\"code-item text-center\"},[_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"code\"},[_vm._v(_vm._s(item.code))])]),_c('div',{staticClass:\"buttons d-flex justify-content-between\"},[_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"View\"))+\" \")]),_c('div',{staticClass:\"mr-2\"}),_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$useGiftCode(item)}}},[_vm._v(_vm._s(_vm.$t(\"Use\"))+\" \")])],1)])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"common-giftcodes-panel w-100\">\n    <div class=\"panel-heading d-flex align-items-center\">\n      <img src=\"../../../assets/images/icon/ticket.svg\"/> <h4>{{ $t(\"General giftcodes\") }}</h4>\n    </div>\n    <div class=\"panel-body\">\n      <div class=\"gift-codes row\">\n        <div v-for=\"(item, index) in items\" :key=\"index\" class=\"cols col-sm-6 col-md-4\">\n          <div class=\"code-item text-center\">\n            <div class=\"title-container\">\n              <div class=\"title\">{{ item.name }}</div>\n              <div class=\"code\">{{ item.code }}</div>\n            </div>\n            <div class=\"buttons d-flex justify-content-between\">\n              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(item.id)\">\n                {{ $t(\"View\") }}\n              </b-button>\n              <div class=\"mr-2\"></div>\n              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(item)\">{{ $t(\"Use\") }}\n              </b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!--      <SlickSlider :items=\"items\" :arrows=\"false\" :dots=\"false\" :autoplay=\"true\" :autoplay-speed=\"10000\" :responsive=\"[{breakpoint: 500, settings: {slidesToShow: 2}}]\"-->\n      <!--                   :slides-to-show=\"3\" :center-mode=\"true\" center-padding=\"0\">-->\n      <!--        <template v-slot:item=\"slotProps\">-->\n      <!--          <div class=\"code-item text-center\">-->\n      <!--            <div class=\"title-container\">-->\n      <!--              <div class=\"title\">{{ slotProps.item.name }}</div>-->\n      <!--              <div class=\"code\">{{ slotProps.item.code }}</div>-->\n      <!--            </div>-->\n      <!--            <div class=\"buttons d-flex justify-content-between\">-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(slotProps.item.id)\">-->\n      <!--                {{ $t(\"View\") }}-->\n      <!--              </b-button>-->\n      <!--              <div class=\"mr-2\"></div>-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(slotProps.item)\">{{ $t(\"Use\") }}-->\n      <!--              </b-button>-->\n      <!--            </div>-->\n      <!--          </div>-->\n      <!--        </template>-->\n      <!--      </SlickSlider>-->\n    </div>\n  </div>\n</template>\n\n<script>\nimport SlickSlider from \"@/components/sliders/SlickSlider\";\nexport default {\n  name: \"GeneralGiftCodesPanel\",\n  components: {SlickSlider},\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n.common-giftcodes-panel {\n  background-color: #f0f6ff;\n  .panel-heading {\n    padding: 10px 15px;\n    border-bottom: 1px solid #ded8d1;\n    img {\n      margin-right: 10px;\n    }\n    h4 {\n      color: #6F6F6F;\n      margin: 0;\n      font-weight: 700;\n      font-size: 20px;\n    }\n  }\n  .panel-body {\n    padding: 10px 10px;\n    .slide-item, .gift-codes {\n      padding: 0 !important;\n      .code-item {\n        margin: 0;\n        padding: 10px;\n        border-radius: 8px;\n        background-color: #fff;\n        border: 1px dashed #d1d1d6;\n        .title-container {\n          display: block;\n          min-height: 60px;\n          .title {\n            font-size: 13.5px;\n            color: #7e7e7e;\n            margin-bottom: 2px;\n            display: -webkit-box;\n            width: 100%;\n            -webkit-box-orient: vertical;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            -webkit-line-clamp: 2;\n          }\n          .code {\n            font-weight: 600;\n            font-size: 13.5px;\n            color: #1a1a1a;\n          }\n        }\n        .buttons {\n          padding-top: 5px;\n          button {\n            flex: 1;\n            font-size: 13.5px;\n            padding-top: 8px;\n            padding-bottom: 5px;\n            &.btn-outline-primary {\n              background-color: #fff7ec;\n              border: 1px solid #ff9500;\n              color: #ff9500;\n            }\n\n            &.btn-primary {\n              border: 1px solid #ff9500;\n              background: #ff9500;\n            }\n          }\n        }\n      }\n    }\n    .gift-codes {\n      .code-item {\n        margin-bottom: 10px;\n      }\n      &.row {\n        margin-left: -5px;\n        margin-right: -5px;\n        .cols {\n          padding: 0 5px;\n        }\n      }\n    }\n  }\n}\n@media all and (max-width: 576px) {\n  .code-item {\n    .title-container{\n      min-height: auto !important;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GeneralGiftCodesPanel.vue?vue&type=template&id=912c9258&scoped=true\"\nimport script from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&prod&scoped=true&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  \"912c9258\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\n\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  var result = toIntegerOrInfinity(it);\n  if (result < 0) throw new $RangeError(\"The argument can't be less than 0\");\n  return result;\n};\n"],"sourceRoot":""}