{"version":3,"sources":["webpack:///./src/assets/images/ico/TopUp/creditCard.png","webpack:///./src/assets/images/ico/TopUp/checkSign.png","webpack:///./src/views/ProductList.vue?1dd3","webpack:///./src/views/ProductList.vue?939a","webpack:///src/views/ProductList.vue","webpack:///./src/views/ProductList.vue?a8ac","webpack:///./src/views/ProductList.vue","webpack:///./src/assets/images/ico/TopUp/dollarSign.png","webpack:///./src/assets/images/ico/TopUp/checkOut.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","staticStyle","attrs","domProps","on","$event","target","composing","UserID","TimeStamp","Signed","loading","_l","item","key","Price","ChooseProductItem","_v","_s","style","backgroundImage","dollarSign","checkSign","_m","ProductItem","CreditCard","class","checkOutBtnType","CheckOut","BuyButtonClick","_e","staticRenderFns","window","location","href","data","fontSizeType","IsBuy","ProductList","watch","GetProductList","methods","component"],"mappings":"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","file":"js/chunk-47aa7a47.1699258740020.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/creditCard.8d04c2a9.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIVGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAzLTE2VDE0OjI0OjA5KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTE2VDE0OjI4OjMwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0xNlQxNDoyODozMCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOGIyZGRiYy05MmUwLWVmNDktOThkMC05ZGE5NmNmYzU2ZWYiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphZTFhMmUzNC05NWZmLTc4NDItYjc4Zi0xMmFlODNmYTkwOGQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyN2Y5MmE4OC0zY2Q2LWE3NGEtYmUyMC1iODIyOWEwMmM2NDciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3ZjkyYTg4LTNjZDYtYTc0YS1iZTIwLWI4MjI5YTAyYzY0NyIgc3RFdnQ6d2hlbj0iMjAyMC0wMy0xNlQxNDoyNDowOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0YWE2ZTExNC0zZDEwLTIwNGYtYTcyNy0xMTIyYjM5OWU2YWEiIHN0RXZ0OndoZW49IjIwMjAtMDMtMTZUMTQ6MjQ6MDkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjhiMmRkYmMtOTJlMC1lZjQ5LTk4ZDAtOWRhOTZjZmM1NmVmIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE2VDE0OjI4OjMwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPkIxRkVENjJGMkEyMUI2MThDMUU1RTBERTcxQjY2REYyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYyMjAxYjEyLWRjOGEtZjA0Ny05MWNhLTVjYWFjZGUyYTU0YzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YTQxOTEyNjItZTM4Mi02ODRkLWE1NDUtOWU5MzE2YTM0MjNiPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpiMmEyZDEyMC1mNzhjLTViNGQtOTc2Ni0zZTlkNDE1MzIwZjU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmM3NDI0ODVmLWQzYjAtODc0Zi1iOWU4LWI2NTYxMzJkMzNhNjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjD94W4AAAKzSURBVEjHxZZdSFRhEIbnPatuGtnPJv4hUV54UUZBhaIgEigmGkqJIiSlIFkYkkkRkphshBB6kRRFGIUV0qKgUmERJVTURUVEBEVIYGQ/kFFBF2/fnFV3RTeX3KWLYWHP4XvOzPvOzCckJdwR0sPgLLc0wgYB8gSpHcSaToYPknBsF7L6aEfc4ZyQQxBbF4/sPsqRN5SDr7ygxdXRIYPAWWFh0xVKzVOK5xul5ytR+ZjY2ENElWHBEDiKBKtPjaPkPuXsR8qdX944/YEoukskth5YOCS5zY2tNynt732AS1+I8ofEhstE5M65M4GjWOBqypgXsKIxHVkeSvNbyvBPL6D/O6XBaJLpIWKqogJqgvjmUmT1E8vqUwMCoqsikdFLqX/pPXgqCwO0RXc1ZQZ0l3FJnL4kdS+IbAOKrVs5CxBZKlh/kSh7QOn+7AN0jBH5w0TKyasB+0SdoI6wXXLduKTmGbH5GrGo0jH9jlUgWNX+BAW3KZ1jfjoYR1U8ItZ1ExElc48VRGwXrL1AFN+jdE265PwnonSESOuiHu5tuNZ9yBmguEd9AC2XZq5liqlyBpxdpiyJyBmktLyjDP3wHdA2Sv3fdPMeLN2fZJdShb4x+Y7+qg5a2uUNqX8dkHYZkt1uG9Tm95UKNF2s9UfeLUrtc0rfhO/5CfMRuUM0Vj4e1BSGlS9IaR9U8VTE6YM0PBN2+WYAtJw7RnQg/oa1LfhRb2uT3m13q3btDJB/KMxkhS29M4wR9D7RLrW71bhFXTMLMKWDCr20PumflxZidju1a6V60s7+ELfqMKBz6dCCNyOW7HXZbvIX+9w4dRgi7Qzn0yHofTJt28bX3oxMZjrW4ay0QrrjzZbL01mmIB2IpqdcYblIIKGlFrmmKeOOFoTttgJHoU7nMliF//9KFCj+AJfgS1NruasLAAAAAElFTkSuQmCC\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=d63ab56a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=d63ab56a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.UserID),expression:\"UserID\"}],staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"UserID_Input\"},domProps:{\"value\":(_vm.UserID)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.UserID=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.TimeStamp),expression:\"TimeStamp\"}],staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"TimeStamp_Input\"},domProps:{\"value\":(_vm.TimeStamp)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.TimeStamp=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.Signed),expression:\"Signed\"}],staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"Signed_Input\"},domProps:{\"value\":(_vm.Signed)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.Signed=$event.target.value}}}),_c('Loading',{staticClass:\"m-auto\",attrs:{\"active\":_vm.loading},on:{\"update:active\":function($event){_vm.loading=$event}}}),_c('div',{staticClass:\"confirm-area mt-5\"},[_c('div',{staticClass:\"price-list-container\"},[_c('div',{staticClass:\"price-list\"},_vm._l((_vm.ProductList),function(item){return _c('div',{key:item.Price,staticClass:\"price-item\",on:{\"click\":function($event){return _vm.ChooseProductItem(item)}}},[_vm._v(_vm._s(item.Price)+\" \"),_c('div',{staticClass:\"dollar-sign\",style:({ backgroundImage: (\"url(\" + _vm.dollarSign + \")\") })}),_c('a',{staticClass:\"text-light\"}),_c('div',{style:({ backgroundImage: (\"url(\" + _vm.checkSign + \")\") })})])}),0)])]),(_vm.IsBuy)?_c('div',{staticClass:\"confirm-area mt-5\"},[_vm._m(0),_c('div',{staticClass:\"confirm-content\"},[_c('div',[_c('div',{staticClass:\"price-item\"},[_vm._v(\" \"+_vm._s(_vm.ProductItem.Price)+\" \"),_c('div',{staticClass:\"dollar-sign\",style:({ backgroundImage: (\"url(\" + _vm.dollarSign + \")\") })}),_c('a',{staticClass:\"text-light\"})])]),_c('span',{staticClass:\"font-weight-bold font-size\"},[_vm._v(\"使用\")]),_c('button',{staticClass:\"btn btn-light mx-1 bg-btn clear-pointer\",style:({ backgroundImage: (\"url(\" + _vm.CreditCard + \")\") }),attrs:{\"type\":\"button\"}}),_c('span',{staticClass:\"font-weight-bold font-size\"},[_vm._v(\"通路結帳\")])]),_c('div',{staticClass:\"confirm-footer mt-5\"},[_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('span',{staticClass:\"font-weight-bold font-size\"},[_vm._v(\"結帳金額:\")]),_c('span',{staticClass:\"ml-2 text-danger font-weight-bold font-size\"},[_vm._v(_vm._s(_vm.ProductItem.Price))]),_c('button',{staticClass:\"btn btn-light ml-3 bg-btn\",class:_vm.checkOutBtnType,style:({ backgroundImage: (\"url(\" + _vm.CheckOut + \")\") }),attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.BuyButtonClick()}}})])])]):_vm._e(),_c('form',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"form1\",\"runat\":\"server\",\"method\":\"post\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"confirm-title row justify-content-center\"},[_c('div',{staticClass:\"d-none d-md-block\"},[_c('h4',{staticClass:\"font-weight-bold\"},[_vm._v(\"確認購買內容\")])]),_c('div',{staticClass:\"d-md-none\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\"確認購買內容\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n\r\n    <!--測試用 之後要刪掉\r\n    <button id=\"test\">測試存參數</button>\r\n    <button @click=\"Submit\" >送出</button>\r\n    -->\r\n\r\n    <!--使用者資料暫存-->\r\n    <input id=\"UserID_Input\" v-model=\"UserID\" style=\"display: none\">\r\n    <input id=\"TimeStamp_Input\" v-model=\"TimeStamp\" style=\"display: none\">\r\n    <input id=\"Signed_Input\" v-model=\"Signed\" style=\"display: none\">\r\n\r\n    <Loading class=\"m-auto\" :active.sync=\"loading\" ></Loading>\r\n      <!--商品清單-->\r\n      <div class=\"confirm-area mt-5\">\r\n        <div class=\"price-list-container\">\r\n          <div class=\"price-list\">\r\n\r\n        <div\r\n          v-for=\"item in ProductList\"\r\n          :key=\"item.Price\"\r\n          class=\"price-item\"\r\n          @click=\"ChooseProductItem(item)\"\r\n        >{{ item.Price }}\r\n          <div class=\"dollar-sign\" :style=\"{ backgroundImage: `url(${dollarSign})` }\"></div>\r\n          <a class=\"text-light\"></a>\r\n          <div\r\n            :style=\"{ backgroundImage: `url(${checkSign})` }\"\r\n          ></div>\r\n        </div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!--選定的購買項目-->\r\n    <div v-if=\"IsBuy\" class=\"confirm-area mt-5\">\r\n        <div class=\"confirm-title row justify-content-center\">\r\n          <div class=\"d-none d-md-block\">\r\n            <h4 class=\"font-weight-bold\">確認購買內容</h4>\r\n          </div>\r\n          <div class=\"d-md-none\">\r\n            <h5 class=\"font-weight-bold\">確認購買內容</h5>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"confirm-content\">\r\n          <div >\r\n            <div class=\"price-item\">\r\n              {{ProductItem.Price}}\r\n              <div class=\"dollar-sign\" :style=\"{ backgroundImage: `url(${dollarSign})` }\"></div>\r\n              <a class=\"text-light\"></a>\r\n            </div>\r\n          </div>\r\n          <span class=\"font-weight-bold font-size\" >使用</span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn btn-light mx-1 bg-btn clear-pointer\"\r\n            :style=\"{ backgroundImage: `url(${CreditCard})` }\"\r\n          ></button>\r\n          <span class=\"font-weight-bold font-size\" >通路結帳</span>\r\n        </div>\r\n\r\n        <div class=\"confirm-footer mt-5\">\r\n          <div class=\"d-flex justify-content-end\">\r\n            <span class=\"font-weight-bold font-size\" >結帳金額:</span>\r\n            <span\r\n              class=\"ml-2 text-danger font-weight-bold font-size\"\r\n\r\n            >{{ProductItem.Price}}</span>\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-light ml-3 bg-btn\"\r\n              :class=\"checkOutBtnType\"\r\n              @click=\"BuyButtonClick()\"\r\n              :style=\"{ backgroundImage: `url(${CheckOut})` }\"\r\n            ></button>\r\n          </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!--導入綠界所需的資料表單 由IGPG給予參數後生成-->\r\n    <form id=\"form1\" runat=\"server\" method=\"post\" style=\"display: none\"></form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery'\r\n\r\nimport dollarSign from '@/assets/images/ico/TopUp/dollarSign.png'\r\nimport creditCard from '@/assets/images/ico/TopUp/creditCard.png'\r\nimport checkOut from '@/assets/images/ico/TopUp/checkOut.png'\r\nimport checkSign from '@/assets/images/ico/TopUp/checkSign.png'\r\n\r\n$(function () {\r\n  /// /測試用 之後要刪掉\r\n  // $(\"#test\").click(function(){\r\n  //   SetValue(30001, \"\", \"\");\r\n  // });\r\n\r\n  // function SetValue (UserID, TimeStamp, Signed) {\r\n  //   $('#UserID_Input').val(UserID)\r\n  //   $('#TimeStamp_Input').val(TimeStamp)\r\n  //   $('#Signed_Input').val(Signed)\r\n\r\n  //   $('#TimeStamp_Input')[0].dispatchEvent(new Event('input'))\r\n  //   $('#Signed_Input')[0].dispatchEvent(new Event('input'))\r\n  //   $('#UserID_Input')[0].dispatchEvent(new Event('input'))\r\n\r\n  //   return 200\r\n  // }\r\n\r\n  // 頁面載入完成後 回傳告知APP載入完成\r\n  window.location.href = 'uniwebview://ProductList_LoadFinish'\r\n})\r\n\r\nexport default {\r\n  name: 'ProductList',\r\n  data () {\r\n    return {\r\n      loading: false,\r\n      dollarSign: dollarSign,\r\n      CreditCard: creditCard,\r\n      checkSign: checkSign,\r\n      CheckOut: checkOut,\r\n      fontSizeType: 'font-size',\r\n      checkOutBtnType: 'check-out-btn',\r\n      IsBuy: false,\r\n      ProductList: [],\r\n      ProductItem: {},\r\n      UserID: 0,\r\n      TimeStamp: '',\r\n      Signed: ''\r\n    }\r\n  },\r\n  watch: {\r\n    UserID: function () {\r\n      // APP完成基本資料帶入後, 取得商品清單\r\n      this.GetProductList()\r\n    }\r\n  },\r\n  methods: {\r\n    // 取得商品清單\r\n    async GetProductList () {\r\n      const ProductList = await this.$store.dispatch('api/GetECPayProductList',\r\n        { UserID: this.UserID, TimeStamp: this.TimeStamp, Signed: this.Signed, PaymentType: 3, ProductType: 1 })\r\n      console.log(ProductList)\r\n\r\n      this.ProductList = ProductList\r\n    },\r\n\r\n    // 選取品項\r\n    async ChooseProductItem (item) {\r\n      console.log(item)\r\n      this.ProductItem = item\r\n      this.IsBuy = true\r\n    },\r\n\r\n    // 購買\r\n    async BuyButtonClick () {\r\n      this.loading = true\r\n\r\n      // 呼叫Apimanager建立訂單\r\n      const result = await this.$store.dispatch('api/CreateOrder',\r\n        {\r\n          UserID: this.UserID,\r\n          TimeStamp: this.TimeStamp,\r\n          Signed: this.Signed,\r\n          PaymentType: 3,\r\n          OrderType: 1,\r\n          ProductID: this.ProductItem.ProductID\r\n        })\r\n\r\n      console.log(result)\r\n\r\n      // 訂單建立成功 產生ECPay的參數\r\n      if (result.ResultCode === 200) {\r\n        console.log('Create Order Success')\r\n\r\n        const zzz = await this.$store.dispatch('api/CreateECPayParameters',\r\n          { OrderID: result.OrderID, Amount: this.ProductItem.Price, ProductName: this.ProductItem.ProductName, UserID: this.UserID })\r\n\r\n        console.log(zzz)\r\n\r\n        if (zzz.ResultCode === 200) {\r\n          console.log('Create ECPay Parameters Success')\r\n\r\n          this.CreateECPayControl(zzz.ItemList, zzz.ServerUrl)\r\n        }\r\n      }\r\n    },\r\n    async CreateECPayControl (data, url) {\r\n      // 清空表單底下元件\r\n      $('#form1').empty()\r\n\r\n      // 依照順序產生控制項\r\n      for (var i = 0; i < data.length; i++) {\r\n        $('#form1').append(\"<input name='\" + data[i].Name + \"' id='\" + data[i].Name + \"' value='\" + data[i].Value + \"'>\")\r\n      }\r\n\r\n      $('#form1').attr('action', url)\r\n      $('#form1').submit()\r\n    },\r\n    async Submit () {\r\n      $('#form1').submit()\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.hide-small-device {\r\n  @include underSmallPhone() {\r\n    display: none;\r\n  }\r\n}\r\n.show-small-device {\r\n  @include underSmallPhone() {\r\n    display: block;\r\n  }\r\n  @include overSmallPhone() {\r\n    display: none;\r\n  }\r\n}\r\n.clear-pointer {\r\n  cursor: text;\r\n  &:hover,\r\n  &:active {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    background-color: #fff !important;\r\n    border-color: #fff !important;\r\n  }\r\n}\r\n.font-size {\r\n  font-size: 1.5rem;\r\n}\r\n.font-size-sm {\r\n  font-size: 1.25rem;\r\n}\r\n.font-size-ssm {\r\n  font-size: 0.81rem;\r\n}\r\n.bg-btn {\r\n  width: 157px;\r\n  height: 43px;\r\n}\r\n.bg-btn-sm {\r\n  width: 102px;\r\n  height: 29px;\r\n}\r\n.bg-btn-ssm {\r\n  width: 88px;\r\n  height: 25px;\r\n}\r\n.price-list-container {\r\n  padding: 20px;\r\n  max-width: 500px;\r\n  height: 100%;\r\n  max-height: 500px;\r\n  margin: auto;\r\n}\r\n.price-item {\r\n  position: relative;\r\n  margin: 10px 0;\r\n  width: 100%;\r\n  height: 30px;\r\n  border-radius: 5px;\r\n  background-color: #e6bc9a;\r\n  text-align: center;\r\n  cursor: pointer;\r\n}\r\n.dollar-sign {\r\n  width: 26px;\r\n  height: 26px;\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 2px;\r\n}\r\n.check-sign {\r\n  width: 26px;\r\n  height: 26px;\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 2px;\r\n}\r\n.selected-item {\r\n  background-color: #55c7c3;\r\n}\r\n.check-out-btn {\r\n  width: 152px;\r\n  height: 52px;\r\n}\r\n.check-out-btn-sm {\r\n  width: 102px;\r\n  height: 35px;\r\n}\r\n.check-out-btn-ssm {\r\n  width: 88px;\r\n  height: 31px;\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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=d63ab56a&scoped=true&\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=d63ab56a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d63ab56a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHW2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAzLTE2VDE0OjI1OjI0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAzLTE2VDE0OjI1OjI0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0xNlQxNDoyNToyNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMDViYzg5Zi05MjQ3LTVkNDktYWYzYS00NmRlNGIzOWFlNWIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkYWU0OGMyZi1jYmNlLWEzNDQtODgyZC1iYTU4NTBkOThiODciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNmZiNWEzMy1lMGVhLTllNDAtYWFjYy03N2YwNjg5ODNkYzUiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNmZiNWEzMy1lMGVhLTllNDAtYWFjYy03N2YwNjg5ODNkYzUiIHN0RXZ0OndoZW49IjIwMjAtMDMtMTZUMTQ6MjU6MjQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTA1YmM4OWYtOTI0Ny01ZDQ5LWFmM2EtNDZkZTRiMzlhZTViIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE2VDE0OjI1OjI0KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPkIxRkVENjJGMkEyMUI2MThDMUU1RTBERTcxQjY2REYyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYyMjAxYjEyLWRjOGEtZjA0Ny05MWNhLTVjYWFjZGUyYTU0YzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YTQxOTEyNjItZTM4Mi02ODRkLWE1NDUtOWU5MzE2YTM0MjNiPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpiMmEyZDEyMC1mNzhjLTViNGQtOTc2Ni0zZTlkNDE1MzIwZjU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmM3NDI0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\"","module.exports = __webpack_public_path__ + \"img/checkOut.0c78751b.png\";"],"sourceRoot":""}