{"version":3,"sources":["webpack:///./src/views/messageCenter/NewMessage.vue?e7d6","webpack:///src/components/DocumentUpload.vue","webpack:///./src/views/messageCenter/NewMessage.vue","webpack:///./src/components/DocumentUpload.vue?dedc","webpack:///./src/components/DocumentUpload.vue?2275","webpack:///./src/views/messageCenter/NewMessage.vue?9477","webpack:///./src/components/DocumentUpload.vue?9483","webpack:///src/views/messageCenter/NewMessage.vue","webpack:///./src/views/messageCenter/NewMessage.vue?2de6","webpack:///./src/components/DocumentUpload.vue?f76c","webpack:///./src/components/DocumentUpload.vue"],"names":["props","mixins","mounted","this","$store","commit","mkeyVal","data","selected","options","attachments","finalAttachments","filters","sin","mkey","hasSearched","computed","erKey","state","associatedEmployersErKey","switchErKey","selectedSIN","searchResult","filterConfiguration","subId","$msal","user","idTokenClaims","sub","mkeyExist","updated","uploadAttachment","methods","totalNumber","total","onSubmit","evt","preventDefault","emptySearchOKBox","readSearchData","e","error","filter","map","i","field","value","dispatch","then","success","onResult","sender","select","children","innerText","selectMember","$refs","hide","showModal","show","hideModal","fileNameDisplay","console","log","getBase64","Promise","reader","readAsDataURL","file","onload","imgResult","result","onerror","reject","onloadend","resolve","beforeUpload","handleRemove","splice","index","updatedby","type","erkey","$emit","component","toCAAT","subject","message","components","postForm","Object","assign","defaultForm","loading","documentInfo","subjectState","length","getDocumentInfo","sendMessage","caseNumber","focus","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","labelScript","on","model","callback","$$v","$set","expression","ref","_v","_s","$event","$router","push","staticRenderFns","nativeOn","directives","name","rawName","modifiers","_l","item","key","staticStyle","_e","documentType","text","fileName"],"mappings":"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","file":"js/chunk-58892188.35a1ef3edd7c0984a4b8.1741903125656.js","sourcesContent":["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!./NewMessage.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!./NewMessage.vue?vue&type=script&lang=js&\"","<template>\r\n  <div>\r\n    <div class=\"mb-2 p-0 m-0\">\r\n      <b-form class=\"row p-0\">\r\n        <div class=\"col-12 mb-2\">\r\n          <b-form-file\r\n            multiple\r\n            :file-name-formatter=\"fileNameDisplay\"\r\n            v-model=\"attachments\"\r\n            placeholder=\"Choose a file here...\"\r\n            accept=\".pdf, .jpg, .png, .TIFF, .txt, .xlsx, .doc, .docx, .rtf, .xls, .csv, .prn, .jpeg, .bmp, .tiff, .tif\"\r\n            @change.native=\"beforeUpload\"\r\n          ></b-form-file>\r\n        </div>\r\n        <div class=\"col-12 col-lg-6 mb-2\">\r\n          <b-form-group\r\n            id=\"input-group-1\"\r\n            :label=\"\r\n              labelScript('LABEL', 'MESSAGECENTER', 'MsgType', 'Type of file:')\r\n            \"\r\n            label-for=\"input-type\"\r\n          >\r\n            <b-form-select\r\n              v-model=\"selected\"\r\n              :options=\"options\"\r\n            ></b-form-select>\r\n          </b-form-group>\r\n        </div>\r\n        <div class=\"col-12 col-lg-6 mb-2\">\r\n          <b-form-group\r\n            id=\"input-group-1\"\r\n            :label=\"\r\n              labelScript('LABEL', 'MESSAGECENTER', 'MsgMkey', 'Member ID:')\r\n            \"\r\n            label-for=\"input-member\"\r\n          >\r\n            <b-input-group class=\"col-12 p-0 row m-0\">\r\n              <b-form-input\r\n                class=\"col-10\"\r\n                :state=\"null\"\r\n                :value=\"selectedSIN\"\r\n                :disabled=\"true\"\r\n              ></b-form-input>\r\n              <b-input-group-append class=\"col-2 p-0\">\r\n                <b-button\r\n                  v-b-modal.modal-center\r\n                  @click=\"showModal\"\r\n                  class=\"p-0 searchIcon\"\r\n                  :disabled=\"mkeyExist\"\r\n                  ><i class=\"fas fa-search\"></i\r\n                ></b-button>\r\n              </b-input-group-append>\r\n            </b-input-group>\r\n          </b-form-group>\r\n          <b-modal\r\n            ref=\"my-modal\"\r\n            size=\"xl\"\r\n            id=\"modal-center\"\r\n            centered\r\n            :title=\"\r\n              labelScript(\r\n                'LABEL',\r\n                'MESSAGECENTER',\r\n                'MsgMemberSearchTitle',\r\n                'Select the member'\r\n              )\r\n            \"\r\n            hide-footer\r\n          >\r\n            <b-card>\r\n              <b-form class=\"row\" @submit=\"onSubmit\">\r\n                <div\r\n                  class=\"row mt-4 col-12 col-lg-6\"\r\n                  v-for=\"(item, index) in filters\"\r\n                  :key=\"index\"\r\n                >\r\n                  <label\r\n                    v-if=\"item.field !== 'erKey'\"\r\n                    class=\"col-4\"\r\n                    for=\"inline-form-custom-select-pref\"\r\n                  >\r\n                    <span style=\"line-height: 38px\">{{\r\n                      item.field == \"Mkey\" ? \"Member ID\" : item.field\r\n                    }}</span>\r\n                  </label>\r\n                  <b-form-input\r\n                    v-if=\"item.field !== 'erKey'\"\r\n                    class=\"col-8\"\r\n                    :id=\"item.field\"\r\n                    v-model=\"item.value\"\r\n                    type=\"text\"\r\n                  ></b-form-input>\r\n                </div>\r\n                <div class=\"col-12\">\r\n                  <b-button\r\n                    class=\"button subButton mx-auto d-block\"\r\n                    type=\"submit\"\r\n                    >{{\r\n                      labelScript(\"LABEL\", \"COMMON\", \"SearchButton\", \"Search\")\r\n                    }}</b-button\r\n                  >\r\n                </div>\r\n              </b-form>\r\n            </b-card>\r\n            <h5\r\n              class=\"text-left text-danger mt-3 ml-5\"\r\n              v-if=\"searchResult.total === 0 && hasSearched\"\r\n            >\r\n              {{\r\n                labelScript(\r\n                  \"LABEL\",\r\n                  \"COMMON\",\r\n                  \"NoResults\",\r\n                  \"No record found. Please review your search criteria.\"\r\n                )\r\n              }}\r\n            </h5>\r\n            <kendo-datasource\r\n              ref=\"datasource1\"\r\n              :transport-read=\"readSearchData\"\r\n              :page-size=\"10\"\r\n              :server-paging=\"true\"\r\n              :schema-total=\"totalNumber\"\r\n              :server-filtering=\"true\"\r\n              :server-sorting=\"true\"\r\n              :filter=\"filterConfiguration\"\r\n            ></kendo-datasource>\r\n\r\n            <kendo-grid\r\n              class=\"mt-3 mb-2 col-11 mx-auto p-0\"\r\n              :height=\"300\"\r\n              :auto-bind=\"true\"\r\n              :data-source-ref=\"'datasource1'\"\r\n              :pageable=\"true\"\r\n              :selectable=\"true\"\r\n              :resizable=\"true\"\r\n              :sortable-allow-unsort=\"true\"\r\n              v-on:change=\"onResult\"\r\n            >\r\n              <kendo-grid-column\r\n                :field=\"'fName'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn1',\r\n                    'First name'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'mName'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn2',\r\n                    'Middle initial'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'lName'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn3',\r\n                    'Last name'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'sin'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn4',\r\n                    'Social Insurance Number'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'dob'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn5',\r\n                    'Date of birth'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'mKey'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn6',\r\n                    'Member ID'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n              <kendo-grid-column\r\n                :field=\"'empStatus'\"\r\n                :title=\"\r\n                  labelScript(\r\n                    'LABEL',\r\n                    'MEMBERSEARCH',\r\n                    'MemberSearchResultColumn7',\r\n                    'Employment status'\r\n                  )\r\n                \"\r\n                :width=\"140\"\r\n              ></kendo-grid-column>\r\n            </kendo-grid>\r\n            <div class=\"mt-3 float-right\">\r\n              <b-button\r\n                class=\"mr-2 button subButton darkGrey\"\r\n                @click=\"hideModal\"\r\n                >{{\r\n                  labelScript(\r\n                    \"LABEL\",\r\n                    \"MEMBERSEARCH\",\r\n                    \"MemberSearchCancelButtom\",\r\n                    \"Cancel\"\r\n                  )\r\n                }}</b-button\r\n              >\r\n              <b-button class=\"button subButton\" @click=\"selectMember\">{{\r\n                labelScript(\r\n                  \"LABEL\",\r\n                  \"MEMBERSEARCH\",\r\n                  \"MemberSearchSubmitButtom\",\r\n                  \"Submit\"\r\n                )\r\n              }}</b-button>\r\n            </div>\r\n          </b-modal>\r\n        </div>\r\n      </b-form>\r\n      <div class=\"mt-3 text-left\">\r\n        <h5>\r\n          {{\r\n            labelScript(\r\n              \"LABEL\",\r\n              \"MESSAGECENTER\",\r\n              \"MsgSelectedFile\",\r\n              \"Attached files:\"\r\n            )\r\n          }}\r\n        </h5>\r\n        <div\r\n          class=\"mb-3 mt-3 row\"\r\n          style=\"word-wrap: break-word;\"\r\n          v-for=\"(item, index) in finalAttachments\"\r\n          :key=\"index\"\r\n        >\r\n          <p class=\"col-3\">\r\n            {{ options.filter((i) => i.value == item.documentType)[0].text }}\r\n          </p>\r\n          <p class=\"col-8\">{{ item.fileName }}</p>\r\n          <i class=\"fas fa-trash-alt times\" @click=\"handleRemove(index)\"></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport labelMixin from \"@/mixin/labelMixin\";\r\nimport { okModal } from \"@/components/bvModal.js\";\r\nimport { doucmentTypeData } from \"@/components/formData.js\";\r\nimport DateFormat from \"@/mixin/DateFormat\";\r\n\r\nexport default {\r\n  props: [\"mkeyVal\"],\r\n  mixins: [labelMixin, DateFormat],\r\n  mounted() {\r\n    this.$store.commit(\"updateselectedSIN\", this.mkeyVal ? this.mkeyVal : \"\");\r\n  },\r\n  data() {\r\n    return {\r\n      selected: \"bb25fd761b7b14108bc29827bc4bcbf2\",\r\n      options: doucmentTypeData,\r\n      attachments: [],\r\n      finalAttachments: [],\r\n      filters: [\r\n        { field: \"SIN\", value: \"\" },\r\n        { field: \"Mkey\", value: \"\" },\r\n        { field: \"FirstName\", value: \"\" },\r\n        { field: \"LastName\", value: \"\" },\r\n        { field: \"erKey\", value: \"\" },\r\n      ],\r\n      sin: \"\",\r\n      mkey: \"\",\r\n      hasSearched: false,\r\n    };\r\n  },\r\n  computed: {\r\n    erKey: function() {\r\n      return this.$store.state.associatedEmployersErKey;\r\n    },\r\n    switchErKey: function() {\r\n      return this.$store.state.switchErKey;\r\n    },\r\n    selectedSIN: function() {\r\n      return this.$store.state.selectedSIN;\r\n    },\r\n    searchResult: function() {\r\n      return this.$store.state.searchResult;\r\n    },\r\n    filterConfiguration: function() {\r\n      return this.$store.state.filterConfiguration;\r\n    },\r\n    subId: function() {\r\n      return this.$msal.data.user.idTokenClaims.sub;\r\n    },\r\n    mkeyExist: function() {\r\n      return this.mkeyVal || this.mkeyVal == \"\" ? true : false;\r\n    },\r\n  },\r\n  updated() {\r\n    this.uploadAttachment();\r\n  },\r\n  methods: {\r\n    totalNumber() {\r\n      return this.searchResult.total;\r\n    },\r\n    onSubmit(evt) {\r\n      evt.preventDefault();\r\n      if (\r\n        this.filters[0].value == \"\" &&\r\n        this.filters[1].value == \"\" &&\r\n        this.filters[2].value == \"\" &&\r\n        this.filters[3].value == \"\"\r\n      ) {\r\n        this.emptySearchOKBox();\r\n      } else {\r\n        this.$store.commit(\"getNewSearchValue\", this.filters);\r\n        this.hasSearched = true;\r\n      }\r\n    },\r\n    readSearchData(e) {\r\n      if (this.switchErKey) {\r\n        this.$store.commit(\"switchErKeyValue\", false);\r\n        e.error();\r\n      } else {\r\n        if (e.data.filter.filters) {\r\n          e.data.filter.filters.map((i) => {\r\n            if (i.field == \"erKey\") {\r\n              i.value = this.erKey;\r\n            }\r\n          });\r\n          this.$store.dispatch(\"getSearchResult\", e.data).then(() => {\r\n            e.success(\r\n              this.searchResult.data.map((i) => {\r\n                i.dob = this.formatNewDate(i.dob);\r\n                return i;\r\n              })\r\n            );\r\n          });\r\n        }\r\n      }\r\n    },\r\n    onResult(e) {\r\n      this.sin = e.sender.select()[0].children[3].innerText;\r\n      this.mkey = e.sender.select()[0].children[5].innerText;\r\n    },\r\n    selectMember() {\r\n      this.$store.commit(\"updateselectedSIN\", this.mkey);\r\n      this.$refs[\"my-modal\"].hide();\r\n    },\r\n    showModal() {\r\n      this.$store.commit(\"switchErKeyValue\", true);\r\n      this.$refs[\"my-modal\"].show();\r\n      this.hasSearched = false;\r\n    },\r\n    hideModal() {\r\n      this.$refs[\"my-modal\"].hide();\r\n    },\r\n    fileNameDisplay() {\r\n      console.log(\"file upload\");\r\n    },\r\n    // getBase64 is used to convert an image to base64 encoded string\r\n    getBase64(file) {\r\n      return new Promise(function(resolve, reject) {\r\n        let reader = new FileReader();\r\n        let imgResult = \"\";\r\n        reader.readAsDataURL(file);\r\n        reader.onload = function() {\r\n          imgResult = reader.result;\r\n        };\r\n        reader.onerror = function(error) {\r\n          reject(error);\r\n        };\r\n        reader.onloadend = function() {\r\n          resolve(imgResult);\r\n        };\r\n      });\r\n    },\r\n    beforeUpload(e) {\r\n      for (const file of e.srcElement.files) {\r\n        const imgAccept = [\r\n          \"application/pdf\",\r\n          \"application/msword\",\r\n          \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\r\n          \"application/vnd.ms-excel\",\r\n          \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n          \"image/jpeg\",\r\n          \"image/jpg\",\r\n          \"image/png\",\r\n          \"image/bmp\",\r\n          \"image/tiff\",\r\n          \"image/tif\",\r\n          \"text/plain\",\r\n          \"application/rtf\",\r\n          \"text/csv\",\r\n          \"application/x-prn\",\r\n        ];\r\n        const isLt20M = file.size / 1024 / 1024 < 20;\r\n        if (imgAccept.indexOf(file.type) == -1) {\r\n          this.$bvModal.msgBoxOk(\r\n            this.labelScript(\r\n              \"MESSAGE\",\r\n              \"MESSAGECENTER\",\r\n              \"DocumentAcceptErrorMsg\",\r\n              \"The uploading document type is not accepted\"\r\n            ),\r\n            okModal(\r\n              this.labelScript(\"MESSAGE\", \"COMMON\", \"ErrorTitle\", \"Error\")\r\n            )\r\n          );\r\n        }\r\n        if (!isLt20M) {\r\n          this.$bvModal.msgBoxOk(\r\n            this.labelScript(\r\n              \"MESSAGE\",\r\n              \"MESSAGECENTER\",\r\n              \"DocumentMaxSizeErrorMsg\",\r\n              \"The maximum file size is 20 MB\"\r\n            ),\r\n            okModal(\r\n              this.labelScript(\"MESSAGE\", \"COMMON\", \"ErrorTitle\", \"Error\")\r\n            )\r\n          );\r\n        }\r\n        if (imgAccept.indexOf(file.type) !== -1 && isLt20M) {\r\n          this.getBase64(file).then((res) => {\r\n            this.finalAttachments.push({\r\n              fileData: res,\r\n              fileName: file.name,\r\n              documentType: this.selected,\r\n            });\r\n          });\r\n        }\r\n      }\r\n    },\r\n    handleRemove(index) {\r\n      this.finalAttachments.splice(index, 1);\r\n    },\r\n    uploadAttachment() {\r\n      // const formData = new FormData();\r\n      // if (this.finalAttachments) {\r\n      //   this.finalAttachments.map((i) => {\r\n      //     formData.append(\"attachments\", i);\r\n      //   });\r\n      // }\r\n      let data = {\r\n        attachments: this.finalAttachments,\r\n        mkey: this.selectedSIN,\r\n        updatedby: this.subId,\r\n        type: this.selected,\r\n        sin: this.selectedSIN,\r\n        erkey: this.erKey,\r\n      };\r\n      this.$emit(\"getDocumentInfo\", data);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.searchIcon {\r\n  background-color: #0070d7 !important;\r\n  height: 100% !important;\r\n  width: 100% !important;\r\n  &:hover {\r\n    background-color: var(--main-primary-color1) !important;\r\n  }\r\n}\r\n.times {\r\n  margin-top: 3px;\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n</style>\r\n","import { render, staticRenderFns } from \"./NewMessage.vue?vue&type=template&id=2f3c8391&\"\nimport script from \"./NewMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./NewMessage.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","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"453159ce-vue-loader-template\\\"}!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentUpload.vue?vue&type=template&id=45e68690&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentUpload.vue?vue&type=style&index=0&id=45e68690&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentUpload.vue?vue&type=style&index=0&id=45e68690&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"453159ce-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewMessage.vue?vue&type=template&id=2f3c8391&\"","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!./DocumentUpload.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!./DocumentUpload.vue?vue&type=script&lang=js&\"","<template>\r\n  <div class=\"mainContainer\">\r\n    <FlowTitle\r\n      :title=\"\r\n        labelScript('LABEL', 'MESSAGECENTER', 'NewMsgTitle', 'New message')\r\n      \"\r\n    />\r\n    <FlowContent\r\n      :title=\"\r\n        labelScript(\r\n          'LABEL',\r\n          'MESSAGECENTER',\r\n          'MsgCenterTitle',\r\n          'Start a new message'\r\n        )\r\n      \"\r\n    >\r\n      <b-form class=\"row\" @submit=\"sendMessage\">\r\n        <b-form-group\r\n          id=\"input-group-1\"\r\n          :label=\"labelScript('LABEL', 'MESSAGECENTER', 'MsgTo', 'To:')\"\r\n          label-for=\"input-1\"\r\n          class=\"col-12\"\r\n        >\r\n          <b-form-input\r\n            id=\"input-1\"\r\n            v-model=\"postForm.toCAAT\"\r\n            :disabled=\"true\"\r\n            value=\"CAAT\"\r\n          ></b-form-input>\r\n        </b-form-group>\r\n        <b-form-group\r\n          id=\"input-group-2\"\r\n          :label=\"\r\n            labelScript('LABEL', 'MESSAGECENTER', 'MsgSubject', 'Subject:')\r\n          \"\r\n          label-for=\"input-2\"\r\n          class=\"col-12\"\r\n        >\r\n          <b-form-input\r\n            ref=\"subject\"\r\n            id=\"input-2\"\r\n            v-model=\"postForm.subject\"\r\n            :state=\"subjectState\"\r\n            aria-describedby=\"input-live-help input-live-feedback\"\r\n            required\r\n          ></b-form-input>\r\n          <b-form-invalid-feedback id=\"input-live-feedback\">\r\n            {{\r\n              labelScript(\r\n                \"MESSAGE\",\r\n                \"MESSAGECENTER\",\r\n                \"ValiForSubject\",\r\n                \"Maximum 100 characters\"\r\n              )\r\n            }}\r\n          </b-form-invalid-feedback>\r\n        </b-form-group>\r\n        <b-form-group\r\n          id=\"input-group-3\"\r\n          :label=\"\r\n            labelScript('LABEL', 'MESSAGECENTER', 'MsgContent', 'Message:')\r\n          \"\r\n          label-for=\"input-3\"\r\n          class=\"col-12\"\r\n        >\r\n          <editor\r\n            :resizable-content=\"true\"\r\n            :resizable-toolbar=\"true\"\r\n            v-model=\"postForm.message\"\r\n          >\r\n          </editor>\r\n        </b-form-group>\r\n        <b-form-group\r\n          id=\"input-group-4\"\r\n          :label=\"\r\n            labelScript('LABEL', 'MESSAGECENTER', 'MsgAttach', 'Add files:')\r\n          \"\r\n          label-for=\"input-4\"\r\n          class=\"col-12\"\r\n        >\r\n          <DocumentUpload @getDocumentInfo=\"getDocumentInfo\" />\r\n        </b-form-group>\r\n\r\n        <div class=\"col-12 text-right\">\r\n          <b-button\r\n            class=\"button subButton mr-2 darkGrey\"\r\n            @click=\"$router.push('/messages')\"\r\n            >{{\r\n              labelScript(\r\n                \"LABEL\",\r\n                \"MESSAGECENTER\",\r\n                \"MsgMkeyCancelBtnText\",\r\n                \"Cancel\"\r\n              )\r\n            }}</b-button\r\n          >\r\n          <b-button type=\"submit\" class=\"button subButton\">{{\r\n            labelScript(\"LABEL\", \"MESSAGECENTER\", \"MsgMkeySendBtnText\", \"Send\")\r\n          }}</b-button>\r\n        </div>\r\n      </b-form>\r\n    </FlowContent>\r\n  </div>\r\n</template>\r\n<script>\r\nimport DocumentUpload from \"@/components/DocumentUpload\";\r\nimport { okModal } from \"@/components/bvModal.js\";\r\nimport FlowTitle from \"@/components/flowComponents/FlowTitle.vue\";\r\nimport FlowContent from \"@/components/flowComponents/FlowContent.vue\";\r\nimport { Editor } from \"@progress/kendo-editor-vue-wrapper\";\r\nconst defaultForm = {\r\n  toCAAT: \"CAAT\",\r\n  subject: \"\",\r\n  message: \"\",\r\n  attachments: [],\r\n};\r\nimport labelMixin from \"@/mixin/labelMixin\";\r\nexport default {\r\n  mixins: [labelMixin],\r\n  components: { DocumentUpload, FlowTitle, FlowContent, Editor },\r\n  data() {\r\n    return {\r\n      postForm: Object.assign({}, defaultForm),\r\n      loading: false,\r\n      documentInfo: {},\r\n    };\r\n  },\r\n  computed: {\r\n    subId: function() {\r\n      return this.$msal.data.user.idTokenClaims.sub;\r\n    },\r\n    subjectState: function() {\r\n      return this.postForm.subject.length <= 100;\r\n    },\r\n    erKey: function() {\r\n      return this.$store.state.associatedEmployersErKey;\r\n    },\r\n  },\r\n  methods: {\r\n    getDocumentInfo(data) {\r\n      this.documentInfo = data;\r\n    },\r\n    sendMessage(e) {\r\n      e.preventDefault();\r\n      if (this.subjectState) {\r\n        let data = {\r\n          subId: this.subId,\r\n          message: this.postForm.message,\r\n          subject: this.postForm.subject,\r\n          caseNumber: \"\",\r\n          mkey: this.documentInfo.mkey ? this.documentInfo.mkey : \"\",\r\n          attachments: this.documentInfo.attachments,\r\n          erkey: this.erKey,\r\n        };\r\n        this.$store.commit(\"switchLoadingStatus\", true);\r\n        this.$store.dispatch(\"createMessageApi\", data).then(() => {\r\n          this.$store.commit(\"switchLoadingStatus\", false);\r\n          this.$bvModal\r\n            .msgBoxOk(\r\n              this.labelScript(\r\n                \"MESSAGE\",\r\n                \"MESSAGECENTER\",\r\n                \"SuccessSendMsg\",\r\n                \"Message sent\"\r\n              ),\r\n              okModal(\r\n                this.labelScript(\"MESSAGE\", \"COMMON\", \"SuccessTitle\", \"Success\")\r\n              )\r\n            )\r\n            .then(() => {\r\n              this.$router.push(\"/messages\");\r\n            });\r\n        });\r\n        // .catch(() => {\r\n        //   this.$store.commit(\"switchLoadingStatus\", false);\r\n        //   this.$bvModal.msgBoxOk(\r\n        //     this.labelScript(\r\n        //       \"MESSAGE\",\r\n        //       \"MESSAGECENTER\",\r\n        //       \"FailedSendMsg\",\r\n        //       \"Message failed to send\"\r\n        //     ),\r\n        //     okModal(\r\n        //       this.labelScript(\"MESSAGE\", \"COMMON\", \"ErrorTitle\", \"Error\")\r\n        //     )\r\n        //   );\r\n        // });\r\n      } else {\r\n        this.$refs.subject.focus();\r\n      }\r\n    },\r\n  },\r\n  // },\r\n};\r\n</script>\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mainContainer\"},[_c('FlowTitle',{attrs:{\"title\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'NewMsgTitle', 'New message')}}),_c('FlowContent',{attrs:{\"title\":_vm.labelScript(\n        'LABEL',\n        'MESSAGECENTER',\n        'MsgCenterTitle',\n        'Start a new message'\n      )}},[_c('b-form',{staticClass:\"row\",on:{\"submit\":_vm.sendMessage}},[_c('b-form-group',{staticClass:\"col-12\",attrs:{\"id\":\"input-group-1\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgTo', 'To:'),\"label-for\":\"input-1\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"disabled\":true,\"value\":\"CAAT\"},model:{value:(_vm.postForm.toCAAT),callback:function ($$v) {_vm.$set(_vm.postForm, \"toCAAT\", $$v)},expression:\"postForm.toCAAT\"}})],1),_c('b-form-group',{staticClass:\"col-12\",attrs:{\"id\":\"input-group-2\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgSubject', 'Subject:'),\"label-for\":\"input-2\"}},[_c('b-form-input',{ref:\"subject\",attrs:{\"id\":\"input-2\",\"state\":_vm.subjectState,\"aria-describedby\":\"input-live-help input-live-feedback\",\"required\":\"\"},model:{value:(_vm.postForm.subject),callback:function ($$v) {_vm.$set(_vm.postForm, \"subject\", $$v)},expression:\"postForm.subject\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-live-feedback\"}},[_vm._v(\" \"+_vm._s(_vm.labelScript( \"MESSAGE\", \"MESSAGECENTER\", \"ValiForSubject\", \"Maximum 100 characters\" ))+\" \")])],1),_c('b-form-group',{staticClass:\"col-12\",attrs:{\"id\":\"input-group-3\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgContent', 'Message:'),\"label-for\":\"input-3\"}},[_c('editor',{attrs:{\"resizable-content\":true,\"resizable-toolbar\":true},model:{value:(_vm.postForm.message),callback:function ($$v) {_vm.$set(_vm.postForm, \"message\", $$v)},expression:\"postForm.message\"}})],1),_c('b-form-group',{staticClass:\"col-12\",attrs:{\"id\":\"input-group-4\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgAttach', 'Add files:'),\"label-for\":\"input-4\"}},[_c('DocumentUpload',{on:{\"getDocumentInfo\":_vm.getDocumentInfo}})],1),_c('div',{staticClass:\"col-12 text-right\"},[_c('b-button',{staticClass:\"button subButton mr-2 darkGrey\",on:{\"click\":function($event){return _vm.$router.push('/messages')}}},[_vm._v(_vm._s(_vm.labelScript( \"LABEL\", \"MESSAGECENTER\", \"MsgMkeyCancelBtnText\", \"Cancel\" )))]),_c('b-button',{staticClass:\"button subButton\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.labelScript(\"LABEL\", \"MESSAGECENTER\", \"MsgMkeySendBtnText\", \"Send\")))])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"mb-2 p-0 m-0\"},[_c('b-form',{staticClass:\"row p-0\"},[_c('div',{staticClass:\"col-12 mb-2\"},[_c('b-form-file',{attrs:{\"multiple\":\"\",\"file-name-formatter\":_vm.fileNameDisplay,\"placeholder\":\"Choose a file here...\",\"accept\":\".pdf, .jpg, .png, .TIFF, .txt, .xlsx, .doc, .docx, .rtf, .xls, .csv, .prn, .jpeg, .bmp, .tiff, .tif\"},nativeOn:{\"change\":function($event){return _vm.beforeUpload($event)}},model:{value:(_vm.attachments),callback:function ($$v) {_vm.attachments=$$v},expression:\"attachments\"}})],1),_c('div',{staticClass:\"col-12 col-lg-6 mb-2\"},[_c('b-form-group',{attrs:{\"id\":\"input-group-1\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgType', 'Type of file:'),\"label-for\":\"input-type\"}},[_c('b-form-select',{attrs:{\"options\":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_c('div',{staticClass:\"col-12 col-lg-6 mb-2\"},[_c('b-form-group',{attrs:{\"id\":\"input-group-1\",\"label\":_vm.labelScript('LABEL', 'MESSAGECENTER', 'MsgMkey', 'Member ID:'),\"label-for\":\"input-member\"}},[_c('b-input-group',{staticClass:\"col-12 p-0 row m-0\"},[_c('b-form-input',{staticClass:\"col-10\",attrs:{\"state\":null,\"value\":_vm.selectedSIN,\"disabled\":true}}),_c('b-input-group-append',{staticClass:\"col-2 p-0\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-center\",modifiers:{\"modal-center\":true}}],staticClass:\"p-0 searchIcon\",attrs:{\"disabled\":_vm.mkeyExist},on:{\"click\":_vm.showModal}},[_c('i',{staticClass:\"fas fa-search\"})])],1)],1)],1),_c('b-modal',{ref:\"my-modal\",attrs:{\"size\":\"xl\",\"id\":\"modal-center\",\"centered\":\"\",\"title\":_vm.labelScript(\n              'LABEL',\n              'MESSAGECENTER',\n              'MsgMemberSearchTitle',\n              'Select the member'\n            ),\"hide-footer\":\"\"}},[_c('b-card',[_c('b-form',{staticClass:\"row\",on:{\"submit\":_vm.onSubmit}},[_vm._l((_vm.filters),function(item,index){return _c('div',{key:index,staticClass:\"row mt-4 col-12 col-lg-6\"},[(item.field !== 'erKey')?_c('label',{staticClass:\"col-4\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_c('span',{staticStyle:{\"line-height\":\"38px\"}},[_vm._v(_vm._s(item.field == \"Mkey\" ? \"Member ID\" : item.field))])]):_vm._e(),(item.field !== 'erKey')?_c('b-form-input',{staticClass:\"col-8\",attrs:{\"id\":item.field,\"type\":\"text\"},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}}):_vm._e()],1)}),_c('div',{staticClass:\"col-12\"},[_c('b-button',{staticClass:\"button subButton mx-auto d-block\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.labelScript(\"LABEL\", \"COMMON\", \"SearchButton\", \"Search\")))])],1)],2)],1),(_vm.searchResult.total === 0 && _vm.hasSearched)?_c('h5',{staticClass:\"text-left text-danger mt-3 ml-5\"},[_vm._v(\" \"+_vm._s(_vm.labelScript( \"LABEL\", \"COMMON\", \"NoResults\", \"No record found. Please review your search criteria.\" ))+\" \")]):_vm._e(),_c('kendo-datasource',{ref:\"datasource1\",attrs:{\"transport-read\":_vm.readSearchData,\"page-size\":10,\"server-paging\":true,\"schema-total\":_vm.totalNumber,\"server-filtering\":true,\"server-sorting\":true,\"filter\":_vm.filterConfiguration}}),_c('kendo-grid',{staticClass:\"mt-3 mb-2 col-11 mx-auto p-0\",attrs:{\"height\":300,\"auto-bind\":true,\"data-source-ref\":'datasource1',\"pageable\":true,\"selectable\":true,\"resizable\":true,\"sortable-allow-unsort\":true},on:{\"change\":_vm.onResult}},[_c('kendo-grid-column',{attrs:{\"field\":'fName',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn1',\n                  'First name'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'mName',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn2',\n                  'Middle initial'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'lName',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn3',\n                  'Last name'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'sin',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn4',\n                  'Social Insurance Number'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'dob',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn5',\n                  'Date of birth'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'mKey',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn6',\n                  'Member ID'\n                ),\"width\":140}}),_c('kendo-grid-column',{attrs:{\"field\":'empStatus',\"title\":_vm.labelScript(\n                  'LABEL',\n                  'MEMBERSEARCH',\n                  'MemberSearchResultColumn7',\n                  'Employment status'\n                ),\"width\":140}})],1),_c('div',{staticClass:\"mt-3 float-right\"},[_c('b-button',{staticClass:\"mr-2 button subButton darkGrey\",on:{\"click\":_vm.hideModal}},[_vm._v(_vm._s(_vm.labelScript( \"LABEL\", \"MEMBERSEARCH\", \"MemberSearchCancelButtom\", \"Cancel\" )))]),_c('b-button',{staticClass:\"button subButton\",on:{\"click\":_vm.selectMember}},[_vm._v(_vm._s(_vm.labelScript( \"LABEL\", \"MEMBERSEARCH\", \"MemberSearchSubmitButtom\", \"Submit\" )))])],1)],1)],1)]),_c('div',{staticClass:\"mt-3 text-left\"},[_c('h5',[_vm._v(\" \"+_vm._s(_vm.labelScript( \"LABEL\", \"MESSAGECENTER\", \"MsgSelectedFile\", \"Attached files:\" ))+\" \")]),_vm._l((_vm.finalAttachments),function(item,index){return _c('div',{key:index,staticClass:\"mb-3 mt-3 row\",staticStyle:{\"word-wrap\":\"break-word\"}},[_c('p',{staticClass:\"col-3\"},[_vm._v(\" \"+_vm._s(_vm.options.filter(function (i) { return i.value == item.documentType; })[0].text)+\" \")]),_c('p',{staticClass:\"col-8\"},[_vm._v(_vm._s(item.fileName))]),_c('i',{staticClass:\"fas fa-trash-alt times\",on:{\"click\":function($event){return _vm.handleRemove(index)}}})])})],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./DocumentUpload.vue?vue&type=template&id=45e68690&scoped=true&\"\nimport script from \"./DocumentUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentUpload.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentUpload.vue?vue&type=style&index=0&id=45e68690&lang=scss&scoped=true&\"\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  \"45e68690\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}