{"version":3,"sources":["webpack:///./src/core/helpers/dateFormatter.js","webpack:///./src/view/pages/messages/MessageCenter.vue?ae81","webpack:///src/view/pages/messages/MessageCenter.vue","webpack:///./src/view/pages/messages/MessageCenter.vue?47e1","webpack:///./src/view/pages/messages/MessageCenter.vue"],"names":["formatTableDate","date","dateToFormat","Date","parse","getUTCMonth","getUTCDate","getUTCYear","formatEditDate","this","formatDateUs","convertToMilliseconds","dateToConvert","removeDetailedTimestamp","getUTCFullYear","getUTCTime","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","_v","headers","records","isLoading","totalRecords","options","on","$event","scopedSlots","_u","key","fn","ref","header","_s","mdiEmailReceive","text","mdiEmailSend","item","created","style","isNew","subject","fromOrTo","_g","_b","direction","isActionRequired","stopPropagation","dialog","model","value","callback","$$v","$set","expression","deleteMessage","staticRenderFns","data","align","class","watch","methods","$store","getDirection","mgr","getUser","then","sender","id","userInfo","profile","sub","dateFormatter","computed","sort","sortBy","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDataTable","VDialog","VIcon","VRow","VSpacer","VTooltip"],"mappings":"4HAAe,QACbA,gBADa,SACGC,GACd,GAAIA,EAAM,CACR,IAAIC,EAAe,IAAIC,KAAKA,KAAKC,MAAMH,IAEvC,gBAAUC,EAAaG,cACrB,EADF,YACOH,EAAaI,aADpB,YACoCJ,EAAaK,aAAe,KAElE,OAAO,MAETC,eAVa,SAUEP,GAKb,OAAOQ,KAAKC,aAAaT,IAG3BU,sBAlBa,SAkBSV,GACpB,GAAIA,EAAM,CACR,IAAIW,EAAgB,IAAIT,KAAKA,KAAKC,MAAMH,IAElCY,EAA0B,GAAH,OAAMD,EAAcE,iBAApB,YAAwCF,EAAcP,cACjF,EAD2B,YACtBO,EAAcN,cACrB,OAAO,IAAIH,KAAKA,KAAKC,MAAMS,IAA0BE,aAEvD,OAAO,MAETL,aA5Ba,SA4BAT,GACX,GAAIA,EAAM,CACR,IAAIC,EAAe,IAAIC,KAAKA,KAAKC,MAAMH,IACvC,gBAAUC,EAAaG,cACrB,EADF,YACOH,EAAaI,aADpB,YACoCJ,EAAaY,kBAEnD,OAAO,Q,yCClCX,IAAIE,EAAS,WAAa,IAAIC,EAAIR,KAASS,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACH,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,iCAAiC,CAACH,EAAG,QAAQ,CAACE,YAAY,yBAAyB,CAACL,EAAIO,GAAG,uBAAuB,IAAI,IAAI,GAAGJ,EAAG,eAAe,CAACE,YAAY,cAAcC,MAAM,CAAC,QAAUN,EAAIQ,QAAQ,MAAQR,EAAIS,QAAQ,WAAW,KAAK,QAAUT,EAAIU,UAAU,sBAAsBV,EAAIW,aAAa,QAAUX,EAAIY,QAAQ,eAAe,0BAA0BC,GAAG,CAAC,iBAAiB,SAASC,GAAQd,EAAIY,QAAQE,IAASC,YAAYf,EAAIgB,GAAG,CAAC,CAACC,IAAI,mBAAmBC,GAAG,SAASC,GAChrB,IAAIC,EAASD,EAAIC,OACjB,MAAO,CAACjB,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,QAAQ,MAAQ,KAAK,CAACN,EAAIO,GAAG,IAAIP,EAAIqB,GAAGrB,EAAIsB,iBAAiB,OAAOtB,EAAIO,GAAG,IAAIP,EAAIqB,GAAGD,EAAOG,MAAM,KAAKpB,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,QAAQ,MAAQ,KAAK,CAACN,EAAIO,GAAG,IAAIP,EAAIqB,GAAGrB,EAAIwB,cAAc,UAAU,CAACP,IAAI,eAAeC,GAAG,SAASC,GAC5Q,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACzB,EAAIO,GAAG,IAAIP,EAAIqB,GAAGrB,EAAIP,aAAagC,EAAKC,UAAU,QAAQ,CAACT,IAAI,eAAeC,GAAG,SAASC,GAClG,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACtB,EAAG,cAAc,CAACG,MAAM,CAAC,GAAM,4BAA+BmB,EAAO,GAAI,UAAW,CAACtB,EAAG,OAAO,CAACwB,MAAOF,EAAKG,MAAQ,mCAAqC,IAAK,CAAC5B,EAAIO,GAAG,IAAIP,EAAIqB,GAAGI,EAAKI,SAAS,YAAY,CAACZ,IAAI,gBAAgBC,GAAG,SAASC,GACpP,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACzB,EAAIO,GAAG,IAAIP,EAAIqB,GAAGI,EAAKK,UAAU,QAAQ,CAACb,IAAI,iBAAiBC,GAAG,SAASC,GACnF,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACtB,EAAG,YAAY,CAACG,MAAM,CAAC,OAAS,IAAIS,YAAYf,EAAIgB,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GAC7F,IAAIN,EAAKM,EAAIN,GACTP,EAAQa,EAAIb,MAChB,MAAO,CAACH,EAAG,SAASH,EAAI+B,GAAG/B,EAAIgC,GAAG,CAAC1B,MAAM,CAAC,MAA2B,OAAnBmB,EAAKQ,UAAqB,QAAU,UAAU,SAAS3B,GAAM,GAAOO,GAAI,CAACb,EAAIO,GAAG,IAAIP,EAAIqB,GAAsB,OAAnBI,EAAKQ,UAAqBjC,EAAIsB,gBAAkBtB,EAAIwB,cAAc,WAAW,MAAK,IAAO,CAACrB,EAAG,OAAO,CAACH,EAAIO,GAAGP,EAAIqB,GAAsB,OAAnBI,EAAKQ,UAAqB,WAAa,gBAAgB,CAAChB,IAAI,wBAAwBC,GAAG,SAASC,GAChW,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACtB,EAAG,OAAO,CAACH,EAAIO,GAAGP,EAAIqB,GAAGI,EAAKS,iBAAmB,MAAQ,YAAY,CAACjB,IAAI,eAAeC,GAAG,SAASC,GAC7G,IAAIM,EAAON,EAAIM,KACf,MAAO,CAACtB,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,GAAG,KAAO,IAAIO,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOqB,kBAAkBV,EAAKW,QAAS,KAAQ,CAACjC,EAAG,SAAS,CAACH,EAAIO,GAAG,iBAAiB,GAAGJ,EAAG,WAAW,CAACG,MAAM,CAAC,WAAa,GAAG,YAAY,OAAO+B,MAAM,CAACC,MAAOb,EAAW,OAAEc,SAAS,SAAUC,GAAMxC,EAAIyC,KAAKhB,EAAM,SAAUe,IAAME,WAAW,gBAAgB,CAACvC,EAAG,SAAS,CAACA,EAAG,eAAe,CAACE,YAAY,YAAY,CAACL,EAAIO,GAAG,sBAAsBJ,EAAG,cAAc,CAACH,EAAIO,GAAG,6CAA6CJ,EAAG,IAAI,CAACH,EAAIO,GAAGP,EAAIqB,GAAGI,EAAKI,cAAc1B,EAAG,iBAAiB,CAACA,EAAG,YAAYA,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,iBAAiB,KAAO,IAAIO,GAAG,CAAC,MAAQ,SAASC,GAAQW,EAAKW,QAAS,KAAS,CAACpC,EAAIO,GAAG,cAAcJ,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,iBAAiB,KAAO,IAAIO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAI2C,cAAclB,MAAS,CAACzB,EAAIO,GAAG,eAAe,IAAI,IAAI,OAAO,MAAK,MAAS,IACh3BqC,EAAkB,G,0JCiFtB,GACEC,KAAM,WAAR,OACA,eACA,aACA,SACA,CACQtB,KAAM,OACNuB,MAAO,QACPR,MAAO,UACPS,MAAO,aAEf,oDACA,2DACA,qDACA,gEACA,gEAEA,WACA,kBACA,UACA,SACA,uBACA,oBACA,SACA,OACA,gBACA,gBACA,iBAGEC,MAAO,CAQL,iBAAkB,WAAtB,4JACA,mBADA,qGAAsB,IASpB,QA/CF,WA+CA,+JACA,eADA,SAEA,qDAFA,uBAGA,gBAHA,OAIA,eAJA,8CAMEC,QAAS,CACPN,cADJ,SACA,GACM,IAAN,OACWlB,GAELjC,KAAK0D,OACX,iBACQ,SAAR,kBACQ,GAAR,OAEA,iBACQ,EAAR,UAEQ,EAAR,kBAGIC,aAhBJ,SAgBA,GAEM3D,KAAK4D,IAAIC,UAAUC,MAAK,SAA9B,GACQ7B,EAAKQ,UAAYR,EAAK8B,OAAOC,KAAOC,EAASC,QAAQC,IAAM,KAAO,UAItElE,aAvBJ,SAuBA,GAEM,OAAOmE,EAAb,sBAEI,YA3BJ,WA2BA,8JACA,aAEA,eACA,IACA,kCAGA,SACA,iBACA,6BAEA,kBACA,uCACA,YADA,EACA,SADA,EACA,WADA,EACA,OADA,EACA,aACA,iBAEA,uBACA,YACA,6BACA,kBACA,gCACA,sCACA,aAEA,iBACA,iCAIA,eAEA,6BACA,wBACA,cACA,UAEA,YACA,MACA,OACA,EAEA,OACA,MACA,MAKA,MACA,WACA,OACA,MAGA,YAIA,sBAEA,yBACA,wCACA,cAIA,aACA,qBApEA,+CAyEEC,SAAU,CACRC,KADJ,WAEM,OACN,qBACA,wBACA,gCAEuC,aAA3BtE,KAAKoB,QAAQmD,OAAO,GACf,aAAjB,8CAEiB,GAAjB,0CACA,uCAIa,MC3QwW,I,yJCOjXC,EAAY,eACd,EACAjE,EACA6C,GACA,EACA,KACA,KACA,MAIa,aAAAoB,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,UAAA,KAAQC,QAAA,KAAMC,OAAA,KAAKC,UAAA,KAAQC,WAAA","file":"js/chunk-6ddde932.0d75ce18.js","sourcesContent":["export default {\r\n  formatTableDate(date) {\r\n    if (date) {\r\n      let dateToFormat = new Date(Date.parse(date));\r\n\r\n      return `${dateToFormat.getUTCMonth() +\r\n        1}/${dateToFormat.getUTCDate()}/${dateToFormat.getUTCYear() - 100}`;\r\n    }\r\n    return null;\r\n  },\r\n  formatEditDate(date) {\r\n    // if (date) {\r\n    //   return `${new Date(date).getFullYear()}-${new Date(date).getMonth() +\r\n    //     1}-${new Date(date).getDate()}`;\r\n    // }\r\n    return this.formatDateUs(date);\r\n    // return null;\r\n  },\r\n  convertToMilliseconds(date) {\r\n    if (date) {\r\n      let dateToConvert = new Date(Date.parse(date));\r\n\r\n      const removeDetailedTimestamp = `${dateToConvert.getUTCFullYear()}-${dateToConvert.getUTCMonth() +\r\n        1}-${dateToConvert.getUTCDate()}`;\r\n      return new Date(Date.parse(removeDetailedTimestamp)).getUTCTime();\r\n    }\r\n    return null;\r\n  },\r\n  formatDateUs(date) {\r\n    if (date) {\r\n      let dateToFormat = new Date(Date.parse(date));\r\n      return `${dateToFormat.getUTCMonth() +\r\n        1}/${dateToFormat.getUTCDate()}/${dateToFormat.getUTCFullYear()}`;\r\n    }\r\n    return null;\r\n  }\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{staticClass:\"mb-3\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('router-link',{attrs:{\"to\":\"/message-center/messages/new\"}},[_c('v-btn',{staticClass:\"orange-bg white--text\"},[_vm._v(\"Send New Message\")])],1)],1)],1),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.records,\"item-key\":\"id\",\"loading\":_vm.isLoading,\"server-items-length\":_vm.totalRecords,\"options\":_vm.options,\"loading-text\":\"Loading... Please wait\"},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:\"header.direction\",fn:function(ref){\nvar header = ref.header;\nreturn [_c('v-icon',{attrs:{\"color\":\"green\",\"small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.mdiEmailReceive)+\" \")]),_vm._v(\" \"+_vm._s(header.text)+\" \"),_c('v-icon',{attrs:{\"color\":\"black\",\"small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.mdiEmailSend)+\" \")])]}},{key:\"item.created\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.formatDateUs(item.created))+\" \")]}},{key:\"item.subject\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('router-link',{attrs:{\"to\":(\"/message-center/messages/\" + (item.id) + \"/view\")}},[_c('span',{style:(item.isNew ? 'color: green; font-weight: bold;' : '')},[_vm._v(\" \"+_vm._s(item.subject)+\" \")])])]}},{key:\"item.fromOrTo\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.fromOrTo)+\" \")]}},{key:\"item.direction\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":item.direction === 'In' ? 'green' : 'black'}},'v-icon',attrs,false),on),[_vm._v(\" \"+_vm._s(item.direction === \"In\" ? _vm.mdiEmailReceive : _vm.mdiEmailSend)+\" \")])]}}],null,true)},[_c('span',[_vm._v(_vm._s(item.direction === \"In\" ? \"Received\" : \"Sent\"))])])]}},{key:\"item.isActionRequired\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('span',[_vm._v(_vm._s(item.isActionRequired ? \"Yes\" : \"No\"))])]}},{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-btn',{staticClass:\"ma-2\",attrs:{\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();item.dialog = true}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"290\"},model:{value:(item.dialog),callback:function ($$v) {_vm.$set(item, \"dialog\", $$v)},expression:\"item.dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\" Delete Message \")]),_c('v-card-text',[_vm._v(\"Are you sure you want to delete message: \"),_c('p',[_vm._v(_vm._s(item.subject))])]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){item.dialog = false}}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){return _vm.deleteMessage(item)}}},[_vm._v(\" Delete \")])],1)],1)],1)]}}],null,true)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row class=\"mb-3\">\r\n      <v-col cols=\"12\" md=\"3\">\r\n        <router-link :to=\"`/message-center/messages/new`\">\r\n          <v-btn class=\"orange-bg white--text\">Send New Message</v-btn>\r\n        </router-link>\r\n      </v-col>\r\n    </v-row>\r\n\r\n    <v-data-table\r\n      :headers=\"headers\"\r\n      :items=\"records\"\r\n      item-key=\"id\"\r\n      :loading=\"isLoading\"\r\n      :server-items-length=\"totalRecords\"\r\n      :options.sync=\"options\"\r\n      loading-text=\"Loading... Please wait\"\r\n      class=\"elevation-1\"\r\n    >\r\n      <template #[`header.direction`]=\"{ header }\">\r\n        <v-icon color=\"green\" small>\r\n          {{ mdiEmailReceive }}\r\n        </v-icon>\r\n        {{ header.text }}\r\n        <v-icon color=\"black\" small>\r\n          {{ mdiEmailSend }}\r\n        </v-icon>\r\n      </template>\r\n      <template #[`item.created`]=\"{ item }\">\r\n        {{ formatDateUs(item.created) }}\r\n      </template>\r\n      <template #[`item.subject`]=\"{ item }\">\r\n        <router-link :to=\"`/message-center/messages/${item.id}/view`\">\r\n          <span :style=\"item.isNew ? 'color: green; font-weight: bold;' : ''\">\r\n            {{ item.subject }}\r\n          </span>\r\n        </router-link>\r\n      </template>\r\n      <template #[`item.fromOrTo`]=\"{ item }\">\r\n        {{ item.fromOrTo }}\r\n      </template>\r\n      <template #[`item.direction`]=\"{ item }\">\r\n        <v-tooltip bottom>\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-icon\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n              :color=\"item.direction === 'In' ? 'green' : 'black'\"\r\n            >\r\n              {{ item.direction === \"In\" ? mdiEmailReceive : mdiEmailSend }}\r\n            </v-icon>\r\n          </template>\r\n          <span>{{ item.direction === \"In\" ? \"Received\" : \"Sent\" }}</span>\r\n        </v-tooltip>\r\n      </template>\r\n      <template #[`item.isActionRequired`]=\"{ item }\">\r\n        <span>{{ item.isActionRequired ? \"Yes\" : \"No\" }}</span>\r\n      </template>\r\n      <template #[`item.actions`]=\"{ item }\">\r\n        <v-btn class=\"ma-2\" text icon @click.stop=\"item.dialog = true\">\r\n          <v-icon>mdi-delete</v-icon>\r\n        </v-btn>\r\n\r\n        <v-dialog v-model=\"item.dialog\" persistent max-width=\"290\">\r\n          <v-card>\r\n            <v-card-title class=\"headline\">\r\n              Delete Message\r\n            </v-card-title>\r\n            <v-card-text\r\n              >Are you sure you want to delete message:\r\n              <p>{{ item.subject }}</p></v-card-text\r\n            >\r\n            <v-card-actions>\r\n              <v-spacer></v-spacer>\r\n              <v-btn color=\"green darken-1\" text @click=\"item.dialog = false\">\r\n                Cancel\r\n              </v-btn>\r\n              <v-btn color=\"green darken-1\" text @click=\"deleteMessage(item)\">\r\n                Delete\r\n              </v-btn>\r\n            </v-card-actions>\r\n          </v-card>\r\n        </v-dialog>\r\n      </template>\r\n    </v-data-table>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import { GET_PAGED, POST_DATA, API_USERS } from \"@/core/store/crud.module\";\r\nimport { SET_BREADCRUMB } from \"@/core/store/breadcrumbs.module\";\r\n\r\nimport { mdiEmailReceiveOutline, mdiEmailSendOutline } from \"@mdi/js\";\r\n// import moment from \"moment\";\r\nimport dateFormatter from \"@/core/helpers/dateFormatter\";\r\nimport { GET_QUERY, DELETE, API_MESSAGES } from \"@/core/store/crud.module\";\r\nimport Mgr from \"@/core/services/security.service\";\r\n\r\nexport default {\r\n  data: () => ({\r\n    mgr: new Mgr(),\r\n    isLoading: false,\r\n    headers: [\r\n      {\r\n        text: \"Date\",\r\n        align: \"start\",\r\n        value: \"created\",\r\n        class: \"orange-bg\"\r\n      },\r\n      { text: \"In/Out\", value: \"direction\", class: \"orange-bg\" },\r\n      { text: \"From / Sent To\", value: \"fromOrTo\", class: \"orange-bg\" },\r\n      { text: \"Reference\", value: \"subject\", class: \"orange-bg\" },\r\n      { text: \"Action Req.\", value: \"isActionRequired\", class: \"orange-bg\" },\r\n      { text: \"Actions\", value: \"actions\", class: \"orange-bg\", sortable: false }\r\n    ],\r\n    records: [],\r\n    totalRecords: null,\r\n    dialog: false,\r\n    tab: null,\r\n    mdiEmailReceive: mdiEmailReceiveOutline,\r\n    mdiEmailSend: mdiEmailSendOutline,\r\n    options: {\r\n      page: 1,\r\n      itemsPerPage: 10,\r\n      sortBy: [\"date\"],\r\n      sortDesc: [true]\r\n    }\r\n  }),\r\n  watch: {\r\n    // userQuery: async function() {\r\n    //   if (this.userQuery && this.userQuery.length > 0) {\r\n    //     await this.getUsers();\r\n    //   } else {\r\n    //     this.users = [];\r\n    //   }\r\n    // },\r\n    \"options.sortBy\": async function() {\r\n      await this.getMessages();\r\n      // if (this.userQuery && this.userQuery.length > 0) {\r\n      //   await this.getUsers();\r\n      // } else {\r\n      //   this.users = [];\r\n      // }\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.isLoading = true;\r\n    await this.$store.dispatch(SET_BREADCRUMB, [{ title: \"Message Center\" }]);\r\n    await this.getMessages();\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    deleteMessage(item) {\r\n      let self = this;\r\n      if (!item) return;\r\n\r\n      this.$store\r\n        .dispatch(DELETE, {\r\n          listName: `${API_MESSAGES}`,\r\n          id: item.id\r\n        })\r\n        .then(function() {\r\n          item.dialog = false;\r\n\r\n          self.getMessages();\r\n        });\r\n    },\r\n    getDirection(item) {\r\n      // let self = this;\r\n      this.mgr.getUser().then(userInfo => {\r\n        item.direction = item.sender.id === userInfo.profile.sub ? \"In\" : \"Out\";\r\n        // item.userInfo = userInfo;\r\n      });\r\n    },\r\n    formatDateUs(date) {\r\n      // return moment(date).format(\"MM/DD/YYYY\"); \r\n      return dateFormatter.formatDateUs(date);\r\n    },\r\n    async getMessages() {\r\n      this.loading = true;\r\n\r\n      this.isLoading = true;\r\n      let self = this;\r\n      this.mgr.getUser().then(userInfo => {\r\n        // item.userInfo = userInfo;\r\n\r\n        this.$store\r\n          .dispatch(GET_QUERY, {\r\n            listName: `${API_MESSAGES}`\r\n          })\r\n          .then(response => {\r\n            if (response.status >= 200 || response.status <= 204) {\r\n              const { sortBy, sortDesc, page, itemsPerPage } = self.options;\r\n              let items = response.data.$values;\r\n\r\n              items.forEach(item => {\r\n                item.dialog = false;\r\n                if (item.sender.id === userInfo.profile.sub) {\r\n                  item.direction = \"Out\";\r\n                  item.fromOrTo = item.recipients.$values\r\n                    .map(el => el.fullName)\r\n                    .join(\"; \");\r\n                } else {\r\n                  item.direction = \"In\";\r\n                  item.fromOrTo = item.sender.fullName;\r\n                }\r\n              });\r\n\r\n              const total = items.length;\r\n\r\n              if (sortBy.length === 1 && sortDesc.length === 1) {\r\n                items = items.sort((a, b) => {\r\n                  const sortA = a[sortBy[0]];\r\n                  const sortB = b[sortBy[0]];\r\n\r\n                  if (sortDesc[0]) {\r\n                    if (sortA < sortB) return 1;\r\n                    if (sortA > sortB) return -1;\r\n                    return 0;\r\n                  } else {\r\n                    if (sortA < sortB) return -1;\r\n                    if (sortA > sortB) return 1;\r\n                    return 0;\r\n                  }\r\n                });\r\n              }\r\n\r\n              if (itemsPerPage > 0) {\r\n                items = items.slice(\r\n                  (page - 1) * itemsPerPage,\r\n                  page * itemsPerPage\r\n                );\r\n              }\r\n              self.records = items;\r\n              // self.records.forEach(element => {\r\n              //   self.getDirection(element);\r\n              // });\r\n              self.totalRecords = total;\r\n            } else {\r\n              self.$snackbar.showMessage({\r\n                content: response.data || \"Something went wrong!\",\r\n                color: \"red\"\r\n              });\r\n            }\r\n\r\n            self.loading = false;\r\n            self.isLoading = false;\r\n          });\r\n      });\r\n    }\r\n  },\r\n  computed: {\r\n    sort() {\r\n      if (\r\n        this.options.sortBy &&\r\n        this.options.sortBy[0] &&\r\n        this.options.sortBy[0].length > 0\r\n      ) {\r\n        if (this.options.sortBy[0] === \"fullName\") {\r\n          return `firstName ${this.options.sortDesc[0] ? \"desc\" : \"asc\"}`;\r\n        } else {\r\n          return `${this.options.sortBy[0]} ${\r\n            this.options.sortDesc[0] ? \"desc\" : \"asc\"\r\n          }`;\r\n        }\r\n      }\r\n      return \"\";\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageCenter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageCenter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageCenter.vue?vue&type=template&id=1952b7d4&\"\nimport script from \"./MessageCenter.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageCenter.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDataTable,VDialog,VIcon,VRow,VSpacer,VTooltip})\n"],"sourceRoot":""}