{"version":3,"sources":["webpack:///./src/components/shared/company/CollectPaymentModal.vue?6885","webpack:///./src/components/shared/company/CollectPaymentModal.vue?516c","webpack:///src/components/shared/company/CollectPaymentModal.vue","webpack:///./src/components/shared/company/CollectPaymentModal.vue?2c6a","webpack:///./src/components/shared/company/CollectPaymentModal.vue"],"names":["notifications","component","_vm","this","_h","$createElement","_c","_self","ref","attrs","modalTitle","staticClass","staticStyle","_v","_s","_f","netDebt","month","year","error","directives","name","rawName","value","expression","domProps","Array","isArray","memberAgrees","_i","on","$event","$$a","$$el","target","$$c","checked","$$i","concat","slice","Date","preventDefault","sendToPaymentMethod","closeModal","collectPayment","_e","options","__file"],"mappings":"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","file":"js/vue-modals30.9cf62587.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectPaymentModal.vue?vue&type=style&index=0&id=3ae24379&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectPaymentModal.vue?vue&type=style&index=0&id=3ae24379&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ac-modal',{ref:\"modalRef\",attrs:{\"title\":_vm.modalTitle,\"size-class\":'modal-lg',\"data-keyboard\":\"false\",\"data-backdrop\":\"static\"}},[(_vm.widgetReady)?[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-sm-6\"},[_c('p',[_c('span',{staticStyle:{\"min-width\":\"12px\"}},[_vm._v(\"Total Amount Due: \")])]),_vm._v(\" \"),_c('p',[_c('span',{staticStyle:{\"min-width\":\"12px\"}},[_vm._v(\"Payment for: \")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-weight\":\"bold!important\"}},[_vm._v(\"Reason: \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-3 col-sm-6\"},[_c('p',[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.netDebt)))]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.month)+\" / \"+_vm._s(_vm.year))]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-weight\":\"bold!important\"}},[_vm._v(_vm._s(_vm.error))])])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"alert alert-warning\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.memberAgrees),expression:\"memberAgrees\"}],staticClass:\"filled-in\",attrs:{\"type\":\"checkbox\",\"id\":\"debt-ver-check\"},domProps:{\"checked\":Array.isArray(_vm.memberAgrees)?_vm._i(_vm.memberAgrees,null)>-1:(_vm.memberAgrees)},on:{\"change\":function($event){var $$a=_vm.memberAgrees,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.memberAgrees=$$a.concat([$$v]))}else{$$i>-1&&(_vm.memberAgrees=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.memberAgrees=$$c}}}}),_vm._v(\" \"),_c('label',{staticStyle:{\"text-align\":\"left\"},attrs:{\"for\":\"debt-ver-check\"}},[_vm._v(\"\\n                        I agree, acknowledge and attest that I have been explicitly and directly been provided \\n                        authorization and consent to execute this payment via credit/debit card on  \"+_vm._s(_vm._f(\"shortDate\")(new Date()))+\"\\n                    \")])]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                    To update the group's payment method click\\n                    \"),_c('a',{staticStyle:{\"cursor\":\"pointer\",\"color\":\"blue\"},on:{\"click\":function($event){$event.preventDefault();return _vm.sendToPaymentMethod($event)}}},[_vm._v(\"here\")]),_vm._v(\".\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xs-12\"},[_c('div',{staticClass:\"modal-footer\"},[_c('div',{staticClass:\"button-box\"},[_c('div',[_c('ac-button',{staticClass:\"btn btn-sm btn-red\",attrs:{\"action\":_vm.closeModal}},[_vm._v(\"CANCEL\")]),_vm._v(\" \"),_c('ac-button',{staticClass:\"btn btn-sm btn-green\",attrs:{\"action\":_vm.collectPayment}},[_vm._v(\"PAY\")])],1)])])])])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <ac-modal :title=\"modalTitle\" ref=\"modalRef\" :size-class=\"'modal-lg'\" data-keyboard=\"false\" data-backdrop=\"static\">\n        <template v-if=\"widgetReady\">\n            <div class=\"row\">\n                <div class=\"col-lg-3 col-sm-6\">\n                    <p><span style=\"min-width: 12px;\">Total Amount Due: </span></p>\n                    <p><span style=\"min-width: 12px;\">Payment for: </span></p>\n                    <p style=\"font-weight: bold!important;\">Reason: </p>\n                </div>\n                <div class=\"col-lg-3 col-sm-6\">\n                    <p>{{ netDebt | currency }}</p>\n                    <p>{{ month }} / {{ year }}</p>\n                    <p style=\"font-weight: bold!important;\">{{ error }}</p>\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-sm-12\">\n                    <div class=\"alert alert-warning\">\n                        <input type=\"checkbox\" class=\"filled-in\" id='debt-ver-check' v-model=\"memberAgrees\">\n                        <label for=\"debt-ver-check\" style=\"text-align: left\">\n                            I agree, acknowledge and attest that I have been explicitly and directly been provided \n                            authorization and consent to execute this payment via credit/debit card on  {{ new Date() | shortDate }}\n                        </label>\n                    </div>\n                    <p>\n                        To update the group's payment method click\n                        <a style=\"cursor: pointer; color: blue;\" @click.prevent=\"sendToPaymentMethod\">here</a>.\n                    </p>\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-xs-12\">\n                    <div class=\"modal-footer\">\n                        <div class=\"button-box\">\n                            <div>\n                                <ac-button class=\"btn btn-sm btn-red\" :action=\"closeModal\">CANCEL</ac-button>\n                                <ac-button class=\"btn btn-sm btn-green\" :action=\"collectPayment\">PAY</ac-button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </template>\n    </ac-modal>\n</template>\n\n<script>\nimport { common } from \"@/global/common\";\nimport { api } from \"@/global/framework/api\"\nimport { notifications } from \"@/global/notifications.js\";\nimport AcButton from \"../../../global/customHtmlElements/AcButton.vue\";\nimport AcCurrentCreditCard from \"../../custom/AcCurrentCreditCard.vue\";\n\nexport default {\n    name: \"CollectPaymentModal\",\n    components: { AcCurrentCreditCard, AcButton },\n    data() {\n        return {\n            widgetReady: false,\n            companyId: null,\n            batchId: null,\n            netDebt: 0,\n            memberAgrees: false,\n            month: '',\n            error: '',\n            paymentVm: {},\n            debtType: ''\n        };\n    },\n    computed: {\n        modalTitle() {\n            return `Outstanding ${this.debtType} Payment`;\n        },\n    },\n    methods: {\n        async showModal({companyId, batchId}) {   \n            this.companyId = companyId;\n            this.batchId = batchId;\n\n            let debtInfo = await api.getDataWithTwoIds('Company', this.companyId, 'GetCompanyDebt', this.batchId);\n\n            this.netDebt = debtInfo.amount;\n            this.month = debtInfo.batchMonth;\n            this.year = debtInfo.batchYear\n            this.error = debtInfo.errorMessage;\n            this.isCredit = debtInfo.isCredit;\n            this.debtType = debtInfo.debtType;\n            this.paymentVm = {\n                batchId: this.batchId,\n                amount: this.netDebt,\n                month: this.month,\n                year: this.year,\n                isCredit: this.isCredit,\n                deferPayment: debtInfo.deferPayment }\n            this.widgetReady = true;\n            this.$refs.modalRef.open();\n        },\n        closeModal() {\n            this.$refs.modalRef.close();\n        },\n        async sendToPaymentMethod() {\n            this.closeModal();\n            this.$router.push({\n                name: 'paymentMethod', params: { companyId: this.companyId }\n            });\n        },\n        async collectPayment() {\n            if (this.memberAgrees) {\n                let result = await api.postWithId('Company', this.companyId, 'PayCompanyDebt', this.paymentVm);\n                if (result) {                    \n                    this.closeModal();\n                    this.$emit(\"modal-closed\");\n                }\n            }\n            else {\n                notifications.show({ title: \"Failure!\", message: \"Must confirm member agrees to payment. Must have card on file.\" }, common.ACRESSA_NOTIFICATIONS.ERROR);\n            }\n        },\n    },\n}\n</script>\n\n<style scoped>\n.modal-footer {\n    padding-left: 0;\n    padding-right: 0;\n}\n</style>","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!./CollectPaymentModal.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!./CollectPaymentModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectPaymentModal.vue?vue&type=template&id=3ae24379&scoped=true&\"\nimport script from \"./CollectPaymentModal.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectPaymentModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectPaymentModal.vue?vue&type=style&index=0&id=3ae24379&scoped=true&lang=css&\"\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  \"3ae24379\",\n  null\n  \n)\n\ncomponent.options.__file = \"CollectPaymentModal.vue\"\nexport default component.exports"],"sourceRoot":""}