{"version":3,"sources":["webpack:///./src/service/TicketService.js","webpack:///./src/pages/SingleTicket.vue","webpack:///./src/components/tickets/TicketHistory.vue","webpack:///./src/components/tickets/TicketHistory.vue?09cf","webpack:///./src/pages/SingleTicket.vue?58b5","webpack:///./src/components/tickets/TicketHistory.vue?542f","webpack:///./src/pages/SingleTicket.vue?84d7"],"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","key","_createVNode","_createBlock","_Fragment","_component_Toast","_toDisplayString","$data","_component_Timeline","value","events","layout","style","marker","_withId","slotProps","backgroundColor","item","color","content","_createTextVNode","_","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_ctx","$t","$options","_hoisted_5","_hoisted_6","_component_InputText","placeholder","addCommentPlaceholder","modelValue","commentBody","_cache","$event","isInputInvalid","_component_Button","label","onClick","addComment","_hoisted_7","_createCommentVNode","_hoisted_8","_component_TicketHistory","history","comments","ticketOwnerId","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","getStatusLabel","_hoisted_14","_hoisted_15","getHours","getMinutes","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","completeTicketHistory","align","_withCtx","type","opposite","isOwnerContent","_component_Card","title","subtitle","description","statusUpdateDescriptionNew","statusUpdateDescriptionOpen","statusUpdateDescriptionPending","statusUpdateDescriptionClosed","props","computed","combineHistoryAndComments","methods","historyValidStatus","event","includes","action","eventToAppend","toLocaleString","fullname","comment","parseHtmlDescription","sort","a","b","__exports__","components","TicketHistory","addCommentButton","addCommentSuccess","addCommentFailed","addCommentSuccessDetail","addCommentFailedDetail","submittingComment","$route","params","loading","access_token","$store","getters","state","tickets","ticketsList","find","ticketsService","mounted","extractEvents","response","success","substituteTicketInStoreWithNewFromResponse","$toast","add","severity","summary","detail","life","setTimeout","render"],"mappings":"yOAIe,MAAMA,EACjBC,cAAcC,EAAaC,EAAeC,GACtC,MAAMC,EAAU,CACZC,QAAS,IAAKC,OAAOD,QAAQJ,KAGjC,IAAIM,EAAa,CACb,QAAWL,EACX,MAASC,EACT,MAAS,2BACT,KAAQ,2BACR,SAAY,4BAEhB,OAAOK,IACFC,KACGH,OAAOI,MAAQJ,OAAOK,IAAI,UAAY,SACtCJ,EACAH,GAEHQ,KAAKC,GAAOA,EAAIC,QAChBC,OACG,SAAUC,GAEV,OADAC,QAAQC,IAAI,4BACLC,QAAQC,OAAOJ,MAKlC,iBAAiBf,EAAaoB,GAC1B,MAAMjB,EAAU,CACZC,QAAS,IAAKC,OAAOD,QAAQJ,KAGjC,IAAIqB,QAAsBd,IACjBe,IACGjB,OAAOI,MAAQJ,OAAOK,IAAI,UAC1BP,GAEHQ,KAAKC,GAAOA,EAAIW,MAChBT,OACG,SAAUC,GAEV,OADAC,QAAQC,IAAI,4BACLC,QAAQC,OAAOJ,MAGlC,OAAOS,KAAKC,cAAcJ,EAAeD,GAG7CM,YAAY1B,EAAa2B,EAAMC,GAC3B,MAAMzB,EAAU,CACZC,QAAS,IAAKC,OAAOD,QAAQJ,KAE3B6B,EAAY,CACd,IAAOD,EACP,QAAWD,GAGf,OAAOpB,IACNC,KACGH,OAAOI,MAAQJ,OAAOK,IAAI,UAAY,aACtCmB,EACA1B,GAEHQ,KAAKC,GAAOA,EAAIW,MAChBT,OACG,SAAUC,GAEV,OADAC,QAAQC,IAAI,4BACLC,QAAQC,OAAOJ,MAK9BU,cAAcJ,EAAeS,GACzB,IAAIC,EAAoBV,EAAcW,OAAOC,GAAUA,EAAOC,MAAMd,OAASU,GAC7EK,OAAMC,OAAO,yBAA0BL,GACvC,IAAIM,EAAc,GAYlB,OAXAN,EAAkBO,QAAQL,IACtB,IAAIM,EAAkB,GACtBA,EAAgBC,IAAMP,EAAOO,IAC7BD,EAAgBE,QAAU,IAAIC,KAAKT,EAAOU,MAAMC,qBAChDL,EAAgB1B,OAASoB,EAAOpB,OAChC0B,EAAgBM,QAAUZ,EAAOY,QAAU,IAAIH,KAAKT,EAAOY,SAASD,qBAAuB,IAC3FL,EAAgBO,OAASb,EAAOc,WAAa,IAAIL,KAAKT,EAAOc,YAAYH,qBAAuB,IAChGL,EAAgBS,QAAUf,EAAOe,QACjCT,EAAgBU,MAAQzB,KAAK0B,eAAejB,EAAOgB,OACnDZ,EAAYc,KAAKZ,KAEdF,EAEXa,eAAeD,GAEX,OADAA,EAAQA,EAAMG,QAAQ,eAAgB,MAC/BH,K,kKChFRI,MAAM,Q,GACJA,MAAM,S,GACJA,MAAM,0B,GACJA,MAAM,iB,GAjBnBC,IAAA,EAoBaD,MAAM,mB,GACJA,MAAM,gB,GArBrBC,IAAA,EAgCaD,MAAM,mB,GAINA,MAAM,U,GASVA,MAAM,S,GACJA,MAAM,0B,GACJA,MAAM,iB,GAGNA,MAAM,S,GAINA,MAAM,S,GAINA,MAAM,S,EAGyCE,yBAAM,mB,GAMrDF,MAAM,S,GAnEnBC,IAAA,G,EAsE+DC,yBAAM,mB,GAtErED,IAAA,G,GA6EaD,MAAM,U,GAINA,MAAM,U,uTAjFnBG,yBAAAC,cAAA,MAAAF,yBAASG,GACPH,yBAA0B,UAAtB,WAAQI,6BAAGC,EAAApB,KAAG,GAClBe,yBAWWM,EAAA,CAXAC,MAAOF,EAAAG,OAAQC,OAAO,aAAaC,MAAA,yB,CACjCC,OAAMC,EAAEC,GAAS,CAC1Bb,yBAIO,QAHLF,MAAM,gBACLY,MAAK,CAAAI,gBAAqBD,EAAUE,KAAKC,Q,UAInCC,QAAOL,EAAEC,GAAS,CAVjCK,6BAAAd,6BAWSS,EAAUE,KAAKzD,QAAM,KAX9B6D,EAAA,G,aAcEnB,yBAyEM,MAzENoB,EAyEM,CAxEJpB,yBA6BM,MA7BNqB,EA6BM,CA5BJrB,yBA2BM,MA3BNsB,EA2BM,CA1BJtB,yBAEM,MAFNuB,EAEM,CADJvB,yBAA2C,UAAAI,6BAApCoB,EAAAC,GAAG,2BAAD,KAEyC,GAAjBC,EAAAhD,OAAOpB,Q,yBAA1C2C,yBAeM,MAfN0B,EAeM,CAdJ3B,yBAUM,MAVN4B,EAUM,CATJ5B,yBAIE6B,EAAA,CAHCC,YAAazB,EAAA0B,sBAvB5BC,WAwBuB3B,EAAA4B,YAxBvB,sBAAAC,EAAA,KAAAA,EAAA,GAAAC,GAwBuB9B,EAAA4B,YAAWE,GACnBrC,MAAK,aAAiB4B,EAAAU,iB,6CAEzBpC,yBAGEqC,EAAA,CAFCC,MAAOd,EAAAC,GAAG,gCACVc,QAAOb,EAAAc,Y,8BAGqBd,EAAAU,gB,yBAAjCnC,yBAEI,IAFJwC,EAEIrC,mCAAA,GADMqB,GAAG,4BAAD,IAjCtBiB,gCAAA,UAAAA,gCAAA,OAoCQ1C,yBAMM,MANN2C,EAMM,CALJ3C,yBAIE4C,EAAA,CAHCC,QAASnB,EAAAhD,OAAOmE,QAChBC,SAAUpB,EAAAhD,OAAOoE,SACjBC,cAAerB,EAAAhD,OAAOC,MAAM,Q,qDAKrCqB,yBAyCM,MAzCNgD,EAyCM,CAxCJhD,yBAuCM,MAvCNiD,EAuCM,CAtCJjD,yBAEM,MAFNkD,EAEM,CADJlD,yBAA0C,UAAAI,6BAAnCoB,EAAAC,GAAG,0BAAD,KAEXzB,yBAGM,MAHNmD,EAGM,CAFJnD,yBAA2C,SAAxC,UAAOI,6BAAGoB,EAAAC,GAAG,qBAAsB,IAAC,GACvCzB,yBAAuB,SAAAI,6BAAjBsB,EAAAhD,OAAOO,KAAG,KAElBe,yBAGM,MAHNoD,EAGM,CAFJpD,yBAAuC,SAAAI,6BAAjCoB,EAAAC,GAAG,wBAAyB,IAAC,GACnCzB,yBAA2D,SAAAI,6BAArDoB,EAAAC,GAAG,WAAaC,EAAA2B,eAAe3B,EAAAhD,OAAOpB,UAAM,KAEpD0C,yBAQM,MARNsD,EAQM,CAPJtD,yBAAyC,SAAAI,6BAAnCoB,EAAAC,GAAG,0BAA2B,IAAC,GACrCzB,yBAKI,UAjEdkB,6BAAAd,6BAAA,IA6DmBjB,KAAKuC,EAAAhD,OAAOU,MAAMC,sBAAkB,GAAKkE,EA7D5DrC,6BA6DkE,IACtDd,6BAAA,IAAOjB,KAAKuC,EAAAhD,OAAOU,MAAMoE,YAAa,IAACpD,6BAAA,IACjCjB,KAAKuC,EAAAhD,OAAOU,MAAMqE,cAAU,OAItCzD,yBASM,MATN0D,EASM,CARJ1D,yBAAyC,SAAAI,6BAAnCoB,EAAAC,GAAG,0BAA2B,IAAC,GAC5BC,EAAAhD,OAAOY,S,yBAAhBW,yBAKI,IA1Ed0D,EAAA,CAAAzC,6BAAAd,6BAAA,IAsEmBjB,KAAKuC,EAAAhD,OAAOY,SAASD,sBAAkB,GAAKuE,EAtE/D1C,6BAsEqE,IACzDd,6BAAA,IAAOjB,KAAKuC,EAAAhD,OAAOY,SAASkE,YAAa,IAACpD,6BAAA,IACpCjB,KAAKuC,EAAAhD,OAAOY,SAASmE,cAAU,MAxEjDf,gCAAA,OA2EoBhB,EAAAhD,OAAOY,QA3E3BoD,gCAAA,Q,yBA2EUzC,yBAA+B,IA3EzC4D,EA2EoC,QAE5B7D,yBAGM,MAHN8D,EAGM,CAFJ9D,yBAAwC,SAAAI,6BAAlCoB,EAAAC,GAAG,yBAA0B,IAAC,GACpCzB,yBAA2C,SAAAI,6BAArCsB,EAAA/B,eAAe+B,EAAAhD,OAAOe,UAAO,KAErCO,yBAGM,MAHN+D,EAGM,CAFJ/D,yBAAsC,SAAAI,6BAAhCoB,EAAAC,GAAG,uBAAwB,IAAC,GAClCzB,yBAAyC,SAAAI,6BAAnCsB,EAAA/B,eAAe+B,EAAAhD,OAAOgB,QAAK,Y,wKCnFvCO,yBAgCWK,EAAA,CAhCAC,MAAOmB,EAAAsC,sBAAuBC,MAAM,Q,CAChCtD,OAAMuD,qBAAErD,GAAS,CACxBb,yBAEO,QAFDF,MAAK,CAAC,gBAAe,CAAiC,gBAAvBe,EAAUE,KAAKoD,KAAyB,cAArB,kB,CACpDnE,yBAAwF,KAApFF,MAAK,CAA0B,gBAAvBe,EAAUE,KAAKoD,KAAyB,YAArB,mB,cAG5BC,SAAQF,qBAAErD,GAAS,CACdA,EAAUE,KAAKsD,gB,yBAA3BpE,yBAUOqE,EAAA,CAAAvE,IAAA,IATQwE,MAAKL,qBACZ,IAAwB,C,0DAAtBrD,EAAUE,KAAKpC,OAAK,KAEf6F,SAAQN,qBACf,IAAuB,C,0DAArBrD,EAAUE,KAAK3B,MAAI,KAEd6B,QAAOiD,qBACd,IAA8B,C,0DAA5BrD,EAAUE,KAAK0D,aAAW,K,qDAI7BxD,QAAOiD,qBAAErD,GAAS,CACZA,EAAUE,KAAKsD,e,iEAA5BpE,yBAUOqE,EAAA,CAAAvE,IAAA,IATQwE,MAAKL,qBACZ,IAAwB,C,0DAAtBrD,EAAUE,KAAKpC,OAAK,KAEf6F,SAAQN,qBACf,IAAuB,C,0DAArBrD,EAAUE,KAAK3B,MAAI,KAEd6B,QAAOiD,qBACd,IAA8B,C,0DAA5BrD,EAAUE,KAAK0D,aAAW,K,8CAOjC,GACXzG,OACI,MAAM,CACF0G,2BAA4BzG,KAAKwD,GAAG,sCACpCkD,4BAA6B1G,KAAKwD,GAAG,uCACrCmD,+BAAgC3G,KAAKwD,GAAG,0CACxCoD,8BAA+B5G,KAAKwD,GAAG,2CAG/CqD,MAAM,CACFjC,QAAS,KACTC,SAAU,KACVC,cAAc,MAElBgC,SAAU,CACNf,sBAAuB,WAEnB,OAAO/F,KAAK+G,8BAGpBC,QAAQ,CACJD,4BACI,IAAIhB,EAAwB,GAExBkB,EAAqB,CAAC,iBAAkB,sBAAuB,sBAAuB,uBAgD1F,OA9CAjH,KAAK4E,QAAQ9D,QAAQoG,IACjB,GAAGD,EAAmBE,SAASD,EAAME,QAAQ,CACzC,IAAIC,EAAgB,GAIpB,OAHAA,EAAclG,KAAO,IAAID,KAAKgG,EAAM/F,MAAMmG,iBAC1CD,EAAc3G,MAAQwG,EAAMxG,MAAM6G,SAClCF,EAAcjB,eAAgBc,EAAMxG,MAAM,QAAUV,KAAK8E,cAClDoC,EAAME,QACT,IAAK,iBACDC,EAAcnB,KAAK,eACnBmB,EAAcb,YAAaxG,KAAKyG,2BAChC,MAEJ,IAAK,sBACDY,EAAcnB,KAAK,eACnBmB,EAAcb,YAAaxG,KAAK0G,4BAChC,MAEJ,IAAK,sBACDW,EAAcnB,KAAK,eACnBmB,EAAcb,YAAaxG,KAAK2G,+BAChC,MAEJ,IAAK,sBACDU,EAAcnB,KAAK,eACnBmB,EAAcb,YAAaxG,KAAK4G,8BAChC,MAGRb,EAAsBpE,KAAK0F,MAInCrH,KAAK6E,SAAS/D,QAAQ0G,IAClB,IAAIH,EAAc,GAClBA,EAAclG,KAAO,IAAID,KAAKsG,EAAQrG,MAAMmG,iBAC5CD,EAAc3G,MAAQ8G,EAAQ9G,MAAM6G,SACpCF,EAAcnB,KAAO,eACrBmB,EAAcb,YAAcxG,KAAKyH,qBAAqBD,EAAQA,SAC9DH,EAAcjB,eAAgBoB,EAAQ9G,MAAM,QAAUV,KAAK8E,cAC3DiB,EAAsBpE,KAAK0F,KAG/BtB,EAAuBA,EAAsB2B,MAAK,SAASC,EAAEC,GACzD,OAAO,IAAI1G,KAAK0G,EAAEzG,MAAQ,IAAID,KAAKyG,EAAExG,SAGlC4E,GAGX0B,qBAAqBjB,GAEjB,OADAA,EAAcA,EAAY5E,QAAQ,eAAgB,MAC3C4E,K,iCC1GnB,MAAMqB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,QFqFA,GACbC,WAAY,CACVC,iBAEFhI,OACE,MAAO,CACL+D,sBAAuB9D,KAAKwD,GAAG,iCAC/BwE,iBAAkBhI,KAAKwD,GAAG,4BAC1ByE,kBAAmBjI,KAAKwD,GAAG,6BAC3B0E,iBAAkBlI,KAAKwD,GAAG,4BAC1B2E,wBAAyBnI,KAAKwD,GAAG,mCACjC4E,uBAAwBpI,KAAKwD,GAAG,kCAChCQ,YAAa,KACbqE,mBAAmB,EACnBrH,IAAKhB,KAAKsI,OAAOC,OAAOvH,IACxBwH,SAAS,EACTjG,OAAQ,CACN,CAAElD,OAAQW,KAAKwD,GAAG,qBAAsBrC,KAAM,IAAK4B,MAAO,WAC1D,CAAE1D,OAAQW,KAAKwD,GAAG,sBAAuBrC,KAAM,IAAK4B,MAAO,WAC3D,CACE1D,OAAQW,KAAKwD,GAAG,yBAChBrC,KAAM,IACN4B,MAAO,WAET,CACE1D,OAAQW,KAAKwD,GAAG,wBAChBrC,KAAM,IACN4B,MAAO,cAKf+D,SAAU,CACR2B,aAAc,WACZ,OAAOzI,KAAK0I,OAAOC,QAAQ,4BAE7BlI,OAAQ,WACN,OAAOT,KAAK0I,OAAOE,MAAMC,QAAQC,YAAYC,KAC1CtI,GAAWA,EAAOO,KAAOhB,KAAKgB,MAGnCmD,eAAgB,WACd,QAAQnE,KAAKgE,cAAehE,KAAKqI,qBAGrCpH,UACEjB,KAAKgJ,eAAiB,IAAI1K,QAE5B2K,UACEjJ,KAAKkJ,iBAEPlC,QAAS,CACPkC,gBACE,IAAItE,EAAU5E,KAAKS,OAAOmE,QAC1BA,EAAQ9D,QAASoG,IACf,OAAQA,EAAME,QACZ,IAAK,iBACHpH,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB,MAEF,IAAK,sBACH/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB,MAEF,IAAK,sBAIH/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB,MAEF,IAAK,sBAIH/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB/C,KAAKuC,OAAO,GAAGpB,KAAO,IAAID,KAAKgG,EAAM/F,MAAMC,qBAC3CpB,KAAKuC,OAAO,GAAGQ,MAAQ,UACvB,UAKR,mBAEE,GADA/C,KAAKqI,mBAAoB,EACrBrI,KAAKgE,YAAa,CACpB,IAAImF,QAAiBnJ,KAAKgJ,eAAe9I,YACvCF,KAAKyI,aACLzI,KAAKgE,YACLhE,KAAKS,OAAO,QAEV0I,EAASC,SACXpJ,KAAKqJ,2CAA2CF,EAAS1I,QACzDT,KAAKsJ,OAAOC,IAAI,CACdC,SAAU,UACVC,QAASzJ,KAAKiI,kBACdyB,OAAQ1J,KAAKmI,wBACbwB,KAAM,OAGR3J,KAAKsJ,OAAOC,IAAI,CACdC,SAAU,QACVC,QAASzJ,KAAKkI,iBACdwB,OAAQ1J,KAAKoI,uBACbuB,KAAM,MAGV3J,KAAKqI,mBAAoB,EAE3BuB,WAAW,KACT5J,KAAKqI,mBAAoB,GACxB,KACHrI,KAAKgE,YAAc,MAErBoB,eAAe/F,GACb,OAAQA,GACN,KAAK,EACH,MAAO,YACT,KAAK,EACH,MAAO,aACT,KAAK,EACH,MAAO,gBACT,KAAK,EACH,MAAO,iBAGbqC,eAAeD,GAEb,OADAA,EAAQA,EAAMG,QAAQ,eAAgB,MAC/BH,GAET4H,2CAA2C5I,GACzCT,KAAK0I,OAAO9H,OAAO,8CAA+CH,M,UGlOxE,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASoJ,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCTf,Y,kCCAA","file":"js/chunk-bc25fa4a.7891d9a0.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 lang=\"\">\r\n  <Toast />\r\n  <h4>Ticket #{{ uid }}</h4>\r\n  <Timeline :value=\"events\" layout=\"horizontal\" style=\"text-align:center\">\r\n    <template #marker=\"slotProps\">\r\n      <span\r\n        class=\"custom-marker\"\r\n        :style=\"{ backgroundColor: slotProps.item.color }\"\r\n      >\r\n      </span>\r\n    </template>\r\n    <template #content=\"slotProps\" style=\"text-align:center\">\r\n      {{ slotProps.item.status }}\r\n    </template>\r\n  </Timeline>\r\n  <div class=\"grid\">\r\n    <div class=\"col-8\">\r\n      <div class=\"grid custom-background\">\r\n        <div class=\"col-12 header\">\r\n          <h6>{{ $t(\"tickets.requestHistory\") }}</h6>\r\n        </div>\r\n        <div class=\"col-12 md:col-4\" v-if=\"ticket.status != 3\">\r\n          <div class=\"p-inputgroup\">\r\n            <InputText\r\n              :placeholder=\"addCommentPlaceholder\"\r\n              v-model=\"commentBody\"\r\n              :class=\"{ 'p-invalid': isInputInvalid }\"\r\n            />\r\n            <Button\r\n              :label=\"$t('assistance.placeholderSubmit')\"\r\n              @click=\"addComment\"\r\n            />\r\n          </div>\r\n          <p class=\"warning-message\" v-if=\"isInputInvalid\">\r\n            {{ this.$t(\"tickets.nullCommentBody\") }}\r\n          </p>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <TicketHistory\r\n            :history=\"ticket.history\"\r\n            :comments=\"ticket.comments\"\r\n            :ticketOwnerId=\"ticket.owner['_id']\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-4\">\r\n      <div class=\"grid custom-background\">\r\n        <div class=\"col-12 header\">\r\n          <h6>{{ $t(\"tickets.requestDetail\") }}</h6>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <b>Ticket {{ $t(\"tickets.idHeader\") }}:</b>\r\n          <p>{{ ticket.uid }}</p>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <b>{{ $t(\"tickets.statusLabel\") }}:</b>\r\n          <p>{{ $t(\"tickets.\" + getStatusLabel(ticket.status)) }}</p>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <b>{{ $t(\"tickets.createdHeader\") }}:</b>\r\n          <p>\r\n            {{ new Date(ticket.date).toLocaleDateString() }}<br />\r\n            {{ new Date(ticket.date).getHours() }}:{{\r\n              new Date(ticket.date).getMinutes()\r\n            }}\r\n          </p>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <b>{{ $t(\"tickets.updatedHeader\") }}:</b>\r\n          <p v-if=\"ticket.updated\">\r\n            {{ new Date(ticket.updated).toLocaleDateString() }}<br />\r\n            {{ new Date(ticket.updated).getHours() }}:{{\r\n              new Date(ticket.updated).getMinutes()\r\n            }}\r\n          </p>\r\n          <p v-if=\"!ticket.updated\">-</p>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <b>{{ $t(\"ticket.subjectHeader\") }}:</b>\r\n          <p>{{ parseHtmlIssue(ticket.subject) }}</p>\r\n        </div>\r\n        <div class=\"col-12\">\r\n          <b>{{ $t(\"ticket.issueHeader\") }}:</b>\r\n          <p>{{ parseHtmlIssue(ticket.issue) }}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport TicketService from \"../service/TicketService\";\r\nimport TicketHistory from \"../components/tickets/TicketHistory.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    TicketHistory,\r\n  },\r\n  data() {\r\n    return {\r\n      addCommentPlaceholder: this.$t(\"tickets.addCommentPlaceholder\"),\r\n      addCommentButton: this.$t(\"tickets.addCommentButton\"),\r\n      addCommentSuccess: this.$t(\"tickets.addCommentSuccess\"),\r\n      addCommentFailed: this.$t(\"tickets.addCommentFailed\"),\r\n      addCommentSuccessDetail: this.$t(\"tickets.addCommentSuccessDetail\"),\r\n      addCommentFailedDetail: this.$t(\"tickets.addCommentFailedDetail\"),\r\n      commentBody: null,\r\n      submittingComment: false,\r\n      uid: this.$route.params.uid,\r\n      loading: false,\r\n      events: [\r\n        { status: this.$t(\"tickets.statusNew\"), date: \"-\", color: \"#C4CCD4\" },\r\n        { status: this.$t(\"tickets.statusOpen\"), date: \"-\", color: \"#C4CCD4\" },\r\n        {\r\n          status: this.$t(\"tickets.statusPending\"),\r\n          date: \"-\",\r\n          color: \"#C4CCD4\",\r\n        },\r\n        {\r\n          status: this.$t(\"tickets.statusClosed\"),\r\n          date: \"-\",\r\n          color: \"#C4CCD4\",\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    ticket: function() {\r\n      return this.$store.state.tickets.ticketsList.find(\r\n        (ticket) => ticket.uid == this.uid\r\n      );\r\n    },\r\n    isInputInvalid: function() {\r\n      return !this.commentBody && this.submittingComment ? true : false;\r\n    },\r\n  },\r\n  created() {\r\n    this.ticketsService = new TicketService();\r\n  },\r\n  mounted() {\r\n    this.extractEvents();\r\n  },\r\n  methods: {\r\n    extractEvents() {\r\n      let history = this.ticket.history;\r\n      history.forEach((event) => {\r\n        switch (event.action) {\r\n          case \"ticket:created\": {\r\n            this.events[0].date = new Date(event.date).toLocaleDateString();\r\n            this.events[0].color = \"#00434D\";\r\n            break;\r\n          }\r\n          case \"ticket:set:status:1\": {\r\n            this.events[1].date = new Date(event.date).toLocaleDateString();\r\n            this.events[1].color = \"#00434D\";\r\n            break;\r\n          }\r\n          case \"ticket:set:status:2\": {\r\n            /*  tickets can pass from created to status:2 without passing from status:1\r\n                            therefore we need to mark the skipped step\r\n                        */\r\n            this.events[1].date = new Date(event.date).toLocaleDateString();\r\n            this.events[1].color = \"#00434D\";\r\n            this.events[2].date = new Date(event.date).toLocaleDateString();\r\n            this.events[2].color = \"#00434D\";\r\n            break;\r\n          }\r\n          case \"ticket:set:status:3\": {\r\n            /*  tickets can pass from created to status:3 without passing from status:1 and 2\r\n                            therefore we need to mark the skipped steps\r\n                        */\r\n            this.events[1].date = new Date(event.date).toLocaleDateString();\r\n            this.events[1].color = \"#00434D\";\r\n            this.events[2].date = new Date(event.date).toLocaleDateString();\r\n            this.events[2].color = \"#00434D\";\r\n            this.events[3].date = new Date(event.date).toLocaleDateString();\r\n            this.events[3].color = \"#00434D\";\r\n            break;\r\n          }\r\n        }\r\n      });\r\n    },\r\n    async addComment() {\r\n      this.submittingComment = true;\r\n      if (this.commentBody) {\r\n        let response = await this.ticketsService.sendComment(\r\n          this.access_token,\r\n          this.commentBody,\r\n          this.ticket[\"_id\"]\r\n        );\r\n        if (response.success) {\r\n          this.substituteTicketInStoreWithNewFromResponse(response.ticket);\r\n          this.$toast.add({\r\n            severity: \"success\",\r\n            summary: this.addCommentSuccess,\r\n            detail: this.addCommentSuccessDetail,\r\n            life: 3000,\r\n          });\r\n        } else {\r\n          this.$toast.add({\r\n            severity: \"error\",\r\n            summary: this.addCommentFailed,\r\n            detail: this.addCommentFailedDetail,\r\n            life: 3000,\r\n          });\r\n        }\r\n        this.submittingComment = false;\r\n      }\r\n      setTimeout(() => {\r\n        this.submittingComment = false;\r\n      }, 3000);\r\n      this.commentBody = null;\r\n    },\r\n    getStatusLabel(status) {\r\n      switch (status) {\r\n        case 0:\r\n          return \"statusNew\";\r\n        case 1:\r\n          return \"statusOpen\";\r\n        case 2:\r\n          return \"statusPending\";\r\n        case 3:\r\n          return \"statusClosed\";\r\n      }\r\n    },\r\n    parseHtmlIssue(issue) {\r\n      issue = issue.replace(/(<([^>]+)>)/g, \"\\n\");\r\n      return issue;\r\n    },\r\n    substituteTicketInStoreWithNewFromResponse(ticket) {\r\n      this.$store.commit(\"tickets/updateTicketsListAfterAddingComment\", ticket);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-marker {\r\n  width: 25px;\r\n  height: 25px;\r\n  border-radius: 100%;\r\n}\r\n\r\n.grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin-right: 0rem;\r\n  margin-left: 0rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.custom-background {\r\n  background-color: #f0f2f4;\r\n}\r\n\r\n.col-8 {\r\n  flex: 0 0 auto;\r\n  padding: 0.5rem;\r\n  width: 66.6667%;\r\n}\r\n\r\n.col-4 {\r\n  flex: 0 0 auto;\r\n  padding: 0.5rem;\r\n  width: 33.3333%;\r\n}\r\n\r\n.col-12 {\r\n  flex: 0 0 auto;\r\n  padding: 0.5rem;\r\n  width: 100%;\r\n}\r\n\r\n.col-6 {\r\n  flex: 0 0 auto;\r\n  padding: 0.5rem;\r\n  width: 50%;\r\n}\r\n\r\n.header {\r\n  color: white;\r\n  background-color: #00434d;\r\n}\r\n\r\np {\r\n  font-weight: 400;\r\n}\r\n\r\n.warning-message {\r\n  font-size: small;\r\n  color: red;\r\n}\r\n</style>\r\n","<template>\r\n    <Timeline :value=\"completeTicketHistory\" align=\"left\">\r\n        <template #marker=\"slotProps\">\r\n            <span class=\"custom-marker\" :class=\"[slotProps.item.type == 'statusUpdate' ? 'update-icon':'comment-icon' ]\" >\r\n                <i :class=\"[slotProps.item.type == 'statusUpdate' ? 'pi pi-cog':'pi pi-comments' ]\"></i>\r\n            </span>\r\n        </template>\r\n        <template #opposite=\"slotProps\">\r\n            <Card v-if=\"slotProps.item.isOwnerContent\">\r\n                <template #title>\r\n                    {{slotProps.item.owner}}\r\n                </template>\r\n                <template #subtitle>\r\n                    {{slotProps.item.date}}\r\n                </template>\r\n                <template #content>\r\n                    {{slotProps.item.description}}\r\n                </template>\r\n            </Card>\r\n        </template>\r\n        <template #content=\"slotProps\" >\r\n            <Card v-if=\"!slotProps.item.isOwnerContent\">\r\n                <template #title>\r\n                    {{slotProps.item.owner}}\r\n                </template>\r\n                <template #subtitle>\r\n                    {{slotProps.item.date}}\r\n                </template>\r\n                <template #content>\r\n                    {{slotProps.item.description}}\r\n                </template>\r\n            </Card>\r\n        </template>\r\n    </Timeline>\r\n</template>\r\n<script>\r\nexport default {\r\n    data(){\r\n        return{\r\n            statusUpdateDescriptionNew: this.$t(\"tickets.statusUpdateDescriptionNew\"),\r\n            statusUpdateDescriptionOpen: this.$t(\"tickets.statusUpdateDescriptionOpen\"),\r\n            statusUpdateDescriptionPending: this.$t(\"tickets.statusUpdateDescriptionPending\"),\r\n            statusUpdateDescriptionClosed: this.$t(\"tickets.statusUpdateDescriptionClosed\"),\r\n        }\r\n    },\r\n    props:{\r\n        history: null,\r\n        comments: null,\r\n        ticketOwnerId:null,\r\n    },\r\n    computed :{\r\n        completeTicketHistory: function(){\r\n            // Combine history and comments to create a full history\r\n            return this.combineHistoryAndComments();\r\n        }\r\n    },\r\n    methods:{\r\n        combineHistoryAndComments(){\r\n            let completeTicketHistory = []; //status updates + comments\r\n\r\n            let historyValidStatus = [\"ticket:created\", \"ticket:set:status:1\", \"ticket:set:status:2\", \"ticket:set:status:3\"]\r\n\r\n            this.history.forEach(event=>{\r\n                if(historyValidStatus.includes(event.action)){\r\n                    let eventToAppend = {};\r\n                    eventToAppend.date = new Date(event.date).toLocaleString();\r\n                    eventToAppend.owner = event.owner.fullname;\r\n                    eventToAppend.isOwnerContent= event.owner['_id'] == this.ticketOwnerId ? true : false;\r\n                    switch(event.action){\r\n                        case \"ticket:created\": {\r\n                            eventToAppend.type=\"statusUpdate\";\r\n                            eventToAppend.description= this.statusUpdateDescriptionNew\r\n                            break;\r\n                        }\r\n                        case \"ticket:set:status:1\": {\r\n                            eventToAppend.type=\"statusUpdate\";\r\n                            eventToAppend.description= this.statusUpdateDescriptionOpen\r\n                            break;\r\n                        }\r\n                        case \"ticket:set:status:2\": {\r\n                            eventToAppend.type=\"statusUpdate\";\r\n                            eventToAppend.description= this.statusUpdateDescriptionPending\r\n                            break;\r\n                        }\r\n                        case \"ticket:set:status:3\": {\r\n                            eventToAppend.type=\"statusUpdate\";\r\n                            eventToAppend.description= this.statusUpdateDescriptionClosed;\r\n                            break;\r\n                        }\r\n                    }\r\n                    completeTicketHistory.push(eventToAppend)\r\n                }\r\n                });\r\n            \r\n            this.comments.forEach(comment => {\r\n                let eventToAppend={};\r\n                eventToAppend.date = new Date(comment.date).toLocaleString();\r\n                eventToAppend.owner = comment.owner.fullname;\r\n                eventToAppend.type = \"commentAdded\";\r\n                eventToAppend.description = this.parseHtmlDescription(comment.comment);\r\n                eventToAppend.isOwnerContent= comment.owner['_id'] == this.ticketOwnerId ? true : false;\r\n                completeTicketHistory.push(eventToAppend);\r\n            })\r\n\r\n            completeTicketHistory= completeTicketHistory.sort(function(a,b){\r\n                return new Date(b.date) - new Date(a.date);\r\n            });\r\n\r\n            return completeTicketHistory;            \r\n        },\r\n\r\n        parseHtmlDescription(description){\r\n            description = description.replace(/(<([^>]+)>)/g, \"\\n\")\r\n            return description\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style>\r\n    \r\n    .custom-marker {\r\n        display: flex;\r\n        width: 2.5rem;\r\n        height: 2.5rem;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #ffffff;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n       \r\n    }\r\n\r\n    .update-icon{\r\n        background-color: #98A6B4\r\n    }\r\n\r\n    .comment-icon{\r\n        background-color: #FCB158;\r\n    }\r\n\r\n    .p-card .p-card-title {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .p-card .p-card-body{\r\n        padding: 1rem;\r\n    }\r\n    \r\n    .p-timeline-event-opposite{\r\n        margin-bottom: 1rem;\r\n    }\r\n    .p-timeline-event-content{\r\n        margin-bottom: 1rem;\r\n    }\r\n    .p-card {\r\n        display: inline-block;\r\n        word-break: break-all;\r\n    }\r\n\r\n\r\n</style>","import { render } from \"./TicketHistory.vue?vue&type=template&id=0373ade1\"\nimport script from \"./TicketHistory.vue?vue&type=script&lang=js\"\nexport * from \"./TicketHistory.vue?vue&type=script&lang=js\"\n\nimport \"./TicketHistory.vue?vue&type=style&index=0&id=0373ade1&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]])\n\nexport default __exports__","import { render } from \"./SingleTicket.vue?vue&type=template&id=20421f4a&scoped=true&lang=true\"\nimport script from \"./SingleTicket.vue?vue&type=script&lang=js\"\nexport * from \"./SingleTicket.vue?vue&type=script&lang=js\"\n\nimport \"./SingleTicket.vue?vue&type=style&index=0&id=20421f4a&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-20421f4a\"]])\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!./TicketHistory.vue?vue&type=style&index=0&id=0373ade1&lang=css\"","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!./SingleTicket.vue?vue&type=style&index=0&id=20421f4a&scoped=true&lang=css\""],"sourceRoot":""}