{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./src/services/UploadFilesService.js","webpack:///./src/views/v-user-profile/index.vue?e6a5","webpack:///./src/views/v-user-profile/index.vue","webpack:///./src/views/v-user-profile/index.vue?7067"],"names":["_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","prototype","http","axios","create","baseURL","API_HOST","headers","UploadFilesService","file","onUploadProgress","ParentType","ParentID","OrgID","Subject","FileId","formData","FormData","append","store","state","api","sessionToken","userID","post","getPicture","SourceType","onSuccess","obj","console","log","onFail","message","window","navigator","camera","fileURI","isBase64Image","errorReceived","__","undefined","sourceType","destinationType","Camera","DestinationType","DATA_URL","encodingType","EncodingType","JPEG","mediaType","MediaType","PICTURE","cordova","platformId","inputFile","document","querySelectorAll","style","display","click","base64String","base64Data","replace","binaryData","atob","signature","substring","class","editMode","userData","FirstName","LastName","TelMobile","TelMobile2","type","Email","Email2","saveChanges","btnText","optionLabel","options","languages","placeholder","languageModel","data","pushMessages","value","label","pushMessageModel","enableEditTanantData","successModalMessage","mounted","this","getData","watch","handler","lang","procParams","contactId","Int","id","SmallInt","then","$store","commit","languageId","dispatch","catch","err","vaadMenuItems","find","f","routerName","$route","name","isVaadMember","$router","push","methods","getPictureLocal","attachments","result","JSON","parse","langs","Table2","map","l","code","LangKey","dir","Direction","Lang","LID","Table","Table1","val","language_code","ContactID","NVarChar","procName","contactID","computed","building","getLanguageCode","render","__scopeId"],"mappings":"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","file":"js/chunk-5ce76be5.0d1d940b.js","sourcesContent":["export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","//https://bezkoder.com/vue-multiple-files-upload/#Web_API_for_File_Upload_038_Storage\r\nimport axios from \"axios\";\r\nimport { API_HOST } from \"./APointAPI\";\r\nimport { __ } from \"@/plugins/i18n/index\";\r\nimport { errorReceived } from \"@/services/apointUtil\";\r\n\r\nconst http = axios.create({\r\n  baseURL: API_HOST + \"/files\",\r\n  headers: {\r\n    \"Content-type\": \"application/json\",\r\n  },\r\n});\r\n\r\n// import http from \"../http-common\";\r\nimport store from \"../store/index\";\r\n\r\nclass UploadFilesService {\r\n  upload(file, onUploadProgress, ParentType, ParentID, OrgID, Subject, FileId) {\r\n    // console.log(\"API_HOST\", API_HOST);\r\n    let formData = new FormData();\r\n\r\n    formData.append(\"sessionToken\", store.state.api.sessionToken);\r\n    formData.append(\"CreatedBy\", store.state.api.userID);\r\n    formData.append(\"ParentType\", ParentType);\r\n    formData.append(\"ParentID\", ParentID);\r\n    formData.append(\"OrgID\", OrgID);\r\n    formData.append(\"Subject\", Subject);\r\n    formData.append(\"FileId\", FileId);\r\n\r\n    formData.append(\"file\", file);\r\n    // console.log(\"upload formData\", formData);\r\n    return http.post(\"/upload\", formData, {\r\n      headers: {\r\n        \"Content-Type\": \"multipart/form-data\",\r\n      },\r\n      onUploadProgress,\r\n    });\r\n  }\r\n}\r\nexport function getPicture(SourceType,\r\n  onSuccess = (obj) => {\r\n    console.log(\"Camera cleanup success.\", obj);\r\n  },\r\n  onFail = (message) => {\r\n    console.log(\"ailed because: \", message);\r\n  }\r\n) {\r\n  // console.log(\"init GetPicther\");\r\n\r\n  window.navigator.camera.getPicture(\r\n    (fileURI) => {\r\n      if (isBase64Image(fileURI))\r\n        onSuccess(\"data:image/jpeg;base64,\" + fileURI);\r\n      else \r\n      errorReceived(__(\"Uploading a picture\"), undefined, __(\"Only an image type file must be selected!\"));\r\n    },\r\n    onFail,\r\n    {\r\n      sourceType: SourceType,\r\n      destinationType: window.Camera.DestinationType.DATA_URL,\r\n      encodingType: window.navigator.camera.EncodingType.JPEG,\r\n      mediaType: window.navigator.camera.MediaType.PICTURE,\r\n    }\r\n  );\r\n  if (window.cordova.platformId === \"browser\") {\r\n    const inputFile = document.querySelectorAll(\"input\")[\r\n      document.querySelectorAll(\"input\").length - 1\r\n    ];\r\n    inputFile.style.display = \"none\";\r\n    inputFile.click();\r\n  }\r\n}\r\nexport function isBase64Image(base64String) {\r\n  // Remove data URL prefix if present\r\n  const base64Data = base64String.replace(/^data:image\\/(png|jpeg|jpg|gif);base64,/, '');\r\n\r\n  // Convert base64 to bytes\r\n  const binaryData = atob(base64Data);\r\n\r\n  // Extract the first few bytes to check the file signature\r\n  const signature = binaryData.substring(0, 4);\r\n\r\n  // Check if the signature matches image file types\r\n  return (\r\n    signature === '\\xFF\\xD8\\xFF\\xE0' || // JPEG\r\n    signature === '\\xFF\\xD8\\xFF\\xE1' || // JPEG\r\n    signature === '/9j/' || // JPEG\r\n    signature === '\\x89PNG' || // PNG\r\n    signature === 'JVBERi0='  // PNG\r\n    // Add more signatures for other image types if needed\r\n  );\r\n}\r\n\r\nexport default new UploadFilesService();\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=66664819&scoped=true&lang=css\"","<template>\r\n  <div class=\"container body-bg\">\r\n    <div class=\"avatar\" v-if=\"false\">\r\n      <div class=\"avatar__wrapper\">\r\n        <div class=\"thumbnail\">\r\n          <img v-if=\"avatar\" :src=\"avatar\" />\r\n          <i-icon v-else name=\"avatar\" />\r\n          <add-pic class=\"upload-button\" @click=\"getPictureLocal\">\r\n            <span\r\n              class=\"p-button-icon p-button-icon-left pi pi-fw pi-plus\"\r\n            ></span>\r\n            {{ __(\"Add an image\") }}\r\n          </add-pic>\r\n          <p-vue-file-upload\r\n            url=\"./\"\r\n            mode=\"basic\"\r\n            name=\"avatar\"\r\n            accept=\"image/*\"\r\n            :auto=\"true\"\r\n            v-model=\"avatar\"\r\n            @select=\"chooseAvatar\"\r\n          />\r\n        </div>\r\n        <span class=\"plus\">\r\n          <i-icon name=\"plus\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"data\">\r\n      <div class=\"preview\">\r\n        <label>{{ __(\"First name\") }}:</label>\r\n        <p-vue-input-text v-if=\"editMode\" v-model=\"userData.FirstName\" />\r\n        <span v-else>{{ userData.FirstName }}</span>\r\n        <label>{{ __(\"Last name\") }}:</label>\r\n        <p-vue-input-text v-if=\"editMode\" v-model=\"userData.LastName\" />\r\n        <span v-else>{{ userData.LastName }}</span>\r\n        <!-- <template v-for=\"(cellular, index) in userData.cellulars\" :key=\"index\">\r\n          <label>{{ `${__(\"Cellular\")} ${index + 1}` }}:</label>\r\n          <span>{{ cellular }}</span>\r\n        </template> -->\r\n        <label>{{ __(\"Cellular\") }}:</label>\r\n        <i-input-phone v-if=\"editMode\" v-model=\"userData.TelMobile\" />\r\n        <span v-else>{{ userData.TelMobile }}</span>\r\n        <label>{{ __(\"Cellular\") }} 2:</label>\r\n        <i-input-phone v-if=\"editMode\" v-model=\"userData.TelMobile2\" />\r\n        <span v-else>{{ userData.TelMobile2 }}</span>\r\n        <label>{{ __(\"Mail\") }}:</label>\r\n        <p-vue-input-text\r\n          v-if=\"editMode\"\r\n          type=\"email\"\r\n          v-model=\"userData.Email\"\r\n        />\r\n        <span v-else>{{ userData.Email }}</span>\r\n        <label>{{ __(\"Mail\") }} 2:</label>\r\n        <p-vue-input-text\r\n          v-if=\"editMode\"\r\n          type=\"email\"\r\n          v-model=\"userData.Email2\"\r\n        />\r\n        <span v-else>{{ userData.Email2 }}</span>\r\n\r\n        <!-- <label class=\"heading\">{{ __(\"Preferences\") }}</label> -->\r\n\r\n        <!-- <span v-else>{{ getLanguageCode }}</span> -->\r\n        <label v-if=\"false\">{{ __(\"Push messages\") }}:</label>\r\n        <i-override-dropdown\r\n          v-if=\"false\"\r\n          optionLabel=\"label\"\r\n          :options=\"pushMessages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"pushMessageModel\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"p-d-flex p-jc-end p-mt-3\">\r\n        <template v-if=\"editMode\">\r\n          <p-vue-button\r\n            class=\"p-button-outlined p-button-danger p-button-rounded\"\r\n            @click=\"editMode = false\"\r\n          >\r\n            <span class=\"p-button-text\">{{ __(\"Cancel\") }}</span>\r\n          </p-vue-button>\r\n          <p-vue-button\r\n            class=\"p-button-outlined p-button-success p-button-rounded p-mr-3\"\r\n            @click=\"saveChanges\"\r\n          >\r\n            <span class=\"p-button-text\">{{ __(btnText) }}</span>\r\n          </p-vue-button>\r\n        </template>\r\n        <p-vue-button\r\n          v-else\r\n          class=\"p-button-outlined p-button-success p-button-rounded\"\r\n          @click=\"editMode = true\"\r\n        >\r\n          <span class=\"p-button-text\">{{ __(\"Edit\") }}</span>\r\n        </p-vue-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"preferences\">\r\n      <h4 class=\"heading\">{{ __(\"Preferences\") }}</h4>\r\n      <div class=\"settings\">\r\n        <label>{{ __(\"Language\") }}:</label>\r\n        <i-override-dropdown\r\n          optionLabel=\"label\"\r\n          :options=\"languages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"languageModel\"\r\n        />\r\n        <label v-if=\"false\">{{ __(\"Push messages\") }}:</label>\r\n        <i-override-dropdown\r\n          v-if=\"false\"\r\n          optionLabel=\"label\"\r\n          :options=\"pushMessages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"pushMessageModel\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getPicture } from \"@/services/UploadFilesService\";\r\nimport { __ } from \"@/plugins/i18n/\";\r\nimport { callProc, apiParam, apiPType } from \"@/services/APointAPI\";\r\nimport { errorReceived,showSuccessOrFailedModal } from \"@/services/apointUtil\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      languages: [],\r\n      pushMessages: [\r\n        { value: \"yes\", label: __(\"Agree to accept\") },\r\n        { value: \"no\", label: __(\"I do not agree to accept\") },\r\n      ],\r\n      languageModel: null,\r\n      pushMessageModel: null,\r\n      userData: {},\r\n      editMode: false,\r\n      enableEditTanantData: 1,\r\n      btnText: \"\",\r\n      successModalMessage: __(\r\n        \"Email profile request request sent to management company!\"\r\n      ),\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getData();\r\n  },\r\n  watch: {\r\n    languageModel: {\r\n      handler(lang) {\r\n        const procParams = [\r\n          apiParam(\"contactID\", this.contactId, apiPType.Int),\r\n          apiParam(\"lang\", lang.id, apiPType.SmallInt),\r\n        ];\r\n        callProc(\"TennatApp_ChangeContactLang\", procParams)\r\n          .then(() => {\r\n            this.$store.commit(\"api/setSessionData\", {\r\n              languageId: lang.id,\r\n            });\r\n            this.$store.dispatch(\"doLanguageSwitch\", lang.value);\r\n          })\r\n          .catch((err) => {\r\n            console.log(\"Got error changing language: \", err);\r\n          });\r\n      },\r\n    },\r\n    contactId() {\r\n      if (\r\n        this.vaadMenuItems.find((f) => f.routerName == this.$route.name) &&\r\n        !this.isVaadMember\r\n      )\r\n        this.$router.push({\r\n          name: \"Dashboard\",\r\n        });\r\n      this.getData();\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    getPictureLocal() {\r\n      getPicture((obj) => {\r\n        this.attachments.push(obj);\r\n      });\r\n    },\r\n    getData() {\r\n      let procParams = [apiParam(\"contactId\", this.contactId, apiPType.Int)];\r\n      callProc(\"TennatApp_GetUserData\", procParams)\r\n        .then((result) => {\r\n          result = JSON.parse(result);\r\n          const langs = result.Table2;\r\n          this.languages = langs.map((l) => {\r\n            return {\r\n              value: { code: l.LangKey, dir: l.Direction },\r\n              label: l.Lang,\r\n              id: l.LID,\r\n            };\r\n          });\r\n          // this.languageModel = this.languages.find(l=>l.id===this.languageId)\r\n          this.userData = result.Table[0];\r\n          this.enableEditTanantData = result.Table1[0].val == \"1\";\r\n          if (this.enableEditTanantData) {\r\n            this.btnText = \"Save\";\r\n            this.successModalMessage = __(\"Data saved successfully!\");\r\n          } else this.btnText = \"update\";\r\n          this.languageModel =\r\n            this.languages.find((f) => f.id == this.userData.language_code) ||\r\n            null;\r\n        })\r\n        .catch(() => {\r\n          errorReceived(\"TennatApp_GetUserData\");\r\n        });\r\n      // this.pushMessageModel = this.data.pushMessages || null;\r\n    },\r\n    saveChanges() {\r\n      this.$store.dispatch(\"doLoading\", true);\r\n      let procParams = [\r\n        apiParam(\"ContactID\", this.userData.ContactID, apiPType.Int),\r\n        apiParam(\"Email\", this.userData.Email, apiPType.NVarChar),\r\n        apiParam(\"Email2\", this.userData.Email2, apiPType.NVarChar),\r\n        apiParam(\"FirstName\", this.userData.FirstName, apiPType.NVarChar),\r\n        apiParam(\"LastName\", this.userData.LastName, apiPType.NVarChar),\r\n        apiParam(\"TelMobile\", this.userData.TelMobile, apiPType.NVarChar),\r\n        apiParam(\"TelMobile2\", this.userData.TelMobile2, apiPType.NVarChar),\r\n        // apiParam(\"Lang\", this.languageModel.id, apiPType.SmallInt),\r\n      ];\r\n      let procName = \"\";\r\n      if (this.enableEditTanantData) procName = \"TennatApp_SaveUserData\";\r\n      else procName = \"TennatApp_SendUserData\";\r\n      callProc(procName, procParams, undefined, undefined, undefined, 40).then(\r\n        (result) => {\r\n          result = JSON.parse(result);\r\n          this.userData = result.Table[0];\r\n          this.editMode = false;\r\n          this.$store.commit(\"api/setSessionData\", {\r\n            contactID: result.Table[0].ContactID,\r\n          });\r\n          this.$store.dispatch(\"doLoading\", false);\r\n          showSuccessOrFailedModal(this.successModalMessage)\r\n        }\r\n      );\r\n    },\r\n    //? chooseAvatar(event){\r\n    //? \tconst { files } = event;\r\n\r\n    //?   if (files && files.length) return (avatar.value = files[0].objectURL);\r\n\r\n    //?  avatar.value = null;\r\n    //? }\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      contactId: (state) => state.api.contactID,\r\n      building: (state) => state.building,\r\n      vaadMenuItems: (state) => state.vaadMenuItems,\r\n      isVaadMember: (state) => state.api.isVaadMember,\r\n      languageId: (state) => state.api.languageId,\r\n    }),\r\n    getLanguageCode() {\r\n      return this.languages.find((l) => l.id == this.userData.language_code)\r\n        ?.label;\r\n    },\r\n  },\r\n  //? avatar\r\n  //? watch(avatar, (v) => console.log(v));\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 17px 0;\r\n\r\n  border-bottom: 1px solid var(--color-border-alt);\r\n}\r\n\r\n.avatar__wrapper {\r\n  position: relative;\r\n}\r\n\r\n.avatar .thumbnail {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 125px;\r\n  height: 125px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 125px;\r\n  border: 1px solid #79b34e;\r\n\r\n  cursor: pointer;\r\n}\r\n.upload-button {\r\n  margin-top: 25px;\r\n  display: block;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 13px 15px;\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid var(--color-success);\r\n  color: black;\r\n  font-size: 16px;\r\n  line-height: 1.28;\r\n  letter-spacing: 0.51px;\r\n  text-align: center;\r\n}\r\n\r\n.upload-button:deep(.p-button) {\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 13px 15px;\r\n\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid var(--color-success);\r\n\r\n  color: black;\r\n  font-size: 16px;\r\n  line-height: 1.28;\r\n  letter-spacing: 0.51px;\r\n}\r\n\r\n.avatar .thumbnail img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n.avatar .thumbnail:deep(.svg){\r\n  width: 55px;\r\n  height: 55px;\r\n\r\n  color: var(--color-border-alt);\r\n}\r\n\r\n.avatar .plus {\r\n  right: 4px;\r\n  bottom: 4px;\r\n  position: absolute;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid #79b34e;\r\n}\r\n\r\n.avatar .plus:deep(.svg){\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  color: black;\r\n}\r\n\r\n.avatar:deep(.p-fileupload) {\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n\r\n  opacity: 0;\r\n}\r\n\r\n.avatar:deep(.p-fileupload .p-button) {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.container {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.data {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 20px 0;\r\n}\r\n.data .p-button {\r\n  min-width: 160px;\r\n}\r\n.preview {\r\n  flex: 1;\r\n  gap: 20px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  font-size: 16px;\r\n  color: #000000;\r\n  letter-spacing: 0.51px;\r\n  align-items: center;\r\n}\r\n.preview label {\r\n  color: var(--color-primary);\r\n}\r\n.preferences {\r\n  padding: 20px 0;\r\n  border-top: 1px solid var(--color-border-alt);\r\n}\r\n.preferences .heading {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  letter-spacing: 0.51px;\r\n  color: var(--color-primary);\r\n}\r\n.preferences .settings {\r\n  padding-top: 20px;\r\n  gap: 20px;\r\n  display: grid;\r\n  align-items: center;\r\n  grid-template-columns: auto 1fr;\r\n}\r\n</style>\r\n","import { render } from \"./index.vue?vue&type=template&id=66664819&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=66664819&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-66664819\"\n\nexport default script"],"sourceRoot":""}