{"version":3,"sources":["webpack:///./src/views/globalclaims/Claims.vue?f6ad","webpack:///./src/views/globalclaims/Claims.vue","webpack:///./src/views/globalclaims/Claims.vue?0627"],"names":["_createElementBlock","_createElementVNode","class","style","_Fragment","_renderList","$data","tabs","t","key","name","_normalizeClass","showing","href","onClick","$event","$options","selectTab","closeTab","_createVNode","_component_pagination","showCount","data","pagination","onSearch","updatePagination","width","paginatedClaims","claim","id","selectClaim","_toDisplayString","type","escalated","registration","reference","presence","length","note_count","status","progress_message","post_failure_reason","dc_verified","date_received","incident_timestamp","days_since_incident","toFixed","claims","colspan","searching","_component_loader","show","selectedTab","claimTabs","tab","_createBlock","_component_claim","ref","claim_id","parseInt","client_id","users","onOpenClaim","components","Pagination","Loader","Claim","currPage","totalResults","from","to","perPage","lastPage","counts","driveoff","nmop","parking","actionable","waiting","nonactionable","socket","interval","created","this","Socket","$store","state","auth","user","ws_url","unmounted","off","message","push","content","filter","u","clearInterval","next","console","log","component","$refs","canClose","triggerClose","forEach","sendToGroup","email","showClientSelector","commit","mounted","$route","params","on","_ts","Date","now","setInterval","searchClaims","methods","page","Math","ceil","findTab","existingCheck","url","axios","get","headers","authHeader","then","response","DateTime","fromSeconds","toFormat","abs","diffNow","toObject","days","count","catch","error","$error","finally","qc","val","undefined","computed","slice","__exports__","render"],"mappings":"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","file":"js/chunk-a755dac6.dfee43c5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Claims.vue?vue&type=style&index=0&id=98d4da60&scoped=true&lang=css\"","<template>\n    <div>\n\n        <div class=\"card bd-0 mg-b-20\" style=\"background: transparent;\">\n            <div class=\"card-header bg-primary tx-white\">\n                <ul class=\"nav nav-tabs nav-tabs-for-dark card-header-tabs\">\n                    <li v-for=\"t in tabs\" :key=\"'tab-' + t.name\" class=\"nav-item\">\n                        <a class=\"nav-link text-white bd-0 pd-y-8 ft-left\" :class=\"{'active pd-y-8': t.showing}\" href=\"javascript:void(0);\" @click=\"selectTab(t.name)\">{{t.name}}</a>\n                        <a v-if=\"t.name !== 'Search'\" class=\"nav-link text-white bd-0 pd-y-8 ft-right tab-close\" style=\"padding-left: 0; padding-right: 0; margin-left: -1rem;\" :class=\"{'active pd-y-8': t.showing}\" href=\"javascript:void(0);\" @click=\"closeTab(t.name)\"><i class=\"fas fa-times\"></i></a>\n                    </li>\n                </ul>\n            </div><!-- card-header -->\n            <div class=\"card-body\" style=\"background: transparent;\">\n                <div v-show=\"selectedTab.name === 'Search'\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <pagination :showCount=\"true\" :data=\"pagination\" @search=\"updatePagination\"></pagination>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"mg-t-20 col-12\">\n                            <table v-show=\"!searching\" width=\"100%\" class=\"table table-striped table-hover tx-white\">\n                                <thead class=\"thead-colored thead-primary\">\n                                <tr>\n                                    <th>#</th>\n                                    <th>Type</th>\n                                    <th>Plate</th>\n                                    <th>Reference</th>\n                                    <th>Notes</th>\n                                    <th>Progress Message</th>\n                                    <th>Status</th>\n                                    <th>Created</th>\n                                    <th>Incident Date</th>\n                                </tr>\n                                </thead>\n                                <tbody>\n                                <tr v-for=\"claim in paginatedClaims\" style=\"cursor: pointer\" :key=\"'claim-' + claim.id\" @click=\"selectClaim(claim)\">\n                                    <td>{{claim.id}}</td>\n                                    <td>{{claim.type}} <span v-if=\"claim.escalated\">(No Means of Payment)</span></td>\n                                    <td>{{claim.registration}}</td>\n                                    <td>\n                                        {{claim.reference}}\n                                        <span v-show=\"claim.presence.length > 0\" class=\"text-info\">\n                                            ({{ claim.presence.length }} {{ claim.presence.length > 1 ? 'viewers' : 'viewer' }})\n                                        </span>\n                                    </td>\n                                    <td><span v-if=\"claim.note_count > 0\" class=\"badge badge-primary\">{{claim.note_count}}</span></td>\n                                    <td v-if=\"(claim.type === 'parking' || claim.type === 'evparking') && claim.status === 'KADOE Error'\">\n                                        {{claim.post_failure_reason}}\n                                    </td>\n                                    <td v-else>{{claim.progress_message}}</td>\n                                    <td :class=\"{'text-success': claim.status === 'Debt Collection Review' && claim.dc_verified == 1}\">{{claim.status}}</td>\n                                    <td>{{claim.date_received}}</td>\n                                    <td>\n                                        {{ claim.incident_timestamp || '-' }}\n                                        <span v-if=\"claim.incident_timestamp\">({{ claim.days_since_incident.toFixed(0) }} days ago)</span>\n                                    </td>\n                                </tr>\n                                <tr v-if=\"claims.length < 1\">\n                                    <td colspan=\"9\" class=\"tx-center\">No claims were found that match your search criteria.</td>\n                                </tr>\n                                </tbody>\n                            </table>\n                            <loader :show=\"searching\"></loader>\n                        </div>\n                    </div>\n                </div>\n                <claim :ref=\"'claim-' + tab.id\" v-for=\"tab in claimTabs\" v-show=\"tab.showing\" :key=\"tab.id\" :claim_id=\"parseInt(tab.id)\" :client_id=\"parseInt(tab.client_id)\" :presence=\"presence.users\" @open-claim=\"selectClaim\"></claim>\n            </div>\n        </div>\n\n    </div>\n</template>\n\n<script>\nimport Pagination from '@/components/Pagination.vue';\nimport Loader from '@/components/Loader.vue';\nimport Claim from '@/views/claims/Claim.vue';\nimport authHeader from '@/services/auth-header.js';\nimport {DateTime} from 'luxon';\nimport axios from 'axios';\nimport Socket from '@/services/socket.js';\n\nexport default {\n    name: 'Claims',\n    components: {\n        Pagination,\n        Loader,\n        Claim\n    },\n    data(){\n        return {\n            status: \"Pending\",\n            pagination: {\n                currPage: 1,\n                totalResults: 0,\n                from: 0,\n                to: 0,\n                perPage: 20,\n                lastPage: 1,\n            },\n            counts: {\n                driveoff: 0,\n                nmop: 0,\n                parking: 0,\n                actionable: 0,\n                waiting: 0,\n                nonactionable: 0\n            },\n            claims: [],\n            tabs: [\n                {\n                    name: \"Search\",\n                    claim: false,\n                    id: -1,\n                    showing: true\n                }\n            ],\n            searching: false,\n            socket: null,\n            presence: {\n                users: [],\n                interval: null\n            },\n        }\n    },\n    created(){\n        this.socket = new Socket(this.$store.state.auth.user.ws_url);\n    },  \n    unmounted(){\n        this.socket.off('open-claim', (message) => {\n            this.presence.users.push(message.content);\n        });\n        this.socket.off('close-claim', (message) => {\n            this.presence.users = this.presence.users.filter(u => {\n                return !(\n                    u.reference == message.reference &&\n                    u.user.id == message.content.user.id\n                );\n            });\n        });\n        clearInterval(this.presence.interval);\n    },  \n    async beforeRouteLeave(to, from, next){\n        let claimTabs = this.tabs.filter(tab => {\n            return tab.claim == true;\n        });\n\n        if(claimTabs.length > 0){\n            console.log(`Found ${claimTabs.length} claim tabs`);\n            for await (let tab of claimTabs){\n                console.log(`Checking tab ${tab.id}`);\n                let component = this.$refs[`claim-${tab.id}`][0];\n                let canClose = await component.triggerClose();\n                console.log(`Tab ${tab.id} can close: ${canClose}`);\n                if(!canClose){\n                    next(false);\n                    return;\n                }else{\n                    if(tab.showing){\n                        this.tabs.forEach(t => {\n                            t.showing = t.name === 'Search';\n                        });\n                    }\n\n                    this.socket.sendToGroup('claims', {\"event\": \"close-claim\", \"content\": {\n                        \"reference\": tab.name,\n                        \"user\": {\n                            \"id\": this.$store.state.auth.user.id,\n                            \"email\": this.$store.state.auth.user.email\n                        }\n                    }});\n\n                    this.tabs = this.tabs.filter(t => {\n                        return t.id !== tab.id;\n                    });\n                }\n            }\n        }\n\n        if(!this.$store.state.showClientSelector){\n            this.$store.commit('toggleClientSelector');\n        }\n\n        next();\n    },\n    mounted(){\n        this.status = this.$route.params.status;\n        this.socket.on('open-claim', (message) => {\n            message._ts = Date.now();\n            if(this.presence.users.filter(u => {\n                return u.reference == message.reference &&\n                    u.user.id == message.user.id\n            }).length > 0){\n                this.presence.users.filter(u => {\n                    return u.reference == message.reference &&\n                        u.user.id == message.user.id\n                })[0]._ts = Date.now();\n                return;\n            }\n            this.presence.users.push(message);\n            this.claims.forEach((claim) => {\n                if(claim.reference == message.reference){\n                    if(claim.presence.filter((u) => {\n                        return u.reference == message.reference &&\n                            u.user.id == message.user.id\n                    }).length < 1){\n                        claim.presence.push(message);\n                    }\n                }\n            });\n        });\n        this.socket.on('close-claim', (message) => {\n            this.presence.users = this.presence.users.filter(u => {\n                return !(\n                    u.reference == message.reference &&\n                    u.user.id == message.user.id\n                );\n            });\n            this.claims.forEach((claim) => {\n                if(claim.reference == message.reference){\n                    claim.presence = claim.presence.filter((u) => {\n                        return !(\n                            u.reference == message.reference &&\n                            u.user.id == message.user.id\n                        );\n                    });\n                }\n            });\n        });\n        this.presence.interval = setInterval(() => {\n            this.tabs.forEach((tab) => {\n                if(tab.name !== 'Search'){\n                    this.socket.sendToGroup('claims', {\"event\": \"open-claim\", \"content\": {\n                        \"reference\": tab.name,\n                        \"user\": {\n                            \"id\": this.$store.state.auth.user.id,\n                            \"email\": this.$store.state.auth.user.email\n                        }\n                    }});\n                }\n            });\n\n            this.presence.users = this.presence.users.filter((u) => {\n                return Date.now() - u._ts < 15000;\n            });\n        }, 5000);\n\n        this.searchClaims();\n    },\n    methods: {\n        updatePagination(page = 1){\n            if(parseInt(page) == parseInt(this.pagination.currPage)){\n                this.searchClaims();\n                return;\n            }\n            this.pagination.currPage = page;\n            this.pagination.from = this.pagination.currPage * this.pagination.perPage - this.pagination.perPage + 1;\n            this.pagination.to = this.pagination.currPage * this.pagination.perPage;\n            this.pagination.lastPage = Math.ceil(this.pagination.totalResults / this.pagination.perPage);\n        },\n        selectTab(t){\n            let findTab = this.tabs.filter(tab => {\n                return tab.name === t;\n            })[0];\n\n            if(!findTab) return;\n\n            this.tabs.forEach(tab => {\n                tab.showing = false;\n            });\n\n            findTab.showing = true;\n\n        },\n        async closeTab(t){\n            let findTab = this.tabs.filter(tab => {\n                return tab.name === t;\n            })[0];\n\n            if(!findTab) return;\n\n            let component = this.$refs[`claim-${findTab.id}`][0];\n            console.log(component);\n\n            let canClose = await component.triggerClose();\n\n            if(!canClose) return;\n\n            if(findTab.showing){\n                this.tabs.forEach(tab => {\n                    tab.showing = tab.name === 'Search';\n                });\n            }\n\n            this.socket.sendToGroup('claims', {\"event\": \"close-claim\", \"content\": {\n                \"reference\": findTab.name,\n                \"user\": {\n                    \"id\": this.$store.state.auth.user.id,\n                    \"email\": this.$store.state.auth.user.email\n                }\n            }});\n\n            this.tabs = this.tabs.filter(tab => {\n                return tab.id !== findTab.id;\n            });\n\n            this.claims = this.claims.filter(claim => {\n                return claim.id !== findTab.id;\n            });\n\n            if(!this.$store.state.showClientSelector && this.tabs.length < 2){\n                this.$store.commit('toggleClientSelector');\n            }\n        },\n        selectClaim(claim){\n            let existingCheck = this.tabs.filter(t => {\n                return t.id == claim.id;\n            })[0];\n            if(existingCheck){\n                this.tabs.forEach(t => {\n                    t.showing = t.id === claim.id;\n                });\n                return;\n            }\n            this.tabs.forEach(t => {\n                t.showing = false;\n            });\n            this.tabs.push({\n                name: claim.reference,\n                id: claim.id,\n                claim: true,\n                client_id: claim.client_id,\n                showing: true\n            });\n            this.socket.sendToGroup('claims', {\"event\": \"open-claim\", \"content\": {\n                \"reference\": claim.reference,\n                \"user\": {\n                    \"id\": this.$store.state.auth.user.id,\n                    \"email\": this.$store.state.auth.user.email\n                }\n            }});\n            if(this.$store.state.showClientSelector && this.tabs.length > 1){\n                this.$store.commit('toggleClientSelector');\n            }\n        },\n        searchClaims(){\n            let url = `https://api.varsanpr.com/api/claims/global/${this.status}`;\n\n            this.searching = true;\n\n            axios.get(url, {\n                headers: authHeader()\n            })\n                .then(response => {\n                    response.data.claims.forEach((claim) => {\n                        claim.date_received = DateTime.fromSeconds(parseInt(claim.date_received)).toFormat(\"dd/MM/yyyy\")\n                        claim.escalated = claim.type === 'escalated';\n                        switch(claim.type){\n                            case 'driveoff':\n                            case 'escalated':\n                            case 'cnafe':\n                                claim.type = 'Drive Off';\n                                break;\n                            case 'nmop':\n                                claim.type = 'No Means of Payment';\n                                break;\n                            case 'parking':\n                                claim.type = 'Parking';\n                                break;\n                            case 'evparking':\n                                claim.type = 'EV Parking';\n                                break;\n                            case 'cnaf':\n                                claim.type = 'Customer Not at Fault';\n                                break;\n                        }\n                        claim.days_since_incident = null;\n                        if(claim.incident_timestamp){\n                            claim.days_since_incident = Math.abs(DateTime.fromSeconds(parseInt(claim.incident_timestamp)).diffNow('days').toObject().days.toFixed(2));\n                            claim.incident_timestamp = DateTime.fromSeconds(parseInt(claim.incident_timestamp)).toFormat(\"dd/MM/yyyy\");\n                        }\n                        claim.presence = this.presence.users.filter(u => {\n                            return u.reference == claim.reference;\n                        }) || [];\n                    })\n                    this.claims = response.data.claims;\n                    this.pagination.totalResults = response.data.count;\n                    this.pagination.from = this.pagination.currPage * this.pagination.perPage - this.pagination.perPage + 1;\n                    this.pagination.to = this.pagination.currPage * this.pagination.perPage;\n                    this.pagination.lastPage = Math.ceil(this.pagination.totalResults / this.pagination.perPage);\n                })\n                .catch(error => {\n                    this.$error(\"Unable to load claims\", error);\n                })\n            .finally(() => {\n                this.searching = false;\n            });\n        },\n        qc(val){\n            if(val === null) return false;\n            if(val === undefined) return false;\n\n            if(typeof val === 'string'){\n                if(val.length < 1) return false;\n            }\n\n            return true;\n        },\n    },\n    computed: {\n        selectedTab: function(){\n            return this.tabs.filter(t => {\n                return t.showing;\n            })[0];\n        },\n        claimTabs: function(){\n            return this.tabs.filter(tab => {\n                return tab.claim == true;\n            });\n        },\n        paginatedClaims: function(){\n            return this.claims.slice(this.pagination.currPage * this.pagination.perPage - this.pagination.perPage, this.pagination.currPage * this.pagination.perPage);\n        },\n    }\n}\n</script>\n\n<style scoped>\n.card-header-tabs.nav-tabs-for-dark .nav-link.active {\n    border-bottom: 2px solid white;\n    background-color: transparent;\n}\n\n.card-header-tabs.nav-tabs-for-dark .nav-link:hover {\n    background-color: transparent;\n    border-bottom: 2px solid white;\n    font-weight: bold;\n}\n\n.tab-close:hover {\n    color: red !important;\n}\n\n.presence {\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    height: 100px;\n    width: 250px;\n    padding: 10px;\n    background-color: black;\n    opacity: .8;\n    color: white;\n}\n\n.is-viewed {\n    background-color: #b91d287d !important;\n}\n</style>\n","import { render } from \"./Claims.vue?vue&type=template&id=98d4da60&scoped=true\"\nimport script from \"./Claims.vue?vue&type=script&lang=js\"\nexport * from \"./Claims.vue?vue&type=script&lang=js\"\n\nimport \"./Claims.vue?vue&type=style&index=0&id=98d4da60&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/lmaccallum/Documents/GitHub/vars-claims-portal/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-98d4da60\"]])\n\nexport default __exports__"],"sourceRoot":""}