{"version":3,"sources":["webpack:///./src/Pages/Profile/AccountInfo.vue?4844","webpack:///./src/Pages/Profile/activeTab.vue","webpack:///src/Pages/Profile/activeTab.vue","webpack:///./src/Pages/Profile/activeTab.vue?279f","webpack:///./src/Pages/Profile/activeTab.vue?228c","webpack:///./src/Pages/Profile/activeTab.vue?6e5d","webpack:///./src/store/Auth.js","webpack:///./src/Pages/Profile/AccountInfo.vue?f567","webpack:///./src/Pages/Profile/AccountInfo.vue?c5ae","webpack:///./src/Pages/Profile/AccountInfo.vue","webpack:///src/Pages/Profile/AccountInfo.vue","webpack:///./src/Pages/Profile/AccountInfo.vue?a2c8","webpack:///./src/Pages/Profile/AccountInfo.vue?3127"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","admin","_e","class","active","activeTab","attrs","nativeOn","$event","hasSaasClientPermission","staticRenderFns","data","props","type","String","default","Boolean","computed","userInfo","localStorage","getItem","parsedUserInfo","JSON","parse","permissions","includes","component","loginJWT","payload","Promise","resolve","reject","axios","post","then","response","message","vm","Vue","$toast","warning","error","setItem","access_token","defaults","headers","common","status","get","res","console","log","stringify","thisUser","role","Object","assign","userRole","not_have_plan_yet","locations","forEach","element","index","push","catch","setClientInfo","item","signupNoCard","allNexlaw","allNexlawPage","obj","getMe","forgetPassword","email","updatePassword","put","token","password","password_confirmation","destroyAccessToken","updateProfile","changePassword","staticStyle","isChangingPassword","_m","passwordFieldType","model","value","form","old_password","callback","$$v","$set","expression","on","toggleVisibility","passwordVisible","togglePasswordChange","savePassword","profileData","components","fullName","companyName","firstName","lastName","personalEmail","contactNumber","lawFirm","firmEmail","firmContact","firmAddress","currentPassword","newPassword","confirmPassword","extraInfo","website","name","extra_info","contact_number","firm_address_1","firm_address_2","firm_address_3","company_name","isEditing","addClient","methods","back","toggleClient","toggleEdit","saveChanges","undefined","Auth","address","join","info","success","$bvModal","hide","created","_userInfo$extra_info$","_userInfo$extra_info$2","fullNameArray","split","slice","addressParts","is_manager"],"mappings":"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","file":"js/chunk-10825ddf.0447a818.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./AccountInfo.vue?vue&type=style&index=2&id=58a66602&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top-side\"},[_c('p',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.admin ? 'Admin' : 'My Profile'))]),_c('div',{staticClass:\"tabs\"},[(!_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'profile' },attrs:{\"to\":\"/settings/profile\"},nativeOn:{\"click\":function($event){_vm.activeTab = 'profile'}}},[_vm._v(\" Profile \")]):_vm._e(),(!_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'accountInfo' },attrs:{\"to\":\"/settings/account_info\"},nativeOn:{\"click\":function($event){_vm.activeTab = 'accountInfo'}}},[_vm._v(\" Account Info \")]):_vm._e(),(_vm.admin && _vm.hasSaasClientPermission)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'clientTable' },attrs:{\"to\":\"/settings/admin\"}},[_vm._v(\" Clients \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'employee' },attrs:{\"to\":\"/settings/employee\"}},[_vm._v(\" Employee \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'roles' },attrs:{\"to\":\"/settings/roles\"}},[_vm._v(\" Roles \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'policies' },attrs:{\"to\":\"/settings/policies\"}},[_vm._v(\" Policies \")]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"top-side\" style=\"\">\r\n    <p class=\"header\">{{ admin ? 'Admin' : 'My Profile' }}</p>\r\n    <div class=\"tabs\">\r\n      <router-link to=\"/settings/profile\" v-if=\"!admin\" class=\"tab\" :class=\"{ active: activeTab === 'profile' }\"\r\n        @click.native=\"activeTab = 'profile'\">\r\n        Profile\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/account_info\" v-if=\"!admin\" class=\"tab\"\r\n        :class=\"{ active: activeTab === 'accountInfo' }\" @click.native=\"activeTab = 'accountInfo'\">\r\n        Account Info\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/admin\" v-if=\"admin && hasSaasClientPermission\" class=\"tab\"\r\n        :class=\"{ active: activeTab === 'clientTable' }\">\r\n        Clients\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/employee\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'employee' }\">\r\n        Employee\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/roles\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'roles' }\">\r\n        Roles\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/policies\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'policies' }\">\r\n        Policies\r\n      </router-link>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n  props: {\r\n    activeTab: {\r\n      type: String,\r\n      default: 'profile'\r\n    },\r\n    admin: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    hasSaasClientPermission() {\r\n      const userInfo = localStorage.getItem('userInfo');\r\n      if (userInfo) {\r\n        const parsedUserInfo = JSON.parse(userInfo);\r\n        return parsedUserInfo.permissions && parsedUserInfo.permissions.includes('Saas-Client.index');\r\n      }\r\n      return false;\r\n    }\r\n  },\r\n}\r\n</script>\r\n<style scoped>\r\n.top-side {\r\n  height: 108px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0 20px;\r\n  background: #FFFFFF;\r\n}\r\n\r\n.header {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  padding-top: 15px;\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  gap: 20px;\r\n  color: var(--dark-grey);\r\n  font-size: 14px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 24px;\r\n}\r\n\r\n.tab {\r\n  text-decoration: none;\r\n  color: var(--primary);\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.tab.active {\r\n  color: var(--primary);\r\n  border-bottom: 2px solid var(--primary);\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./activeTab.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./activeTab.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./activeTab.vue?vue&type=template&id=1db8737d&scoped=true\"\nimport script from \"./activeTab.vue?vue&type=script&lang=js\"\nexport * from \"./activeTab.vue?vue&type=script&lang=js\"\nimport style0 from \"./activeTab.vue?vue&type=style&index=0&id=1db8737d&prod&scoped=true&lang=css\"\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  \"1db8737d\",\n  null\n  \n)\n\nexport default component.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/lib/loaders/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/lib/index.js??vue-loader-options!./activeTab.vue?vue&type=style&index=0&id=1db8737d&prod&scoped=true&lang=css\"","import axios from \"@/axios.js\";\r\nimport Vue from \"vue\";\r\n/* eslint-disable */\r\nexport default {\r\n  loginJWT(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"login\", payload)\r\n\r\n        .then((response) => {\r\n          if (\r\n            response.data.message ==\r\n            \"You email is not verified, please check your email and verify it\"\r\n          ) {\r\n            const vm = new Vue();\r\n            vm.$toast.warning(\r\n              \"Your email is not verified! Please check your email and verify it.\"\r\n            );\r\n          } else if (response.data.message == \"You are unactivated user!\") {\r\n            const vm = new Vue();\r\n            vm.$toast.error(response.data.message);\r\n          } else {\r\n            localStorage.setItem(\r\n              \"accessToken\",\r\n              response.data.data.access_token\r\n            );\r\n\r\n            //set token globally once login\r\n            axios.defaults.headers.common[\r\n              \"Authorization\"\r\n            ] = `Bearer ${response.data.data.access_token}`;\r\n\r\n            // If there's user data in response\r\n            if (response.data.status) {\r\n              //if response true\r\n              // Navigate User to homepage\r\n              axios\r\n                .get(\"me\")\r\n                .then((res) => {\r\n                  console.log(\"res DATA\", res);\r\n                  localStorage.setItem(\r\n                    \"userInfo\",\r\n                    JSON.stringify(res.data.data)\r\n                  );\r\n                  localStorage.setItem(\r\n                    \"permissions\",\r\n                    JSON.stringify(res.data.data.permissions)\r\n                  );\r\n\r\n                  const thisUser = res.data.data;\r\n\r\n                  let role = \"editor\";\r\n\r\n                  Object.assign(thisUser, { userRole: role });\r\n                  if (\r\n                    JSON.parse(localStorage.userInfo).not_have_plan_yet !==\r\n                      \"1\" &&\r\n                    JSON.parse(localStorage.userInfo).not_have_plan_yet !== 1\r\n                  ) {\r\n                    axios\r\n                      .get(\"locations\")\r\n                      .then((res) => {\r\n                        var locations = [];\r\n                        res.data.data.forEach((element, index) => {\r\n                          // if (element.name == \"www.google.com.my\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          // else if (element.name == \"www.google.com.au\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          // else if (element.name == \"www.google.com.sg\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          locations.push(element);\r\n                        });\r\n\r\n                        localStorage.setItem(\r\n                          \"locations\",\r\n                          JSON.stringify(locations)\r\n                        );\r\n                      })\r\n                      .catch((error) => {\r\n                        reject(error);\r\n                      });\r\n                  }\r\n                })\r\n                .catch((error) => {\r\n                  reject(error);\r\n                });\r\n\r\n              // var keywordList = []\r\n              // for (var count = 1; count < 5; count++) {\r\n              //     axios.get('keywordpools?&page=' + count)\r\n              //         .then(res => {\r\n\r\n              //             res.data.data.data.forEach((element) => {\r\n\r\n              //                 keywordList.push(element);\r\n              //             });\r\n              //             localStorage.setItem('keyword_pool', JSON.stringify(keywordList))\r\n\r\n              //         })\r\n              //         .catch(error => {\r\n              //         })\r\n              // }\r\n\r\n              resolve(response);\r\n            } else {\r\n              reject({ message: \"Incorrect Email or Password!\" });\r\n            }\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  setClientInfo(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`signup/set-client-information`, item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  signupNoCard(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`signup/subscripe-without-card`, item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  allNexlaw() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw?page=1`)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  allNexlawPage(obj) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw` + obj)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  getMe() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"me\")\r\n        .then((response) => {\r\n          //\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  forgetPassword(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"Forgot-Password\", { email: payload.email })\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  updatePassword(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Update-Password\", {\r\n          token: payload.token,\r\n          password: payload.password,\r\n          password_confirmation: payload.password_confirmation,\r\n        })\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  destroyAccessToken() {\r\n    // //\r\n    return new Promise((resolve, reject) => {\r\n      // //\r\n      axios\r\n        .post(\"logout\", { access_token: localStorage.getItem(\"accessToken\") })\r\n        .then((response) => {\r\n          resolve(response);\r\n          //\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n          //\r\n        });\r\n    });\r\n  },\r\n\r\n  updateProfile(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Change-My-Profile\", item)\r\n        .then((response) => {\r\n          resolve(response);\r\n\r\n          axios\r\n            .get(\"me\")\r\n            .then((res) => {\r\n              localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n            })\r\n            .catch((error) => {\r\n              reject(error);\r\n            });\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  changePassword(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Change-My-Password\", item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n};\r\n","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/lib/loaders/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/lib/index.js??vue-loader-options!./AccountInfo.vue?vue&type=style&index=1&id=58a66602&prod&scoped=true&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/lib/loaders/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/lib/index.js??vue-loader-options!./AccountInfo.vue?vue&type=style&index=0&id=58a66602&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('active-tab',{attrs:{\"activeTab\":_vm.activeTab}}),_c('div',{staticStyle:{\"padding\":\"40px\"}},[(!_vm.isChangingPassword)?_c('div',[_c('div',[_vm._m(0),_c('div',{staticClass:\"email-info\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Log In Email\")]),_c('p',{staticClass:\"email\"},[_vm._v(_vm._s(_vm.profileData.email))])]),_c('div',{staticClass:\"password-section\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Password\")]),_c('button',{staticClass:\"change-password-btn\",on:{\"click\":_vm.togglePasswordChange}},[_vm._v(\"Change Password\")])])])]):_c('div',[_c('div',[_vm._m(1),_c('div',{staticClass:\"password-form\"},[_c('div',{staticClass:\"input-field\"},[_c('label',{attrs:{\"for\":\"currentPassword\"}},[_vm._v(\"Current Password\")]),_c('div',{staticClass:\"password-input-wrapper\"},[_c('b-form-input',{attrs:{\"autocorrect\":\"off\",\"autocomplete\":\"off\",\"type\":_vm.passwordFieldType},model:{value:(_vm.form.old_password),callback:function ($$v) {_vm.$set(_vm.form, \"old_password\", $$v)},expression:\"form.old_password\"}}),_c('span',{staticClass:\"material-symbols-rounded toggle-visibility\",on:{\"click\":_vm.toggleVisibility}},[_vm._v(\" \"+_vm._s(_vm.passwordVisible ? 'visibility' : 'visibility_off')+\" \")])],1)]),_c('div',{staticClass:\"input-field\"},[_c('label',{attrs:{\"for\":\"newPassword\"}},[_vm._v(\"New Password\")]),_c('b-form-input',{attrs:{\"autocorrect\":\"off\",\"autocomplete\":\"off\",\"type\":_vm.passwordFieldType},model:{value:(_vm.form.password),callback:function ($$v) {_vm.$set(_vm.form, \"password\", $$v)},expression:\"form.password\"}})],1),_c('div',{staticClass:\"input-field\"},[_c('label',{attrs:{\"for\":\"confirmPassword\"}},[_vm._v(\"Confirm Password\")]),_c('b-form-input',{attrs:{\"autocorrect\":\"off\",\"autocomplete\":\"off\",\"type\":\"password\"},model:{value:(_vm.form.password_confirmation),callback:function ($$v) {_vm.$set(_vm.form, \"password_confirmation\", $$v)},expression:\"form.password_confirmation\"}})],1),_c('div',{staticClass:\"button-group\"},[_c('button',{staticClass:\"cancel-button\",on:{\"click\":_vm.togglePasswordChange}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"update-button\",on:{\"click\":_vm.savePassword}},[_vm._v(\"Update Changes\")])])])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"email-header\"},[_c('span',{staticClass:\"material-symbols-rounded\"},[_vm._v(\"mail\")]),_c('p',[_vm._v(\"My Email\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"password-header\"},[_c('span',{staticClass:\"material-symbols-rounded\"},[_vm._v(\"lock\")]),_c('p',[_vm._v(\"My Password\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <active-tab :activeTab=\"activeTab\" />\r\n        <div style=\"padding:40px;\">\r\n            <div v-if=\"!isChangingPassword\">\r\n                <div>\r\n                    <div class=\"email-header\">\r\n                        <span class=\"material-symbols-rounded\">mail</span>\r\n                        <p>My Email</p>\r\n                    </div>\r\n\r\n                    <div class=\"email-info\">\r\n                        <p class=\"label\">Log In Email</p>\r\n                        <p class=\"email\">{{ profileData.email }}</p>\r\n                    </div>\r\n\r\n                    <div class=\"password-section\">\r\n                        <p class=\"label\">Password</p>\r\n                        <button class=\"change-password-btn\" @click=\"togglePasswordChange\">Change Password</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-else>\r\n                <div>\r\n                    <div class=\"password-header\">\r\n                        <span class=\"material-symbols-rounded\">lock</span>\r\n                        <p>My Password</p>\r\n                    </div>\r\n\r\n                    <div class=\"password-form\">\r\n                        <div class=\"input-field\">\r\n                        <label for=\"currentPassword\">Current Password</label>\r\n                        <div class=\"password-input-wrapper\">\r\n                            <b-form-input\r\n                            v-model=\"form.old_password\"\r\n                            autocorrect=\"off\"\r\n                            autocomplete=\"off\"\r\n                            :type=\"passwordFieldType\"\r\n                            ></b-form-input>\r\n                            <span class=\"material-symbols-rounded toggle-visibility\" @click=\"toggleVisibility\">\r\n                            {{ passwordVisible ? 'visibility' : 'visibility_off' }}\r\n                            </span>\r\n                        </div>\r\n                        </div>\r\n\r\n                        <div class=\"input-field\">\r\n                        <label for=\"newPassword\">New Password</label>\r\n                        <b-form-input\r\n                            v-model=\"form.password\"\r\n                            autocorrect=\"off\"\r\n                            autocomplete=\"off\"\r\n                            :type=\"passwordFieldType\"\r\n                        ></b-form-input>\r\n                        </div>\r\n\r\n                        <div class=\"input-field\">\r\n                        <label for=\"confirmPassword\">Confirm Password</label>\r\n                        <b-form-input\r\n                            v-model=\"form.password_confirmation\"\r\n                            autocorrect=\"off\"\r\n                            autocomplete=\"off\"\r\n                            type=\"password\"\r\n                        ></b-form-input>\r\n                        </div>\r\n\r\n                        <div class=\"button-group\">\r\n                        <button class=\"cancel-button\" @click=\"togglePasswordChange\">Cancel</button>\r\n                        <button class=\"update-button\" @click=\"savePassword\">Update Changes</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Auth from \"@/store/Auth.js\";\r\nimport activeTab from \"./activeTab.vue\";\r\n\r\n\r\nexport default {\r\n  components: {\r\n    activeTab,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      activeTab: 'accountInfo',\r\n      profileData: {\r\n        fullName: '',\r\n        companyName: '',\r\n        firstName: '',\r\n        lastName: '',\r\n        personalEmail: '',\r\n        contactNumber: '',\r\n        lawFirm: '',\r\n        role: '',\r\n        firmEmail: '',\r\n        firmContact: '',\r\n        firmAddress: '',\r\n        email: ''\r\n      },\r\n      isChangingPassword: false,\r\n      currentPassword: '',\r\n      passwordVisible: false,\r\n      newPassword: '',\r\n      confirmPassword: '',\r\n      extraInfo: true,\r\n      website: \"www.example.com\",\r\n      name: JSON.parse(localStorage.userInfo).name,\r\n      email: JSON.parse(localStorage.userInfo).email,\r\n      form: {\r\n        old_password: \"\",\r\n        password: \"\",\r\n        password_confirmation: \"\",\r\n      },\r\n\r\n      extra_info: {\r\n        contact_number: \" \",\r\n        firm_address_1: \" \",\r\n        firm_address_2: \" \",\r\n        firm_address_3: \" \",\r\n        company_name: JSON.parse(localStorage.userInfo).extra_info.company_name,\r\n      },\r\n      isEditing: false,\r\n      addClient: false,\r\n    }\r\n  },\r\n  computed: {\r\n    passwordFieldType() {\r\n      return this.passwordVisible ? 'text' : 'password';\r\n    },\r\n    hasSaasClientPermission() {\r\n      const userInfo = localStorage.getItem('userInfo');\r\n      if (userInfo) {\r\n        const parsedUserInfo = JSON.parse(userInfo);\r\n        return parsedUserInfo.permissions && parsedUserInfo.permissions.includes('Saas-Client.index');\r\n      }\r\n      return false;\r\n    }\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.addClient = false;\r\n    },\r\n    toggleClient() {\r\n      this.addClient = !this.addClient;\r\n    },\r\n    togglePasswordChange() {\r\n      this.isChangingPassword = !this.isChangingPassword;\r\n    },\r\n    // updatePassword() {\r\n    //   if (this.newPassword === this.confirmPassword) {\r\n    //     alert('Password updated successfully');\r\n    //   } else {\r\n    //     alert('Passwords do not match');\r\n    //   }\r\n    // },\r\n    toggleVisibility() {\r\n      this.passwordVisible = !this.passwordVisible;\r\n    },\r\n    toggleEdit() {\r\n      this.isEditing = !this.isEditing;\r\n    },\r\n    saveChanges() {\r\n      switch(\"\") {\r\n        case this.profileData.lawFirm:\r\n        case this.profileData.firm_address_1:\r\n        case this.profileData.contactNumber:\r\n          this.$toast.error(\"Please fill in all fields\");\r\n          return;\r\n      }\r\n      switch(null) {\r\n        case this.profileData.lawFirm:\r\n        case this.profileData.firm_address_1:\r\n        case this.profileData.contactNumber:\r\n          this.$toast.error(\"Please fill in all fields\");\r\n          return;\r\n      }\r\n\r\n      this.profileData.firm_address_2 = this.profileData.firm_address_2 == undefined\r\n        ? \"\" : this.profileData.firm_address_2;\r\n      this.profileData.firm_address_3 = this.profileData.firm_address_3 == undefined\r\n        ? \"\" : this.profileData.firm_address_3;\r\n\r\n      Auth.updateProfile({\r\n        name: this.profileData.fullName,\r\n        email: this.profileData.personalEmail,\r\n        extra_info: {\r\n          company_name: this.profileData.lawFirm,\r\n          contact_number: this.profileData.contactNumber,\r\n          address: [\r\n            this.profileData.firm_address_1,\r\n            this.profileData.firm_address_2,\r\n          ].join(\"\\n\"),\r\n        },\r\n      })\r\n\r\n        .then(async (response) => {\r\n          try {\r\n            this.$toast.info(\"Data is being updated...\");\r\n            const res = await Auth.getMe();\r\n            localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n            this.$toast.success(response.data.message);\r\n          } catch (error) {\r\n            console.log(error);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n    savePassword() {\r\n      Auth.changePassword(this.form)\r\n        .then((response) => {\r\n          this.$toast.success(response.data.message);\r\n\r\n          this.$bvModal.hide(\"modal-center-change-password\");\r\n          this.form = {\r\n            old_password: \"\",\r\n            password: \"\",\r\n            password_confirmation: \"\",\r\n          };\r\n\r\n          Auth.getMe().then((res) => {\r\n            localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n  },\r\n  created() {\r\n  // Assuming the user info is stored in localStorage as `userInfo`\r\n  const userInfo = JSON.parse(localStorage.getItem('userInfo'));\r\n\r\n  if (userInfo && userInfo.extra_info) {\r\n    const fullNameArray = userInfo.name.split(' ');\r\n\r\n    // Assign firstName as the first part before the space and lastName as the rest\r\n    const firstName = fullNameArray[0];\r\n    const lastName = fullNameArray.slice(1).join(' '); // Handles names with multiple spaces\r\n    const addressParts = userInfo.extra_info.address?.split(\"\\n\") ?? ['','',''];\r\n\r\n    this.profileData = {\r\n      fullName: userInfo.name,\r\n      companyName: userInfo.extra_info.company_name || '',\r\n      firstName: firstName || '', // First name\r\n      lastName: lastName || '',   // Last name (everything after the first space)\r\n      personalEmail: userInfo.email || '',\r\n      contactNumber: userInfo.extra_info.contact_number || '',\r\n      lawFirm: userInfo.extra_info.company_name || '',\r\n      role: userInfo.is_manager ? 'Manager' : 'User',\r\n      firmEmail: userInfo.email || '',\r\n      firmContact: userInfo.extra_info.contact_number || '',\r\n      firm_address_1: addressParts[0] || '',\r\n      firm_address_2: addressParts[1] || '',\r\n      firm_address_3: addressParts[2] || '',\r\n      email: userInfo.email || ''\r\n    };\r\n  }\r\n}\r\n\r\n}\r\n</script>\r\n<style scoped>\r\n/* General Page Styling */\r\n.profile-page {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.page-content{\r\n  padding: 0;\r\n}\r\n\r\n.bottom-side {\r\n  height: 89.31%;\r\n  padding: 40px;\r\n}\r\n\r\n.profile-header {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.profile-info {\r\n  display: flex;\r\n  align-items: flex-end;\r\n}\r\n\r\n.profile-picture {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  background-color: #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 20px;\r\n  span{\r\n    font-variation-settings: 'FILL' 1;\r\n    background: #E7E7E7;\r\n    font-size:18px;\r\n  }\r\n}\r\n\r\n.profile-name {\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  text-align: left;\r\n}\r\n.p-title{\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-align: left;\r\n}\r\np-name{\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--dark-grey);\r\n}\r\n\r\n.role-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  span{\r\n    margin-right: 5px;\r\n  }\r\n}\r\n.p-role{\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n  color: var(--status-blue) !important;\r\n  margin: 0;\r\n}\r\n/* Profile Details Styling */\r\n/* General profile details layout */\r\n.input-form {\r\n  display: flex;\r\n  padding: 12px 24px;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.input-form-address {\r\n  display: flex;\r\n  width: 750px;\r\n  padding: 12px 24px;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.form-text{\r\n  color: var(--Neutral-Dark-Gray, #A9A7A7) !important;\r\n  margin: 4px !important;\r\n}\r\n\r\n.profile-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.profile-row {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.profile-item {\r\n  flex: none; /* Prevent items from expanding */\r\n  width: 33%; /* Adjust percentage width of each item */\r\n}\r\n\r\n.profile-item.full {\r\n  width: 100%; /* For items that should take the full width */\r\n}\r\n\r\n.profile-item p {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  color: #A9A7A7;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n}\r\n\r\n.profile-item span {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n\r\n/* Edit Button Styling */\r\n.edit {\r\n  display: flex;\r\n  flex-direction: start;\r\n  margin-top: 40px;\r\n}\r\n\r\n.cancel-button{\r\n  color: var(--Primary-Dark-Blue, #000046);\r\n  display: inline-flex;\r\n  padding: 8px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border-radius: 4px;\r\n  border: 1px solid var(--Neutral-Mid-Grey, #D1D2D5);\r\n  background: var(--Neutral-White, #FFF);\r\n}\r\n\r\n.cancel-button:hover{\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.update-button{\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 8px 16px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.update-button:hover{\r\n  background: var(--Primary-Dark-Blue, #000046);\r\n}\r\n\r\n.edit-button {\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 10px 30px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.edit-button:hover {\r\n  background: var(--Primary-Dark-Blue, #000046);\r\n}\r\n</style>\r\n<style scoped>\r\n/* Header style */\r\n.email-header {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.email-header span {\r\n  font-size: 24px;\r\n  margin-right: 10px;\r\n  font-variation-settings: 'FILL' 1;\r\n}\r\n\r\n.email-header p {\r\n  margin: 0;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  text-align: left;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n/* Email and password info */\r\n.email-info, .password-section {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.label {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: #A9A7A7;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.email {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n.change-password-btn {\r\n  width: 217px;\r\n  background-color: var(--primary);\r\n  color: #FFFFFF;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.change-password-btn:hover {\r\n  background-color: #003366;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n/* Header */\r\n.password-header {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.password-header span {\r\n  font-size: 24px;\r\n  margin-right: 10px;\r\n  font-variation-settings: 'FILL' 1;\r\n}\r\n\r\n.password-header p {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  font-weight: bold;\r\n  color: var(--neutral-black);\r\n  margin: 0;\r\n}\r\n\r\n/* Form fields */\r\n.input-field {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.input-field label {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #a9a7a7;\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.input-field input {\r\n  width: 350px;\r\n  height: 48px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--light-grey);\r\n  background: var(--light-grey);\r\n  font-size: 14px;\r\n  outline: none;\r\n}\r\n\r\n.password-input-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 350px;\r\n}\r\n\r\n.password-input-wrapper input {\r\n  width: 100%;\r\n  height: 48px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--light-grey);\r\n  background: var(--light-grey);\r\n  font-size: 14px;\r\n  outline: none;\r\n  padding-right: 40px; \r\n}\r\n\r\n.toggle-visibility {\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  cursor: pointer;\r\n  font-size: 20px;\r\n  color: var(--dark-grey);\r\n}\r\n\r\n\r\n/* Buttons */\r\n.button-group {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  width: 350px;\r\n  gap: 10px;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #FFFFFF;\r\n  color: var(--primary);\r\n  border: 1px solid var(--mid-grey);\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.update-btn {\r\n  background-color: var(--primary);\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.update-btn:hover {\r\n  background-color: #003366;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountInfo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AccountInfo.vue?vue&type=template&id=58a66602&scoped=true\"\nimport script from \"./AccountInfo.vue?vue&type=script&lang=js\"\nexport * from \"./AccountInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./AccountInfo.vue?vue&type=style&index=0&id=58a66602&prod&scoped=true&lang=css\"\nimport style1 from \"./AccountInfo.vue?vue&type=style&index=1&id=58a66602&prod&scoped=true&lang=css\"\nimport style2 from \"./AccountInfo.vue?vue&type=style&index=2&id=58a66602&prod&scoped=true&lang=css\"\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  \"58a66602\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}