{"version":3,"sources":["webpack:///./src/views/admin/components/RefundSummaryCard.vue?9191","webpack:///./src/views/admin/components/RefundSummaryCard.vue?5210","webpack:///src/views/admin/components/RefundSummaryCard.vue","webpack:///./src/views/admin/components/RefundSummaryCard.vue?3e92","webpack:///./src/views/admin/components/RefundSummaryCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","staticClass","_v","_s","$t","proxy","_f","balance","refund","vatPercentage","renderedVAT","errors","has","attrs","first","_e","total","staticRenderFns","props","data","watch","vat","remove","newVal","maxAvailableVat","add","field","msg","computed","parseFloat","isEligableForVAT","account","actual_vat_percentage","isVatEnabled","methods","component"],"mappings":"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","file":"js/chunk-1dbff99d.166e0e1b.js","sourcesContent":["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!./RefundSummaryCard.vue?vue&type=style&index=0&id=5026ed31&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('speakol-summary-card',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"title md:title\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.title')))])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"flex items-baseline mb-6\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.available_balance')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.balance,'$')))])])]),_c('div',{staticClass:\"flex items-baseline mb-6\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.refund_amount')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.refund,'$')))])])]),_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"w-12 amount-label mr-4 md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.vat')))]),_c('div',{staticClass:\"w-12 percentage md:percentage\"},[_vm._v(_vm._s((_vm.vatPercentage + \"%\")))]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.renderedVAT,'$')))])])]),(_vm.errors.has('max_vat'))?_c('div',{staticClass:\"notifications-bar items-center border-speakol-color\"},[_c('div',{staticClass:\"flex\"},[_c('div',{},[_c('vs-icon',{staticClass:\"l-2\",attrs:{\"icon\":\"speakol-info\",\"color\":\"#1890FF\",\"bg\":\"FDF5E1\",\"icon-pack\":\"speakol\",\"round\":\"\"}})],1),_c('div',{},[_c('span',{staticClass:\"vat-warning\"},[_vm._v(\"\\n            \"+_vm._s(_vm.errors.first('max_vat'))+\"\\n          \")])])])]):_vm._e()]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"flex items-baseline mb-2\"},[_c('div',{staticClass:\"w-1/2 amount-total-label md:amount-total-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.remaining')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount-total md:amount-total\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.total,'$')))])])])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <speakol-summary-card>\n\n    <!-- title -->\n    <template v-slot:title>\n      <div class=\"title md:title\">{{ $t('system_fund.order_summary.title') }}</div>\n    </template>\n\n    <!-- body -->\n    <template v-slot:body>\n\n      <!-- Available Balance -->\n      <div class=\"flex items-baseline mb-6\">\n        <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('system_fund.order_summary.available_balance') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount md:amount\">{{ balance | addComma('$') }}</div>\n        </div>\n      </div>\n\n\n      <!-- Refund amount -->\n      <div class=\"flex items-baseline mb-6\">\n        <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('system_fund.order_summary.refund_amount') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount md:amount\">{{  refund | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <!-- VAT -->\n      <div class=\"flex items-baseline\">\n        <div class=\"w-12 amount-label mr-4 md:amount-label\">{{ $t('system_fund.order_summary.vat') }}</div>\n        <div class=\"w-12 percentage md:percentage\">{{ `${vatPercentage}%` }}</div>\n        <div class=\"w-full flex justify-end\">\n          <div class=\"amount md:amount\">{{ renderedVAT | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <!-- MAX VAT Warning -->\n      <div class=\"notifications-bar items-center border-speakol-color\" v-if=\"errors.has('max_vat')\">\n        <div class=\"flex\">\n          <div class=\"\">\n            <vs-icon icon=\"speakol-info\" color=\"#1890FF\" class=\"l-2\" bg=\"FDF5E1\" icon-pack=\"speakol\" round></vs-icon>\n          </div>\n\n          <div class=\"\">\n            <span class=\"vat-warning\">\n              {{errors.first('max_vat')}}\n            </span>\n          </div>\n        </div>\n\n      </div>\n\n    </template>\n\n    <!-- footer -->\n    <template v-slot:footer>\n\n      <div class=\"flex items-baseline mb-2\">\n        <div class=\"w-1/2 amount-total-label md:amount-total-label\">{{ $t('system_fund.order_summary.remaining') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount-total md:amount-total\">{{ total | addComma('$') }}</div>\n        </div>\n      </div>\n\n    </template>\n\n  </speakol-summary-card>\n</template>\n\n<script>\nexport default {\n  props: ['account', 'refund', 'balance', 'maxAvailableVat', 'paymentMethod'],\n\n  data () {\n    return {}\n  },\n\n  watch: {\n    vat (newVal) {\n      this.errors.remove('max_vat')\n\n      if (newVal >= this.maxAvailableVat) {\n        this.errors.add({\n          field: 'max_vat',\n          msg: this.$t('system_fund.order_summary.refund_max_vat')\n        })\n      }\n    }\n  },\n\n  computed: {\n    total () {\n      return parseFloat(this.balance || 0) - parseFloat(this.refund || 0)\n    },\n\n    vatPercentage () {\n      if (this.isEligableForVAT())  {\n        return parseFloat(this.account.actual_vat_percentage)\n      }\n\n      return 0\n    },\n\n    isVatEnabled () {\n      return this.isEligableForVAT()\n    },\n\n    vat () {\n      if (this.isVatEnabled) {\n        return  this.refund * this.vatPercentage / 100\n      }\n      return 0;\n    },\n\n    renderedVAT () {\n      return (this.maxAvailableVat >= this.vat ? this.vat : this.maxAvailableVat)\n    }\n  },\n  methods: {\n    isEligableForVAT () {\n      const paymentMehtodsHaveVAT = [\n        this.$constants.PAYMENT_METHODS.STRIPE,\n        this.$constants.PAYMENT_METHODS.PAYPAL,\n        this.$constants.PAYMENT_METHODS.PAYTABS,\n        this.$constants.PAYMENT_METHODS.CHECKOUT,\n        this.$constants.PAYMENT_METHODS.CASH,\n        this.$constants.PAYMENT_METHODS.BANK\n      ]\n      if (\n        this.paymentMethod &&\n        this.account &&\n        this.account.actual_vat_percentage > 0 &&\n        paymentMehtodsHaveVAT.includes(this.paymentMethod)\n      ) {\n        return true\n      }\n\n      return false\n    }\n  }\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n$bgColor: #e6f5fb;\n$warningTextColor: #323232;\n\n.notifications-bar {\n  padding: 12px 10px;\n  background: $bgColor;\n  box-sizing: border-box;\n  margin-top: 18px;\n  border-radius: 4px;\n  border: 1px solid;\n\n  .flex {\n    align-items: center;\n\n    i {\n      margin-right: 9px;\n    }\n  }\n\n  .vat-warning {\n    font-size: 12px;\n    margin-bottom: 12px;\n    position: relative;\n    bottom: 21%;\n    color: $warningTextColor;\n  }\n}\n\n.title {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n}\n\n.amount {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total-label {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.balance-amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n\n  @apply whitespace-no-wrap;\n}\n\n.balance-amount {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n}\n\n.percentage {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 13px;\n  line-height: 19px;\n  color: #0092d7;\n}\n\n@media (min-width: 768px) {\n  .md\\:title {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 24px;\n  }\n\n  .md\\:amount-label {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 21px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total-label {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:balance-amount {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 18px;\n    color: #2c2c2c;\n  }\n\n  .md\\:percentage {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 13px;\n    line-height: 19px;\n    color: #0092d7;\n  }\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!./RefundSummaryCard.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!./RefundSummaryCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RefundSummaryCard.vue?vue&type=template&id=5026ed31&scoped=true&\"\nimport script from \"./RefundSummaryCard.vue?vue&type=script&lang=js&\"\nexport * from \"./RefundSummaryCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RefundSummaryCard.vue?vue&type=style&index=0&id=5026ed31&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  \"5026ed31\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}