{"version":3,"sources":["webpack:///./src/views/Components/Dashboard/TransactionChart.vue","webpack:///src/views/Components/Dashboard/TransactionChart.vue","webpack:///./src/views/Components/Dashboard/TransactionChart.vue?cacd","webpack:///./src/views/Components/Dashboard/TransactionChart.vue?4952"],"names":["render","_vm","this","_self","_c","_m","staticRenderFns","staticClass","staticStyle","attrs","name","props","showSurcharge","type","Boolean","default","chartData","graphSelections","data","chart","options","pointRadius","pointHoverRadius","lineColor","plugins","legend","display","tooltip","bodyColor","backgroundColor","cornerRadius","displayColors","callbacks","label","tooltipItem","t","dataset","Intl","NumberFormat","style","currency","format","parsed","y","bodyFont","size","family","color","weight","elements","line","tension","responsive","scales","x","grid","beginAtZero","borderDash","ticks","callback","value","index","values","font","padding","height","fill","maintainAspectRatio","hover","mode","datacollection","watch","val","fillData","update","beforeDestroy","destroy","mounted","ctx","document","getElementById","getContext","Chart","methods","$devLog","d","labels","datasets","approvedAmount","push","pointBackgroundColor","borderColor","approved","map","e","amount","voidRefundAmount","voidRefund","declinedAmount","decline","terminalAmount","terminal","virtualAmount","virtual","surchargeAmount","surcharges","paymentPlanAmount","paymentPlan","membershipAmount","membership","paymentRequestAmount","paymentRequest","paymentPageAmount","paymentPage","forEach","f","timeValue","component"],"mappings":"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","file":"js/Components-Dashboard-TransactionChart-vue.0af68899.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-chart\",staticStyle:{\"height\":\"305px\"}},[_c('canvas',{attrs:{\"id\":\"myChart\",\"width\":\"800\",\"height\":\"305\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"height: 305px;\" class=\"main-chart\">\n    <canvas id=\"myChart\" width=\"800\" height=\"305\"></canvas>\n  </div>\n</template>\n\n<script>\nimport Chart from \"chart.js/auto\";\n\nexport default {\n  name: \"transaction-chart\",\n\n  props: {\n    showSurcharge: {\n      type: Boolean,\n      default: false,\n    },\n    chartData: null,\n    graphSelections: null,\n  },\n  data() {\n    return {\n      chart: null,\n      options: {\n        pointRadius: 3,\n        pointHoverRadius: 23,\n\n        lineColor: \"#4693ce\",\n        plugins: {\n          legend: { display: false },\n          tooltip: {\n            bodyColor: \"#212529\",\n            backgroundColor: \"white\",\n            cornerRadius: 15,\n            displayColors: true,\n\n            callbacks: {\n              label: function(tooltipItem) {\n                var t =\n                  tooltipItem.dataset.label +\n                  \" : \" +\n                  new Intl.NumberFormat(\"en-US\", {\n                    style: \"currency\",\n                    currency: \"USD\",\n                  }).format(tooltipItem.parsed.y);\n\n                return t;\n              },\n            },\n\n            bodyFont: {\n              size: 12,\n              family: \"'Helvetica', sans-serif\",\n              color: \"#212529\",\n              weight: \"normal\",\n              style: \"normal\",\n            },\n          },\n        },\n        elements: {\n          line: {\n            tension: 0.4,\n          },\n        },\n        responsive: true,\n\n        scales: {\n          x: {\n            grid: { display: false },\n          },\n          y: {\n            grid: { display: true },\n            beginAtZero: true,\n            borderDash: [2, 4],\n            ticks: {\n              callback: function(value, index, values) {\n                //return values.dataset.borderColor;\n                return \"$\" + value;\n              },\n              font: {\n                family: \"'SF Pro', sans-serif\",\n                color: \"#212529\",\n                weight: \"normal\",\n                style: \"normal\",\n              },\n            },\n          },\n        },\n\n        padding: 0,\n        height: \"100%\",\n        fill: false,\n        maintainAspectRatio: false,\n\n        hover: {\n          mode: true,\n        },\n      },\n      datacollection: null,\n    };\n  },\n  watch: {\n    chartData: function(val) {\n      this.chart.data = this.fillData();\n      this.chart.update();\n    },\n    graphSelections: function(val) {\n      this.chart.data = this.fillData();\n      this.chart.update();\n    },\n  },\n  beforeDestroy() {\n    if (this.chart) {\n      this.chart.destroy();\n    }\n  },\n  mounted() {\n    const ctx = document.getElementById(\"myChart\").getContext(\"2d\");\n    this.chart = new Chart(ctx, {\n      type: \"line\",\n      data: this.fillData(),\n      options: this.options,\n    });\n\n    this.fillData();\n  },\n  methods: {\n    fillData() {\n      this.$devLog(this.graphSelections);\n      this.$devLog(this.chartData);\n      var d = {\n        labels: [],\n        datasets: [],\n      };\n\n      if (this.graphSelections.approvedAmount) {\n        d.datasets.push({\n          label: \"Approved\",\n          fill: false,\n          pointBackgroundColor: \"#2dce89\",\n          borderColor: \"#c0f0db\",\n          data: this.chartData.approved.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.voidRefundAmount) {\n        d.datasets.push({\n          label: \"Voided/Refunded\",\n          fill: false,\n          pointBackgroundColor: \"#fb6340\",\n          borderColor: \"#fed0c5\",\n          data: this.chartData.voidRefund.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.declinedAmount) {\n        d.datasets.push({\n          label: \"Declined\",\n          fill: false,\n          pointBackgroundColor: \"#f5365c\",\n          borderColor: \"#fcc2ce\",\n          data: this.chartData.decline.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.terminalAmount) {\n        d.datasets.push({\n          label: \"Terminal\",\n          fill: false,\n          pointBackgroundColor: \"#1395ba\",\n          borderColor: \"#89cadc\",\n          data: this.chartData.terminal.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.virtualAmount) {\n        d.datasets.push({\n          label: \"Virtual\",\n          fill: false,\n          pointBackgroundColor: \"#0f5b78\",\n          borderColor: \"#87adbb\",\n          data: this.chartData.virtual.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.surchargeAmount) {\n        d.datasets.push({\n          label: \"Surcharges\",\n          fill: false,\n          pointBackgroundColor: \"#800080\",\n          borderColor: \"#800080\",\n          data: this.chartData.surcharges.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.paymentPlanAmount) {\n        d.datasets.push({\n          label: \"Payment Plans\",\n          fill: false,\n          pointBackgroundColor: \"#d94e1f\",\n          borderColor: \"#eca68f\",\n          data: this.chartData.paymentPlan.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.membershipAmount) {\n        d.datasets.push({\n          label: \"Memberships\",\n          fill: false,\n          pointBackgroundColor: \"#ef8b2c\",\n          borderColor: \"#f7c595\",\n          data: this.chartData.membership.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.paymentRequestAmount) {\n        d.datasets.push({\n          label: \"Payment Requests\",\n          fill: false,\n          pointBackgroundColor: \"#ebc844\",\n          borderColor: \"#f5e3a1\",\n          data: this.chartData.paymentRequest.map((e) => e.amount / 100),\n        });\n      }\n\n      if (this.graphSelections.paymentPageAmount) {\n        d.datasets.push({\n          label: \"Payment Page\",\n          fill: false,\n          pointBackgroundColor: \"#a2b86c\",\n          borderColor: \"#d0dbb5\",\n          data: this.chartData.paymentPage.map((e) => e.amount / 100),\n        });\n      }\n\n      this.chartData.approved.forEach((f) => {\n        d.labels.push(f.timeValue);\n      });\n\n      return d;\n    },\n  },\n};\n</script>\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!./TransactionChart.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!./TransactionChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TransactionChart.vue?vue&type=template&id=6abad4de\"\nimport script from \"./TransactionChart.vue?vue&type=script&lang=js\"\nexport * from \"./TransactionChart.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"],"sourceRoot":""}