{"version":3,"sources":["webpack:///./src/service/TicketService.js","webpack:///./src/pages/Assistance.vue","webpack:///./src/pages/Assistance.vue?a9d0","webpack:///./src/pages/Assistance.vue?c688"],"names":["TicketService","postNewTicket","accesstoken","ticketSubject","ticketContent","options","headers","Config","bodyTosend","axios","post","proxy","url","then","res","status","catch","error","console","log","Promise","reject","email","ticketsObject","get","data","this","formatTickets","sendComment","body","ticketId","bodyToSend","ownerEmail","userTicketsObject","filter","ticket","owner","store","commit","ticketArray","forEach","formattedTicket","uid","created","Date","date","toLocaleDateString","updated","closed","closedDate","subject","issue","parseHtmlIssue","push","replace","class","_createBlock","_Fragment","_createVNode","_component_Toast","_toDisplayString","_ctx","$t","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_component_Button","icon","label","$data","callUsLabel","_hoisted_5","_hoisted_6","_hoisted_7","chatWithUsLabel","_hoisted_8","_hoisted_9","_hoisted_10","checkYourTicketsLabel","onClick","_cache","$event","$options","goToYourTickets","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_component_Card","content","_withId","_createTextVNode","_","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_component_InputText","id","placeholder","placeholderName","modelValue","name","_hoisted_23","placeholderSurname","surname","_hoisted_24","placeholderEmail","_hoisted_25","placeholderTel","telephone","_hoisted_26","_component_Dropdown","selectedOption","optionLabel","placeholderDropdown","_hoisted_27","style","rows","_hoisted_28","placeholderSubmit","sendTicket","newTicketSuccessMessage","newTicketSuccessDetail","newTicketFailMessage","newTicketFailDetail","computed","access_token","$store","getters","ticketService","methods","responseCode","$toast","add","severity","summary","detail","life","resetFields","$router","__exports__","render"],"mappings":"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","file":"js/chunk-19cb4c7a.c2a0dbfb.js","sourcesContent":["import axios from \"axios\";\r\nimport Config from \"@/config\";\r\nimport store from \"../store/index.js\"\r\n\r\nexport default class TicketService {\r\n    postNewTicket(accesstoken, ticketSubject, ticketContent){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n\r\n        let bodyTosend = {\r\n            \"subject\": ticketSubject,\r\n            \"issue\": ticketContent,\r\n            \"group\": \"627295145b5bcec3fda65ba2\",\r\n            \"type\": \"62704527eb80da078e1c2e0b\",\r\n            \"priority\": \"6270452eb252dd96354f8712\"\r\n        }\r\n        return axios\r\n            .post(\r\n                Config.proxy + Config.url(\"ticket\") + \"create\",\r\n                bodyTosend,\r\n                options\r\n            )\r\n            .then(res => res.status)\r\n            .catch(\r\n                function (error) {\r\n                console.log('Show error notification!')\r\n                return Promise.reject(error)\r\n                }\r\n            )\r\n    }\r\n\r\n    async getTickets(accesstoken, email){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n\r\n        let ticketsObject = await axios\r\n                .get(\r\n                    Config.proxy + Config.url(\"ticket\"),\r\n                    options\r\n                )\r\n                .then(res => res.data)\r\n                .catch(\r\n                    function (error) {\r\n                    console.log('Show error notification!')\r\n                    return Promise.reject(error)\r\n                    }\r\n                )\r\n        return this.formatTickets(ticketsObject, email)\r\n    }\r\n\r\n    sendComment(accesstoken, body, ticketId){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n        const bodyToSend ={\r\n            \"_id\": ticketId,\r\n            \"comment\": body\r\n        }\r\n\r\n        return axios\r\n        .post(\r\n            Config.proxy + Config.url(\"ticket\") + \"addcomment\",\r\n            bodyToSend,\r\n            options\r\n        )\r\n        .then(res => res.data)\r\n        .catch(\r\n            function (error) {\r\n            console.log('Show error notification!')\r\n            return Promise.reject(error)\r\n            }\r\n        )\r\n    }\r\n\r\n    formatTickets(ticketsObject, ownerEmail){\r\n        let userTicketsObject = ticketsObject.filter(ticket => ticket.owner.email == ownerEmail);\r\n        store.commit(\"tickets/setTicketsList\", userTicketsObject);\r\n        let ticketArray = [];\r\n        userTicketsObject.forEach(ticket => {\r\n            let formattedTicket = {};\r\n            formattedTicket.uid = ticket.uid;\r\n            formattedTicket.created = new Date(ticket.date).toLocaleDateString();\r\n            formattedTicket.status = ticket.status;\r\n            formattedTicket.updated = ticket.updated ? new Date(ticket.updated).toLocaleDateString() : \"-\";\r\n            formattedTicket.closed = ticket.closedDate ? new Date(ticket.closedDate).toLocaleDateString() : \"-\";\r\n            formattedTicket.subject = ticket.subject;\r\n            formattedTicket.issue = this.parseHtmlIssue(ticket.issue);\r\n            ticketArray.push(formattedTicket)\r\n        });\r\n        return ticketArray;\r\n    }\r\n    parseHtmlIssue(issue){\r\n        issue = issue.replace(/(<([^>]+)>)/g, \"\\n\")\r\n        return issue\r\n    }\r\n}","<template>\r\n    <Toast />\r\n    <h1>{{$t(\"assistance.sectionName\")}}</h1>\r\n    <div class=\"grid\">\r\n        <div class=\"sm:col-12 md:col-4 lg:col-4\" >\r\n            <div class=\"assistence-box\">\r\n                <h6>{{$t(\"assistance.callUs\")}}</h6>\r\n                <p>{{$t(\"assistance.callUsBody\")}}</p>\r\n                <div class=\"hyperlink\">\r\n                    <Button icon=\"pi pi-phone\" class=\"p-button-text p-button-plain\" :label=\"callUsLabel\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"sm:col-12 md:col-4 lg:col-4 assistance-box\">\r\n            <div class=\"assistence-box\">\r\n                <h6>{{$t(\"assistance.liveChat\")}}</h6>\r\n                <p>{{$t(\"assistance.liveChatBody\")}}</p>\r\n                <div class=\"hyperlink\">\r\n                    <Button icon=\"pi pi-comments\" class=\"p-button-text p-button-plain\" :label=\"chatWithUsLabel\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"sm:col-12 md:col-4 lg:col-4 assistance-box\">\r\n            <div class=\"assistence-box\">\r\n                <h6>{{$t(\"assistance.goToTicket\")}}</h6>\r\n                <p>{{$t(\"assistance.goToTicketBody\")}}</p>\r\n                <div class=\"hyperlink\">\r\n                    <Button icon=\"pi pi-question-circle\" class=\"p-button-text p-button-plain\" :label=\"checkYourTicketsLabel\" @click=\"goToYourTickets()\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n        <div class=\"sm:col-12 md:col-4 lg:col-4\">\r\n            <h4> {{$t(\"assistance.service\")}}</h4>\r\n                <div class=\"grid\">\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                                {{$t(\"assistance.instructions\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                                {{$t(\"assistance.warranty\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                               {{$t(\"assistance.registerProduct\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                                {{$t(\"assistance.accessoriesReplacements\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                                {{$t(\"assistance.checkCare\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <Card>\r\n                            <template #content>\r\n                                {{$t(\"assistance.news\")}}\r\n                            </template>\r\n                        </Card>\r\n                    </div>\r\n                </div>\r\n        </div>\r\n        <div class=\"sm:col-12 md:col-8 lg:col-8\">\r\n            <h4> {{$t(\"assistance.requestAssistance\")}}</h4> \r\n            <div class=\"grid\">\r\n                <div class=\"col-6\">\r\n                    <InputText id=\"name\" :placeholder=\"placeholderName\" v-model=\"name\"/>\r\n                </div>\r\n                <div class=\"col-6\">\r\n                    <InputText id=\"surname\" :placeholder=\"placeholderSurname\" v-model=\"surname\"/>\r\n                </div>\r\n                <div class=\"col-6\">\r\n                    <InputText id=\"email\" :placeholder=\"placeholderEmail\" v-model=\"email\"/>\r\n                </div>\r\n                <div class=\"col-6\">\r\n                    <InputText id=\"telephone\" :placeholder=\"placeholderTel\" v-model=\"telephone\"/>\r\n                </div>\r\n\r\n                <div class=\"col\">\r\n                    <Dropdown v-model=\"selectedOption\" :options=\"options\" optionLabel=\"name\" :placeholder=\"placeholderDropdown\" />\r\n                </div>\r\n\r\n                <div class = \"col-12\">\r\n                    <h6>{{$t(\"assistance.notes\")}}</h6>\r\n                    <textarea class=\"custom-text-area\" v-model=\"ticketContent\" style=\"width:100%\" rows=\"5\"></textarea>\r\n                </div>\r\n                <div class = \"col-12\">\r\n                    <Button style=\"float:right\" :label=\"placeholderSubmit\" @click=\"sendTicket()\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport TicketService from \"../service/TicketService\";\r\n\r\nexport default {\r\n    data(){\r\n        return {\r\n            callUsLabel: this.$t('assistance.number'),\r\n            chatWithUsLabel: this.$t(\"assistance.chatWithUsButtonLabel\"),\r\n            checkYourTicketsLabel: this.$t(\"assistance.checkYourTicketsLabel\"),\r\n            placeholderName: this.$t(\"assistance.placeholderName\"),\r\n            placeholderSurname: this.$t(\"assistance.placeholderSurname\"),\r\n            placeholderEmail: this.$t(\"assistance.placeholderEmail\"),\r\n            placeholderTel: this.$t(\"assistance.placeholderTel\"),\r\n            placeholderDropdown: this.$t(\"assistance.placeholderDropdown\"),\r\n            placeholderSubmit: this.$t(\"assistance.placeholderSubmit\"),\r\n            newTicketSuccessMessage: this.$t(\"assistance.newTicketSuccessMessage\"),\r\n            newTicketSuccessDetail: this.$t(\"assistance.newTicketSuccessDetail\"),\r\n            newTicketFailMessage: this.$t(\"assistance.newTicketFailMessage\"),\r\n            newTicketFailDetail: this.$t(\"assistance.newTicketFailDetail\"),\r\n\r\n            telephone:null,\r\n            selectedOption:null,\r\n            ticketContent:null,\r\n            options:[\r\n                {name:\"Test Product\"},\r\n                {name:\"Test Appliance\"},\r\n                {name:\"Test Recipes\"}\r\n            ]\r\n\r\n        }\r\n    },\r\n    computed: {\r\n        access_token: function() {\r\n            return this.$store.getters[\"userdata/getAccessToken\"];\r\n        },\r\n        name: function() {\r\n            return this.$store.getters[\"profile/name\"];\r\n        },\r\n        email: function(){\r\n            return this.$store.getters[\"profile/email\"];\r\n        },\r\n        surname: function() {\r\n            return this.$store.getters[\"profile/surname\"];\r\n        }\r\n    },\r\n    created() {\r\n        this.ticketService = new TicketService();\r\n    },\r\n    methods: {\r\n       async sendTicket(){\r\n        let responseCode = await this.ticketService.postNewTicket(this.access_token, this.selectedOption.name, this.ticketContent);\r\n        if (responseCode == 200){\r\n            this.$toast.add({severity:'success', summary: this.newTicketSuccessMessage, detail: this.newTicketSuccessDetail, life: 3000});\r\n        } else {\r\n            this.$toast.add({severity:'error', summary: this.newTicketFailMessage, detail:this.newTicketFailDetail, life: 3000});\r\n        }\r\n        this.resetFields();\r\n       },\r\n       resetFields(){\r\n        this.selectedOption = null;\r\n        this.ticketContent = null\r\n       },\r\n       goToYourTickets(){\r\n            this.$router.push({ name: \"tickets\"});\r\n        },\r\n    }\r\n\r\n}\r\n\r\n    \r\n</script>\r\n\r\n<style scoped>\r\n\r\n    .grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        margin-right: -0.5rem;\r\n        margin-left: -0.5rem;\r\n        margin-top: -0.5rem;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .col{\r\n        flex-grow: 1;\r\n        flex-basis: 0;\r\n        padding: 1rem; \r\n        \r\n    }\r\n\r\n    .col-4{\r\n        height: inherit;\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 33.3333%;\r\n    }\r\n\r\n    .col-6{\r\n        height: inherit;\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 50%;\r\n    }\r\n\r\n    .col-8 {\r\n        height: inherit;\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 66.6667%;\r\n    }\r\n    .col-12{\r\n        height: inherit;\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 100%;\r\n    }\r\n\r\n    .assistence-box {\r\n        background: #F0F2F4;\r\n        border-radius: 10px;\r\n        padding:20px;\r\n    }\r\n\r\n    h4 {\r\n        font-weight: 600;\r\n    }\r\n    h6{\r\n        font-weight: 600;\r\n        font-size: 20px;\r\n    }\r\n\r\n    p{\r\n        font-weight: 400;\r\n    }\r\n    \r\n    .hyperlink{\r\n        text-align: center;\r\n    }\r\n\r\n    .p-inputtext{\r\n        width: 100%;\r\n        border-radius: 18px;\r\n        border-width: 1px;\r\n        border-color: #272728;\r\n        padding-left: 10px;\r\n    }\r\n    .p-dropdown{\r\n        width: 100%;\r\n        border-radius: 10px;\r\n        background-color: #FAFAFA;\r\n        border-color: #FAFAFA;\r\n    }\r\n    \r\n    .p-card{\r\n        text-align: center;\r\n        height: 120px;\r\n    }\r\n    \r\n    .custom-text-area{\r\n        width: 100%;\r\n        border-radius: 10px;\r\n        border-color: #FAFAFA;\r\n        background-color: #FAFAFA;\r\n        padding: 10px;\r\n        resize: none;\r\n    }\r\n\r\n    .custom-text-area:focus{\r\n        border-color: #FAFAFA;\r\n    }\r\n    \r\n    input:focus {\r\n        border-width: 0px;\r\n    }\r\n\r\n    .p-button.p-button-text.p-button-plain {\r\n        color: #00434C;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .p-button:focus{\r\n        outline: 0 none;\r\n        outline-offset: 0;\r\n        box-shadow: #00434C;\r\n    }\r\n</style>","import { render } from \"./Assistance.vue?vue&type=template&id=bdebdf5a&scoped=true\"\nimport script from \"./Assistance.vue?vue&type=script&lang=js\"\nexport * from \"./Assistance.vue?vue&type=script&lang=js\"\n\nimport \"./Assistance.vue?vue&type=style&index=0&id=bdebdf5a&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bdebdf5a\"]])\n\nexport default __exports__","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!./Assistance.vue?vue&type=style&index=0&id=bdebdf5a&scoped=true&lang=css\""],"sourceRoot":""}