{"version":3,"sources":["webpack:///./src/pages/root/components/shared/PaymentHistoryModal.vue?4277","webpack:///src/pages/root/components/shared/PaymentHistoryModal.vue","webpack:///./src/pages/root/components/shared/PaymentHistoryModal.vue?7b53","webpack:///./src/pages/root/components/shared/PaymentHistoryModal.vue?6b33","webpack:///./src/pages/root/components/shared/PaymentHistoryModal.vue"],"names":["this","consumerId","consumer","addClickEvents","$refs","modalRef","open","grid","$","DataTable","component","_vm","_h","$createElement","_c","_self","ref","attrs","staticClass","_v","staticStyle","closeModal","_s","_f","amount","effStart","effEnd","options","__file"],"mappings":"2GAAA,uBAAwiB,G,+DCyCxiB,M,gDAZA,KACE,KAAF,sBACE,KAFF,WAGI,MAAJ,CACM,KAAN,KACM,UAAN,EACM,WAAN,KACM,OAAN,EACM,SAAN,KACM,OAAN,OAGE,QAAF,CACI,WADJ,cAAM,mBAAN,iBACA,GADQ,OAAR,gFAEgBA,KAAKC,WAAaC,EAASD,WAF3C,SAIA,wBAJA,OAMgBD,KAAKG,iBACLH,KAAKI,MAAMC,SAASC,OAPpC,gDAAM,SAAN,GAAQ,OAAR,0BASI,kBATJ,cAAM,mBAAN,mBAAQ,IAAR,EAAQ,OAAR,yFAUA,yDAVA,UAUgB,EAVhB,OAYA,iBAZA,uBAagB,EAAhB,0BAbA,0BAiBgBN,KAAKO,KAAOC,EAAER,KAAKI,MAAMG,MAAME,UAAU,CACvC,YAAlB,EACkB,KAAlB,EACkB,MAAlB,YACkB,cAAlB,GACkB,QAAlB,CACA,CAAoB,MAApB,KAAoB,KAApB,mBACA,CACoB,MAApB,SAAoB,KAApB,gBACoB,OAFpB,SAEA,GAAsB,OAAtB,wBAEA,CACoB,MAApB,gBAAoB,KAApB,6BACoB,OAApB,YAAsB,OAAtB,8BAEA,CACoB,MAApB,UAAoB,KAApB,KAAoB,OADpB,SACA,OACsB,MAAtB,8HAlCA,gDAAM,WAAE,OAAR,0BAwCI,WAxCJ,WAyCM,KAAN,wBAEI,eA3CJ,WA4CM,IAAN,OACM,EAAN,+EACQ,IAAR,8BACQ,EAAR,uBACQ,EAAR,sCACQ,EAAR,kCACQ,EAAR,qCAGI,eArDJ,cAAM,mBAAN,iBAqDA,GArDQ,OAAR,yFAsDA,oCAtDA,mDAwDA,2DAxDA,oDA0DA,wBA1DA,iDAAM,SAAN,GAAQ,OAAR,8B,wFCzCA,ICA0Y,E,UAAG,E,wBCQzYC,EAAY,YACd,GFTW,WAAa,IAAIC,EAAIX,KAASY,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,IAAI,WAAWC,MAAM,CAAC,MAAQ,oBAAoB,CAAC,CAACH,EAAG,MAAM,CAACI,YAAY,cAAc,CAACJ,EAAG,QAAQ,CAACE,IAAI,OAAOE,YAAY,uEAAuED,MAAM,CAAC,MAAQ,YAAYN,EAAIQ,GAAG,KAAKL,EAAG,MAAM,CAACI,YAAY,aAAaE,YAAY,CAAC,aAAa,SAAS,CAACN,EAAG,YAAY,CAACI,YAAY,qBAAqBD,MAAM,CAAC,OAASN,EAAIU,aAAa,CAACV,EAAIQ,GAAG,YAAY,KAAK,GAAGR,EAAIQ,GAAG,KAAKL,EAAG,wBAAwB,CAACE,IAAI,eAAeC,MAAM,CAAC,aAAa,WAAW,MAAQ,kBAAkB,gBAAgB,YAAY,CAACH,EAAG,IAAI,CAACH,EAAIQ,GAAG,qDAAqDR,EAAIW,GAAGX,EAAIY,GAAG,WAAPZ,CAAmBX,KAAKwB,SAAS,sBAAsBb,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBX,KAAKyB,WAAW,OAAOd,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBX,KAAK0B,SAAS,oBAAoB,KACp4B,IEWpB,EACA,KACA,WACA,MAIFhB,EAAUiB,QAAQC,OAAS,0BACZ,UAAAlB,E","file":"js/vue-modals182.80fea8ff.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!./PaymentHistoryModal.vue?vue&type=style&index=0&id=361d27c9&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!./PaymentHistoryModal.vue?vue&type=style&index=0&id=361d27c9&scoped=true&lang=css&\"","<template>\n    <div>\n        <ac-modal title=\"Payment History\" ref=\"modalRef\">\n            <template>\n                <div class=\"form-group\">\n                    <table ref=\"grid\" class=\"mdl-data-table table table-responsive dataTable no-footer dtr-inline\"\n                        width=\"100%\">\n                    </table>\n                </div>\n                <div class=\"button-box\" style=\"margin-top: 10px;\">\n                    <ac-button class=\"btn btn-sm btn-red\" :action=\"closeModal\">CLOSE</ac-button>\n                </div>\n            </template>\n        </ac-modal>\n        <ac-confirmation-modal ref=\"confirmModal\" :size-class=\"'modal-md'\"\n                                :title=\"'Refund Payment?'\"\n                                :accept-button=\"'I Agree'\">\n            <p>\n                Are you sure you want to refund the {{this.amount | currency}} for coverage from {{ this.effStart | shortDate }} to {{ this.effEnd | shortDate }}?\n            </p>\n        </ac-confirmation-modal>\n    </div>\n</template>\n\n<script>\n    import {common} from \"../../../../global/common.js\";\n    import {api} from \"../../../../global/framework/api.js\";\n    import { formatter } from \"../../../../global/formatter.js\";\n\n    export default {\n        name: \"PaymentHistoryModal\",\n        data() {\n            return {\n                grid: null,\n                viewOnly: false,\n                consumerId: null,\n                amount: 0,\n                effStart: null,\n                effEnd: null\n            };\n        },\n        methods: {\n            async showModal(consumer) {\n                this.consumerId = consumer.consumerId;\n\n                await this.initOrReloadGrid();\n\n                this.addClickEvents();\n                this.$refs.modalRef.open();\n            },\n            async initOrReloadGrid(){\n                var data = await api.get(\"Admin\", this.consumerId, \"GetConsumerCCPayments\");\n\n                if (this.grid !== null) {\n                    common.reloadGrid(this.grid, data);\n                    return;\n                }\n\n                this.grid = $(this.$refs.grid).DataTable({\n                    responsive: true,\n                    data: data,\n                    order: [[0, \"asc\"]],\n                    displayLength: 15,\n                    columns: [\n                        { title: \"Id\", data: \"paymentRecordId\" },\n                        { \n                            title: \"Amount\", data: \"paymentAmount\",\n                            render(data) { return formatter.formatCurrency(data); }\n                        },\n                        {\n                            title: \"Cov Eff Start\", data: \"coverageEffectiveStartDate\", \n                            render: function (data) { return formatter.formatRawDateSort(data, true); }\n                        },\n                        {\n                            title: \"Options\", data: null, render(data, type, row) {\n                                return '<ac-button class=\"btn-sm btn-success wl-btn-success button-size refund-btn\" style=\"cursor:pointer;\">Refund</ac-button>';\n                            }\n                        },\n                    ]\n                });\n            },\n            closeModal() {\n                this.$refs.modalRef.close();\n            },\n            addClickEvents(){\n                let self = this;\n                $(self.$refs.grid).off('click', '.refund-btn').on('click', '.refund-btn', function (e) {\n                    let rowData = common.getRowData(this, self.grid);\n                    self.amount = rowData.paymentAmount;\n                    self.effStart = rowData.coverageEffectiveStartDate;\n                    self.effEnd = rowData.coverageEffectiveEndDate;\n                    self.refundPayment(rowData.paymentRecordId);\n                });\n            },\n            async refundPayment(paymentId) {\n                let agree = await this.$refs.confirmModal.showModal();\n                if (agree) {\n                    let result = await api.postWithId('Admin', this.consumerId, 'RefundPayment/' + paymentId);\n                    if(result) {\n                        await this.initOrReloadGrid();\n                    }\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n\n</style>","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('ac-modal',{ref:\"modalRef\",attrs:{\"title\":\"Payment History\"}},[[_c('div',{staticClass:\"form-group\"},[_c('table',{ref:\"grid\",staticClass:\"mdl-data-table table table-responsive dataTable no-footer dtr-inline\",attrs:{\"width\":\"100%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"button-box\",staticStyle:{\"margin-top\":\"10px\"}},[_c('ac-button',{staticClass:\"btn btn-sm btn-red\",attrs:{\"action\":_vm.closeModal}},[_vm._v(\"CLOSE\")])],1)]],2),_vm._v(\" \"),_c('ac-confirmation-modal',{ref:\"confirmModal\",attrs:{\"size-class\":'modal-md',\"title\":'Refund Payment?',\"accept-button\":'I Agree'}},[_c('p',[_vm._v(\"\\n            Are you sure you want to refund the \"+_vm._s(_vm._f(\"currency\")(this.amount))+\" for coverage from \"+_vm._s(_vm._f(\"shortDate\")(this.effStart))+\" to \"+_vm._s(_vm._f(\"shortDate\")(this.effEnd))+\"?\\n        \")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./PaymentHistoryModal.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!./PaymentHistoryModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentHistoryModal.vue?vue&type=template&id=361d27c9&scoped=true&\"\nimport script from \"./PaymentHistoryModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentHistoryModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentHistoryModal.vue?vue&type=style&index=0&id=361d27c9&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  \"361d27c9\",\n  null\n  \n)\n\ncomponent.options.__file = \"PaymentHistoryModal.vue\"\nexport default component.exports"],"sourceRoot":""}