{"version":3,"sources":["webpack:///./src/views/cancellations/Admin.vue?973b","webpack:///./src/views/cancellations/Admin.vue","webpack:///./src/views/cancellations/Admin.vue?6aae"],"names":["_createElementBlock","_createElementVNode","class","style","_Fragment","_renderList","$data","tabs","t","_normalizeClass","showing","href","onClick","$event","$options","selectTab","name","closeTab","claimTabs","tab","_createBlock","_component_claim","key","id","claim_id","parseInt","client_id","onOpenClaim","selectClaim","presence","users","role","type","data-dismiss","aria-label","aria-hidden","_createVNode","_component_pagination","data","cancellations","onSearch","search","width","searching","entry","_toDisplayString","created_at_formatted","user_email","claim","reference","reason","acceptRequest","rejectRequest","length","colspan","_$options$selectedTab","selectedTab","components","Claim","Pagination","currPage","totalResults","from","to","perPage","lastPage","socket","interval","created","this","Socket","$store","state","auth","user","ws_url","unmounted","off","message","push","content","filter","u","showClientSelector","commit","clearInterval","mounted","on","_ts","Date","now","setInterval","forEach","sendToGroup","email","methods","page","axios","get","headers","authHeader","then","response","c","DateTime","fromSeconds","created_at","toLocaleString","DATETIME_MED","pagination","total","catch","error","$error","value","category","Swal","fire","title","text","icon","input","inputValue","inputOptions","post","user_id","paid_on_site","$success","console","log","showDenyButton","showCancelButton","confirmButtonText","denyButtonText","async","result","isDismissed","isConfirmed","inputPlaceholder","findTab","existingCheck","computed","__exports__","render"],"mappings":"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","file":"js/chunk-63f2c1ef.b1367b8f.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!./Admin.vue?vue&type=style&index=0&id=23752073&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\" class=\"nav-item\">\n                        <a class=\"nav-link text-white bd-0 pd-y-8 ft-left\" v-bind:class=\"{'active pd-y-8': t.showing}\" href=\"javascript:void(0);\" @click=\"selectTab(t.name)\">{{t.name}}</a>\n                        <a v-if=\"t.name !== 'Requests'\" class=\"nav-link text-white bd-0 pd-y-8 ft-right tab-close\" style=\"padding-left: 0; padding-right: 0; margin-left: -1rem;\" v-bind: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                <claim v-for=\"tab in claimTabs\" v-show=\"tab.showing\" :key=\"tab.id\" :claim_id=\"parseInt(tab.id)\" :client_id=\"parseInt(tab.client_id)\" @open-claim=\"selectClaim\" :presence=\"presence.users\"></claim>\n                <div v-show=\"selectedTab?.name === 'Requests'\" class=\"row mg-t-20\">\n                    <div class=\"col-lg-12\">\n                        <div class=\"alert alert-info mg-b-10\" role=\"alert\">\n                            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\">&times;</span>\n                            </button>\n                            <strong class=\"d-block d-sm-inline-block-force\">Heads up!</strong> When you accept or reject a request, the user will receive an email notifying them. This will include the reason provided if you reject it.\n                        </div><!-- alert -->\n                        <pagination v-bind:data=\"cancellations\" @search=\"search\"></pagination>\n\n                        <table width=\"100%\" class=\"table table-striped table-hover tx-white\">\n                            <thead class=\"thead-colored thead-primary\">\n                            <tr>\n                                <th>Created At</th>\n                                <th>User Requested</th>\n                                <th>Claim Reference</th>\n                                <th>Reason</th>\n                                <th></th>\n                            </tr>\n                            </thead>\n                            <tbody>\n                            <tr v-for=\"entry in cancellations.data\" v-if=\"!searching\" style=\"cursor: pointer\">\n                                <th>{{ entry.created_at_formatted }}</th>\n                                <th>{{entry.user_email}}</th>\n                                <td style=\"cursor: pointer;\" class=\"claim-link\" @click=\"selectClaim(entry)\">{{entry.claim.reference}}</td>\n                                <td>{{entry.reason}}</td>\n                                <td>\n                                    <button class=\"btn btn-sm btn-primary\" @click=\"acceptRequest(entry)\">Accept Request</button>\n                                    <button class=\"btn btn-sm btn-danger\" @click=\"rejectRequest(entry)\">Reject Request</button>\n                                </td>\n                            </tr>\n                            <tr v-if=\"cancellations.data.length < 1 && !searching\">\n                                <td colspan=\"4\" class=\"text-center\">No Cancellations</td>\n                            </tr>\n                            <tr v-if=\"searching\">\n                                <td colspan=\"4\" class=\"text-center\">\n                                    <div class=\"spinner-border text-secondary m-2\" role=\"status\">\n                                        <span class=\"sr-only\">Loading...</span>\n                                    </div>\n                                </td>\n                            </tr>\n                            </tbody>\n                        </table>\n\n                        <pagination v-bind:data=\"cancellations\" @search=\"search\"></pagination>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Pagination from \"../../components/Pagination\";\nimport Swal from \"sweetalert2\";\nimport Claim from \"../claims/Claim\";\nimport axios from \"axios\";\nimport authHeader from \"@/services/auth-header\";\nimport {DateTime} from 'luxon';\nimport Socket from \"@/services/socket\";\n\nexport default {\n    name: \"AdminCancellations\",\n    components: {Claim, Pagination},\n    data(){\n        return {\n            cancellations: {\n                data: [],\n                currPage: 1,\n                totalResults: 0,\n                from: 0,\n                to: 0,\n                perPage: 0,\n                lastPage: 1\n            },\n            searching: true,\n            tabs: [\n                {\n                    name: \"Requests\",\n                    claim: false,\n                    id: -1,\n                    showing: true\n                }\n            ],\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        if(!this.$store.state.showClientSelector){\n            this.$store.commit('toggleClientSelector');\n        }\n        clearInterval(this.presence.interval);\n    },  \n    mounted() {\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        });\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        });\n        this.presence.interval = setInterval(() => {\n            this.tabs.forEach((tab) => {\n                if(tab.name !== 'Requests'){\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        this.search();\n    },\n    methods: {\n        search(page = 1){\n            this.searching = true;\n            axios.get(`https://server.varsanpr.com/api/cancellations?page=${page}`, {\n                headers: authHeader()\n            })\n                .then(response => {\n                    response.data.cancellations.forEach((c) => {\n                        c.created_at_formatted = DateTime.fromSeconds(c.created_at).toLocaleString(DateTime.DATETIME_MED);\n                    });\n                    this.cancellations.data = response.data.cancellations;\n                    this.cancellations.currPage = response.data.pagination.page;\n                    this.cancellations.totalResults = response.data.pagination.total;\n                    this.cancellations.from = (this.cancellations.currPage - 1) * response.data.pagination.showing + 1;\n                    this.cancellations.to = this.cancellations.from + response.data.pagination.showing;\n                    this.cancellations.perPage = response.data.pagination.showing;\n                    this.cancellations.lastPage = response.data.pagination.lastPage;\n                    this.searching = false;\n                })\n                .catch(error => {\n                    this.$error(\"Failed loading cancellation requests.\", error);\n                });\n        },\n        async acceptRequest(entry){\n\n            if(entry.claim.type == 'parking' || entry.claim.type == 'evparking'){\n                let {value: category} = await Swal.fire({\n                title: 'Please select a cancellation category',\n                text: 'This will be used by customers to understand the reasons their claims are being cancelled. If you are unsure which one to select please speak to your manager.',\n                icon: 'warning',\n                input: 'select',\n                inputValue: 'Other',\n                inputOptions: {\n                    'Duplicate Claim': 'Duplicate Claim',\n                    'Tampered Plate': 'Tampered Plate',\n                    'Cloned Plate': 'Cloned Plate',\n                    'Fake Plate': 'Fake Plate',\n                    'Foreign Plate': 'Foreign Plate',\n                    'No Plate': 'No Plate',\n                    'Requested by Site': 'Requested by Site',\n                    'Requested by Head Office': 'Requested by Head Office',\n                    'Incorrect Submission': 'Incorrect Submission',\n                    'Other': 'Other'\n                },\n            })\n\n                  axios.post(`https://api.varsanpr.com/api/cancellations/accept`, {\n                      claim_id: entry.claim.id,\n                      user_id: entry.user_id,\n                      client_id: entry.client_id,\n                      paid_on_site: false,\n                        category: category\n                  }, {\n                    headers: authHeader()\n                  })\n                      .then(response => {\n                          this.$success(\"Cancellation has been accepted.\");\n                          this.search(this.cancellations.currPage);\n                      })\n                      .catch(error => {\n                          console.log(error);\n                          this.$error(\"Failed to cancel claim.\", error);\n                      })\n            }else{\n                await Swal.fire({\n                title: `Is this being cancelled because it was Paid on Site?`,\n                icon: \"warning\",\n                showDenyButton: true,\n                showCancelButton: true,\n                confirmButtonText: 'Yes',\n                denyButtonText: 'No'\n            })\n            .then(async (result) => {\n\n                if(result.isDismissed){\n                    return;\n                }\n\n              if(result){\n\n                let {value: category} = await Swal.fire({\n                title: 'Please select a cancellation category',\n                text: 'This will be used by customers to understand the reasons their claims are being cancelled. If you are unsure which one to select please speak to your manager.',\n                icon: 'warning',\n                input: 'select',\n                inputValue: 'Other',\n                inputOptions: {\n                    'Duplicate Claim': 'Duplicate Claim',\n                    'Tampered Plate': 'Tampered Plate',\n                    'Cloned Plate': 'Cloned Plate',\n                    'Fake Plate': 'Fake Plate',\n                    'Foreign Plate': 'Foreign Plate',\n                    'No Plate': 'No Plate',\n                    'Requested by Site': 'Requested by Site',\n                    'Requested by Head Office': 'Requested by Head Office',\n                    'Incorrect Submission': 'Incorrect Submission',\n                    'Other': 'Other'\n                },\n            })\n\n                  axios.post(`https://api.varsanpr.com/api/cancellations/accept`, {\n                      claim_id: entry.claim.id,\n                      user_id: entry.user_id,\n                      client_id: entry.client_id,\n                      paid_on_site: result.isConfirmed,\n                        category: category\n                  }, {\n                    headers: authHeader()\n                  })\n                      .then(response => {\n                          this.$success(\"Cancellation has been accepted.\");\n                          this.search(this.cancellations.currPage);\n                      })\n                      .catch(error => {\n                          console.log(error);\n                          this.$error(\"Failed to cancel claim.\", error);\n                      })\n              }\n\n            });\n            }\n\n        },\n        async rejectRequest(entry){\n            const {value: reason} = await Swal.fire({\n                title: `Please explain your reason for rejecting this request`,\n                input: 'textarea',\n                inputPlaceholder: 'Please explain why you are rejecting this request',\n                showCancelButton: true\n            });\n\n            if(reason){\n                axios.post(`https://api.varsanpr.com/api/cancellations/reject`, {\n                    reason: reason,\n                    claim_id: entry.claim.id,\n                    user_id: entry.user_id,\n                    client_id: entry.client_id\n                }, {\n                    headers: authHeader()\n                })\n                    .then(response => {\n                        this.$success(\"Cancellation request rejected.\");\n                        this.search(this.cancellations.currPage);\n                    })\n                    .catch(error => {\n                        console.log(error);\n                        this.$error(\"Unable to reject request.\");\n                    });\n            }\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        closeTab(t){\n            let findTab = this.tabs.filter(tab => {\n                return tab.name === t;\n            })[0];\n\n            if(!findTab) return;\n\n            if(findTab.showing){\n                this.tabs.forEach(tab => {\n                    tab.showing = tab.name === 'Requests';\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            if(!this.$store.state.showClientSelector && this.tabs.length < 2){\n                this.$store.commit('toggleClientSelector');\n            }\n        },\n        selectClaim(claim){\n            console.log(`Opening Claim.`, claim);\n            // $router.push(`/claims/management/${claim.id}`);\n            let existingCheck = this.tabs.filter(t => {\n                return t.id == claim.claim_id;\n            })[0];\n            if(existingCheck){\n                this.tabs.forEach(t => {\n                    t.showing = t.id === claim.claim_id;\n                });\n                return;\n            }\n            this.tabs.forEach(t => {\n                t.showing = false;\n            });\n            if(claim.claim){\n                this.tabs.push({\n                    name: claim.claim.reference,\n                    id: claim.claim_id,\n                    client_id: claim.client_id,\n                    claim: true,\n                    showing: true\n                });\n            }else{\n                this.tabs.push({\n                    name: claim.reference,\n                    id: claim.id,\n                    client_id: claim.client_id,\n                    claim: true,\n                    showing: true\n                });\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\n            if(this.$store.state.showClientSelector && this.tabs.length > 1){\n                this.$store.commit('toggleClientSelector');\n            }\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    }\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.claim-link:hover {\n    color: dodgerblue;\n    border-bottom: 1px solid dodgerblue;\n}\n</style>\n","import { render } from \"./Admin.vue?vue&type=template&id=23752073&scoped=true\"\nimport script from \"./Admin.vue?vue&type=script&lang=js\"\nexport * from \"./Admin.vue?vue&type=script&lang=js\"\n\nimport \"./Admin.vue?vue&type=style&index=0&id=23752073&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-23752073\"]])\n\nexport default __exports__"],"sourceRoot":""}