{"version":3,"sources":["webpack:///./src/views/campaigns/insights/components/_content_partials/_tables_partials/_ag_custom_cells/AsetContentCategoryBidColumn.vue?2d95","webpack:///src/views/campaigns/insights/components/_content_partials/_tables_partials/_ag_custom_cells/AsetContentCategoryBidColumn.vue","webpack:///./src/views/campaigns/insights/components/_content_partials/_tables_partials/_ag_custom_cells/AsetContentCategoryBidColumn.vue?476b","webpack:///./src/views/campaigns/insights/components/_content_partials/_tables_partials/_ag_custom_cells/AsetContentCategoryBidColumn.vue","webpack:///./src/views/campaigns/insights/components/_content_partials/_tables_partials/_ag_custom_cells/AsetContentCategoryBidColumn.vue?a78f","webpack:///./node_modules/core-js/modules/es6.number.is-nan.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isEditing","slot","_v","attrs","domProps","params","data","bid","on","$event","setNewBid","updateAdsetContentCategoryBidding","_s","parseFloat","toFixed","_e","staticRenderFns","newbid","beforeMount","computed","canEdit","context","parent","canEditBid","status","$constants","ADSET_CONTENT_CATEGORY_STATUS","ACTIVE","methods","Number","isNaN","value","alert","fraction","length","component","$export","S","number"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAAGN,EAAIO,UAAsRH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,iBAAiB,CAACA,EAAG,WAAW,CAACI,KAAK,WAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,OAAO,CAACJ,EAAIS,GAAG,WAAWL,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQ,CAACE,YAAY,2CAA2CI,MAAM,CAAC,IAAM,IAAI,KAAO,UAAUC,SAAS,CAAC,MAAQX,EAAIY,OAAOC,KAAKC,KAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,UAAUD,SAAcZ,EAAG,aAAa,GAAGA,EAAG,UAAU,CAACE,YAAY,yBAAyBI,MAAM,CAAC,KAAO,eAAe,YAAY,WAAWK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIkB,wCAAwCd,EAAG,UAAU,CAACE,YAAY,sBAAsBI,MAAM,CAAC,KAAO,iBAAiB,YAAY,WAAWK,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIO,WAAU,OAAW,GAArrCH,EAAG,MAAM,CAACJ,EAAIS,GAAG,UAAUT,EAAImB,GAAGC,WAAWpB,EAAIY,OAAOC,KAAKC,KAAKO,QAAQ,IAAI,UAAWrB,EAAW,QAAEI,EAAG,UAAU,CAACE,YAAY,sBAAsBI,MAAM,CAAC,KAAO,eAAe,YAAY,WAAWK,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIO,WAAU,MAASP,EAAIsB,MAAM,MAC1ZC,EAAkB,G,wrBC4BtB,OACEV,KADF,WAEI,MAAO,CACLN,WAAW,EACXiB,OAAQ,OAGZC,YAPF,WAQIxB,KAAKuB,OAASvB,KAAKW,OAAOC,KAAKC,KAGjCY,SAAU,CACRC,QADJ,WAEM,OAAO1B,KAAKW,OAAOgB,QAAQC,OAAOC,YAAc7B,KAAKW,OAAOC,KAAKkB,SAAW9B,KAAK+B,WAAWC,8BAA8BC,SAI9HC,QAAS,CACPlB,UADJ,SACA,GAEM,IAAN,6BAEM,GAAImB,OAAOC,MAAMC,GACfrC,KAAKuB,OAAS,UAIhB,KAAIc,EAAQ,GAIZ,GAAIA,EAAQ,SACVC,MAAM,+CADR,CAKA,IAAN,iCAEM,GAAIC,EAASC,OAAS,EAGpB,OAFAF,MAAM,8CACNtC,KAAKuB,OAASc,EAAMjB,QAAQ,IAI9BpB,KAAKuB,OAASc,IAGhB,kCA9BJ,6LAgCA,uFACA,sBACA,mCACA,+BACA,2DApCA,OAgCA,EAhCA,OAuCA,iBACA,kBAGA,gCACA,uBADA,IAEA,gBACA,wBAGA,2BACA,2BACA,yBACA,cAIA,oDACA,eACA,QACA,wIA3DA,mDA+DA,oDACA,aACA,QACA,sDAlEA,mHC9Cgc,I,wBCQ5bI,EAAY,eACd,EACA3C,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E,oECnBf,W,qBCCA,IAAIC,EAAU,EAAQ,QAEtBA,EAAQA,EAAQC,EAAG,SAAU,CAC3BP,MAAO,SAAeQ,GAEpB,OAAOA,GAAUA","file":"js/chunk-31d17241.39f2281d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bid-column\"},[(!_vm.isEditing)?_c('div',[_vm._v(\"\\n    $\"+_vm._s(parseFloat(_vm.params.data.bid).toFixed(3))+\"\\n    \"),(_vm.canEdit)?_c('vs-icon',{staticClass:\"ml-1 cursor-pointer\",attrs:{\"icon\":\"speakol-edit\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){_vm.isEditing=true}}}):_vm._e()],1):_c('div',{staticClass:\"flex py-2\"},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text dollar-sign dollar-sign-adset\"},[_c('span',[_vm._v(\"$\")])])]),_c('div',{staticClass:\"vx-input-group-default flex-grow\"},[_c('div',{staticClass:\"vs-component vs-con-input-label vs-input w-full vs-input-primary\"},[_c('div',{staticClass:\"vs-con-input\"},[_c('input',{staticClass:\"vs-inputx vs-input--input vs-input-adset\",attrs:{\"min\":\"0\",\"type\":\"number\"},domProps:{\"value\":_vm.params.data.bid},on:{\"input\":function($event){return _vm.setNewBid($event)}}})]),_c('span')])])],2),_c('vs-icon',{staticClass:\"save-new-cpm pt-4 mx-2\",attrs:{\"icon\":\"speakol-save\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.updateAdsetContentCategoryBidding()}}}),_c('vs-icon',{staticClass:\"cancel-new-cpm pt-4\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){_vm.isEditing=false}}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bid-column\">\n    <div v-if=\"!isEditing\">\n      ${{ parseFloat(params.data.bid).toFixed(3) }}\n      <vs-icon v-if=\"canEdit\" class=\"ml-1 cursor-pointer\" @click=\"isEditing=true\" icon=\"speakol-edit\" icon-pack=\"speakol\"></vs-icon>\n    </div>\n    <div class=\"flex py-2\" v-else>\n      <vx-input-group>\n        <template slot=\"prepend\">\n          <div class=\"prepend-text dollar-sign dollar-sign-adset\">\n            <span>$</span>\n          </div>\n        </template>\n        <div class=\"vx-input-group-default flex-grow\">\n          <div class=\"vs-component vs-con-input-label vs-input w-full vs-input-primary\">\n            <div class=\"vs-con-input\">\n              <input class=\"vs-inputx vs-input--input vs-input-adset\" min=\"0\" type=\"number\" @input=\"setNewBid($event)\" :value=\"params.data.bid\">\n            </div>\n            <span></span>\n          </div>\n        </div>\n      </vx-input-group>\n      <vs-icon class=\"save-new-cpm pt-4 mx-2\" @click=\"updateAdsetContentCategoryBidding()\" icon=\"speakol-save\" icon-pack=\"speakol\"></vs-icon>\n      <vs-icon class=\"cancel-new-cpm pt-4\" @click=\"isEditing=false\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      isEditing: false,\n      newbid: null\n    }\n  },\n  beforeMount () {\n    this.newbid = this.params.data.bid\n  },\n\n  computed: {\n    canEdit () {\n      return this.params.context.parent.canEditBid && this.params.data.status === this.$constants.ADSET_CONTENT_CATEGORY_STATUS.ACTIVE\n    }\n  },\n\n  methods: {\n    setNewBid (e) {\n      // validate and format the cost_per_action value\n      const value = parseFloat(e.target.value)\n\n      if (Number.isNaN(value)) {\n        this.newbid = null\n        return\n      }\n\n      if (value < 0) {\n        return\n      }\n\n      if (value > 9999.999) {\n        alert('The value should be less than  9999.999')\n        return\n      }\n\n      const fraction = value.toString().split('.')[1] || ''\n\n      if (fraction.length > 3) {\n        alert('The Decimals should be up to 3 digits')\n        this.newbid = value.toFixed(3)\n        return\n      }\n\n      this.newbid = value\n    },\n\n    async updateAdsetContentCategoryBidding () {\n      try {\n        const response = await window.axios.patch(`/campaigns/adset-content-categories/${this.params.data.id}`, {\n          'bid_price': this.newbid,\n          'adset_id': this.params.data.adset_id,\n          'status': this.params.data.status,\n          'content_category_id': this.params.data.content_category_id\n        })\n\n        if (response.status === 200) {\n          this.isEditing = false\n\n          // set the new bid\n          this.params.node.setData({\n            ...this.params.node.data,\n            bid: this.newbid,\n            id: response.data.payload.id\n          })\n\n          this.$nextTick(() => {\n            this.params.api.refreshCells({\n              rowNodes: [this.params.node],\n              force: true\n            })\n          })\n\n          this.$parent.$parent.$parent.$emit('modal-updated', {\n            type: 'success',\n            show: true,\n            body: `Content Category \"${this.params.data.category_name}\" bidding updated to $${parseFloat(this.newbid).toFixed(3)}`\n          })\n        }\n      } catch (error) {\n        this.$parent.$parent.$parent.$emit('modal-updated', {\n          type: 'error',\n          show: true,\n          body: error.response.data.errors.bid_price.join(', ')\n        })\n      }\n    }\n  }\n}\n</script>\n\n<style lang='scss'>\n  .bid-column {\n    .dollar-sign {\n      margin-top: 0 !important;\n      height: 37.59px;\n    }\n  }\n\n  .number-input {\n    margin-top: 14% !important;\n  }\n\n  // .save-new-cpm,\n  // .cancel-new-cpm {\n  //   height: 39px;\n  //   margin-top: 9px;\n  // }\n\n  .cursor-pointer {\n    font-size: 15px !important;\n  }\n</style>\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!./AsetContentCategoryBidColumn.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!./AsetContentCategoryBidColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AsetContentCategoryBidColumn.vue?vue&type=template&id=dd6df85a&\"\nimport script from \"./AsetContentCategoryBidColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./AsetContentCategoryBidColumn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AsetContentCategoryBidColumn.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../node_modules/css-loader/index.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!./AsetContentCategoryBidColumn.vue?vue&type=style&index=0&lang=scss&\"","// 20.1.2.4 Number.isNaN(number)\nvar $export = require('./_export');\n\n$export($export.S, 'Number', {\n  isNaN: function isNaN(number) {\n    // eslint-disable-next-line no-self-compare\n    return number != number;\n  }\n});\n"],"sourceRoot":""}