{"version":3,"sources":["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/Pages/Profile/AccountInfo.vue?dd60","webpack:///./src/Pages/Authentication/mfa.vue?5b94","webpack:///./src/Pages/Profile/AccountInfo.vue?7814","webpack:///./src/Pages/Authentication/mfa.vue","webpack:///src/Pages/Authentication/mfa.vue","webpack:///./src/Pages/Authentication/mfa.vue?65bc","webpack:///./src/Pages/Authentication/mfa.vue?b0d6","webpack:///./src/store/Auth.js","webpack:///./src/Pages/Profile/AccountInfo.vue?fca1","webpack:///./src/store/Settings.js","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","isModalVisible","on","hideModal","scopedSlots","_u","key","fn","cancelModal","$route","name","isMfaEnabled","otpIsValid","verifyOTP","mfaQrCode","toggleMfa","loading","staticStyle","directives","rawName","value","expression","model","mfaOtp","callback","$$v","errors","first","isMfaGenerated","mapGetters","isNaN","length","methods","$router","go","$store","dispatch","payload","otp","Settings","disableMfa","then","response","$toast","success","message","enableMfa","location","reload","created","getMfa","DATA","forEach","mfa","getMfaSecret","catch","error","console","finally","loginJWT","Promise","resolve","reject","axios","post","vm","Vue","warning","setItem","access_token","defaults","headers","common","status","get","res","log","stringify","thisUser","role","Object","assign","userRole","not_have_plan_yet","locations","element","index","push","setClientInfo","item","signupNoCard","allNexlaw","allNexlawPage","obj","getMe","forgetPassword","email","updatePassword","put","token","password","password_confirmation","destroyAccessToken","updateProfile","changePassword","activateClient","id","deactivateClient","delete","addClient","GetClients","query","GetClient","EditClient","getNotification","enableNotification","entity_type","disableNotification","isChangingPassword","_m","passwordFieldType","form","old_password","$set","toggleVisibility","passwordVisible","togglePasswordChange","savePassword","profileData","isNotificationEnabled","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","toggleNotification","showModal","components","Mfa","fullName","companyName","firstName","lastName","personalEmail","contactNumber","lawFirm","firmEmail","firmContact","firmAddress","currentPassword","newPassword","confirmPassword","extraInfo","website","extra_info","contact_number","firm_address_1","firm_address_2","firm_address_3","company_name","isEditing","back","toggleClient","toggleEdit","saveChanges","undefined","Auth","address","join","info","$bvModal","hide","_userInfo$extra_info$","_userInfo$extra_info$2","fullNameArray","split","addressParts","is_manager","notification"],"mappings":"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","file":"js/chunk-68b9cbc7.2b8329f3.js","sourcesContent":["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\"","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=6368f0f2&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!./mfa.vue?vue&type=style&index=0&id=7f87a852&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=6368f0f2&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"mfa\",\"hide-header\":\"\",\"centered\":\"\",\"visible\":_vm.isModalVisible},on:{\"hide\":_vm.hideModal},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function({ }){return [_c('button',{staticClass:\"cancel-button\",on:{\"click\":_vm.cancelModal}},[_vm._v(\"Cancel\")]),(_vm.$route.name === 'account_info' || !_vm.isMfaEnabled)?_c('button',{staticClass:\"update-button\",attrs:{\"disabled\":_vm.mfaQrCode === '' || !_vm.otpIsValid},on:{\"click\":_vm.toggleMfa}},[_vm._v(\" \"+_vm._s(_vm.isMfaEnabled ? 'Disable' : 'Enable')+\" MFA \")]):_c('button',{staticClass:\"update-button\",attrs:{\"disabled\":!_vm.otpIsValid},on:{\"click\":_vm.verifyOTP}},[_vm._v(\" Verify OTP \")])]}}])},[_c('div',{staticClass:\"card-body\"},[(_vm.$route.name === 'account_info' && _vm.loading)?_c('div',{staticClass:\"skeleton mb-3\",staticStyle:{\"width\":\"200px\"}}):_vm._e(),(_vm.$route.name === 'account_info' && !_vm.loading)?_c('p',[_vm._v(\"MFA is currently \"),_c('span',{class:{ 'text-success': _vm.isMfaEnabled, 'text-danger': !_vm.isMfaEnabled }},[_vm._v(_vm._s(_vm.isMfaEnabled ? 'enabled' : 'disabled'))]),_vm._v(\".\")]):_vm._e(),(!_vm.isMfaEnabled && !_vm.loading)?_c('div',[_c('p',[_vm._v(\"Scan the QR code with your authenticator app\")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mfaQrCode),expression:\"mfaQrCode\"}],staticClass:\"mb-2\",attrs:{\"src\":_vm.mfaQrCode,\"alt\":\"MFA QR Code\",\"height\":\"250\",\"width\":\"250\"}})]):_vm._e(),((_vm.$route.name === 'account_info' || !_vm.isMfaEnabled) && _vm.loading)?_c('div',{staticClass:\"skeleton mb-3\",staticStyle:{\"width\":\"200px\"}}):((_vm.$route.name === 'account_info' || !_vm.isMfaEnabled) && !_vm.loading)?_c('p',[_vm._v(\"Enter the OTP from your authenticator app to \"+_vm._s(_vm.isMfaEnabled ? 'disable' : 'enable')+\" MFA\")]):_c('p',[_vm._v(\"Enter the OTP from your authenticator app to continue\")]),_c('b-form-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|numeric'),expression:\"'required|numeric'\"}],staticClass:\"w-50\",attrs:{\"type\":\"text\",\"maxlength\":\"6\",\"inputmode\":\"numeric\",\"name\":\"otp\"},model:{value:(_vm.mfaOtp),callback:function ($$v) {_vm.mfaOtp=$$v},expression:\"mfaOtp\"}}),_c('span',{staticClass:\"small text-danger\"},[_vm._v(_vm._s(_vm.errors.first('otp')))])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-modal id=\"mfa\" hide-header centered :visible=\"isModalVisible\" @hide=\"hideModal\">\r\n        <div class=\"card-body\">\r\n            <div v-if=\"$route.name === 'account_info' && loading\" class=\"skeleton mb-3\" style=\"width: 200px;\">\r\n            </div>\r\n            <p v-if=\"$route.name === 'account_info' && !loading\">MFA is currently <span\r\n                    :class=\"{ 'text-success': isMfaEnabled, 'text-danger': !isMfaEnabled }\">{{ isMfaEnabled ? 'enabled'\r\n                        : 'disabled' }}</span>.</p>\r\n            <div v-if=\"!isMfaEnabled && !loading\">\r\n                <p>Scan the QR code with your authenticator app</p>\r\n                <img v-show=\"mfaQrCode\" :src=\"mfaQrCode\" alt=\"MFA QR Code\" height=\"250\" width=\"250\" class=\"mb-2\" />\r\n            </div>\r\n            <div v-if=\"($route.name === 'account_info' || !isMfaEnabled) && loading\" class=\"skeleton mb-3\"\r\n                style=\"width: 200px;\"></div>\r\n            <p v-else-if=\"($route.name === 'account_info' || !isMfaEnabled) && !loading\">Enter the OTP from your\r\n                authenticator app to {{\r\n                    isMfaEnabled ? 'disable' : 'enable' }} MFA</p>\r\n            <p v-else>Enter the OTP from your authenticator app to continue</p>\r\n            <b-form-input type=\"text\" v-model=\"mfaOtp\" maxlength=\"6\" inputmode=\"numeric\" name=\"otp\"\r\n                v-validate=\"'required|numeric'\" class=\"w-50\" />\r\n            <span class=\"small text-danger\">{{ errors.first('otp') }}</span>\r\n        </div>\r\n        <template #modal-footer=\"{ }\">\r\n            <button @click=\"cancelModal\" class=\"cancel-button\">Cancel</button>\r\n            <button v-if=\"$route.name === 'account_info' || !isMfaEnabled\" :disabled=\"mfaQrCode === '' || !otpIsValid\"\r\n                @click=\"toggleMfa\" class=\"update-button\">\r\n                {{ isMfaEnabled ? 'Disable' : 'Enable' }} MFA\r\n            </button>\r\n            <button v-else :disabled=\"!otpIsValid\" @click=\"verifyOTP\" class=\"update-button\">\r\n                Verify OTP\r\n            </button>\r\n        </template>\r\n    </b-modal>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport Settings from '../../store/Settings';\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            loading: true,\r\n            isMfaGenerated: false,\r\n            isMfaEnabled: false,\r\n            mfaQrCode: '',\r\n            mfaOtp: ''\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapGetters(['isModalVisible']),\r\n        otpIsValid() {\r\n            return this.mfaOtp !== '' && !isNaN(this.mfaOtp) && this.mfaOtp.length === 6;\r\n        }\r\n    },\r\n    methods: {\r\n        cancelModal() {\r\n            this.hideModal();\r\n            this.mfaOtp = '';\r\n            this.$router.go(-1);\r\n        },\r\n        hideModal() {\r\n            this.$store.dispatch('hideModal');\r\n        },\r\n        toggleMfa() {\r\n            const payload = { otp: this.mfaOtp };\r\n            if (!this.isMfaEnabled) {\r\n                Settings.enableMfa(payload).then((response) => {\r\n                    this.$toast.success(response.data.message);\r\n                    this.isMfaEnabled = true;\r\n                });\r\n            } else {\r\n                Settings.disableMfa(payload).then((response) => {\r\n                    this.$toast.success(response.data.message);\r\n                    this.isMfaEnabled = false;\r\n                });\r\n            }\r\n            this.mfaOtp = '';\r\n        },\r\n        verifyOTP() {\r\n            this.$store.dispatch('setOtp', this.mfaOtp);\r\n            this.hideModal();\r\n            location.reload();\r\n        }\r\n    },\r\n    created() {\r\n        Settings.getMfa().then((response) => {\r\n            const DATA = response.data.data;\r\n            if (DATA.length > 0) {\r\n                DATA.forEach((mfa) => {\r\n                    if (mfa.key === 'mfa_secret' && mfa.value) {\r\n                        this.isMfaGenerated = true;\r\n                    } else if (mfa.key === 'mfa_qr') {\r\n                        this.mfaQrCode = mfa.value;\r\n                    } else if (mfa.key === 'mfa_active') {\r\n                        if (mfa.value === 1) {\r\n                            this.isMfaEnabled = true;\r\n                        }\r\n                    }\r\n                });\r\n            } else {\r\n                Settings.getMfaSecret().then((response) => {\r\n                    this.mfaQrCode = response.data.data;\r\n                    this.isMfaGenerated = true;\r\n                }).catch((error) => {\r\n                    console.error(error);\r\n                    this.$toast.error(error.response.data.message);\r\n                });\r\n            }\r\n        }).catch((error) => {\r\n            console.error(error);\r\n            this.$toast.error(error.response.data.message);\r\n        }).finally(() => {\r\n            this.loading = false;\r\n        });\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.skeleton {\r\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\r\n    background-size: 400% 100%;\r\n    animation: shimmer 1.5s infinite linear;\r\n    height: 24px;\r\n    border-radius: 4px;\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.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.update-button:disabled {\r\n    background: rgba(14, 68, 133, 0.1);\r\n    color: var(--Neutral-Mid-Grey, #d1d2d5);\r\n    pointer-events: none;\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!./mfa.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!./mfa.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./mfa.vue?vue&type=template&id=7f87a852&scoped=true\"\nimport script from \"./mfa.vue?vue&type=script&lang=js\"\nexport * from \"./mfa.vue?vue&type=script&lang=js\"\nimport style0 from \"./mfa.vue?vue&type=style&index=0&id=7f87a852&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  \"7f87a852\",\n  null\n  \n)\n\nexport default component.exports","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=2&id=6368f0f2&prod&scoped=true&lang=css\"","import axios from \"@/axios.js\";\r\n/* eslint-disable */\r\nexport default {\r\n\tactivateClient(id) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(`nexlaw-client/${id}/activate`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tdeactivateClient(id) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.delete(`nexlaw-client/${id}`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\taddClient(item) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(`nexlaw-client`, item)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tGetClients(query = \"\") {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.get(`nexlaw-client${query}`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\t// GetClients(obj) {\r\n\t//   return new Promise((resolve, reject) => {\r\n\t//     axios\r\n\t//       .get(`nexlaw-client` + obj)\r\n\t//       .then((response) => {\r\n\t//         resolve(response);\r\n\t//       })\r\n\t//       .catch((error) => {\r\n\t//         reject(error);\r\n\t//       });\r\n\t//   });\r\n\t// },\r\n\r\n\t// GetClients() {\r\n\t//   return new Promise((resolve, reject) => {\r\n\t//     axios\r\n\t//       .get(`nexlaw-client`)\r\n\t//       .then((response) => {\r\n\t//         resolve(response);\r\n\t//       })\r\n\t//       .catch((error) => {\r\n\t//         reject(error);\r\n\t//       });\r\n\t//   });\r\n\t// },\r\n\r\n\tGetClient(id) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.get(`nexlaw-client/${id}`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tEditClient(id, value) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.put(`nexlaw-client/${id}`, value)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tgetNotification() {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.get(\"nexlaw/notify-by-email/index\")\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tenableNotification(entity_type) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(`nexlaw/notify-by-email/${entity_type}/enable`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tdisableNotification(entity_type) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(`nexlaw/notify-by-email/${entity_type}/disable`)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tgetMfa() {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.get(\"nexlaw/mfa/index\")\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tgetMfaSecret() {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.get(\"nexlaw/mfa/generate-secret\")\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tenableMfa(payload) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(\"nexlaw/mfa/enable\", payload)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tdisableMfa(payload) {\r\n\t\treturn new Promise((resolve, reject) => {\r\n\t\t\taxios\r\n\t\t\t\t.post(\"nexlaw/mfa/disable\", payload)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tresolve(response);\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t});\r\n\t\t});\r\n\t},\r\n};\r\n","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',{staticClass:\"notification-section\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Email notification\")]),_c('div',{staticClass:\"form-check form-switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isNotificationEnabled),expression:\"isNotificationEnabled\"}],staticClass:\"form-check-input float-right\",attrs:{\"type\":\"checkbox\",\"role\":\"switch\"},domProps:{\"checked\":Array.isArray(_vm.isNotificationEnabled)?_vm._i(_vm.isNotificationEnabled,null)>-1:(_vm.isNotificationEnabled)},on:{\"change\":[function($event){var $$a=_vm.isNotificationEnabled,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.isNotificationEnabled=$$a.concat([$$v]))}else{$$i>-1&&(_vm.isNotificationEnabled=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.isNotificationEnabled=$$c}},_vm.toggleNotification]}}),_c('label',{staticClass:\"form-check-label\"},[_vm._v(\"Enable notification for matter completion\")])])]),_c('div',{staticClass:\"mfa-section\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Multi-Factor Authentication\")]),_c('button',{staticClass:\"change-password-btn\",on:{\"click\":_vm.showModal}},[_vm._v(\"Configure MFA\")])])])]):_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\")])])])])]),_c('Mfa')],1)],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\r\n          <div class=\"notification-section\">\r\n            <p class=\"label\">Email notification</p>\r\n            <div class=\"form-check form-switch\">\r\n              <input class=\"form-check-input float-right\" type=\"checkbox\" role=\"switch\" v-model=\"isNotificationEnabled\"\r\n                @change=\"toggleNotification\" />\r\n              <label class=\"form-check-label\">Enable notification for matter completion</label>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"mfa-section\">\r\n            <p class=\"label\">Multi-Factor Authentication</p>\r\n            <button class=\"change-password-btn\" @click=\"showModal\">Configure MFA</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 v-model=\"form.old_password\" autocorrect=\"off\" autocomplete=\"off\"\r\n                  :type=\"passwordFieldType\"></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 v-model=\"form.password\" autocorrect=\"off\" autocomplete=\"off\"\r\n                :type=\"passwordFieldType\"></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 v-model=\"form.password_confirmation\" autocorrect=\"off\" autocomplete=\"off\"\r\n                type=\"password\"></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\r\n      <Mfa />\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\nimport Settings from \"../../store/Settings\";\r\nimport Mfa from \"../Authentication/mfa.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    activeTab,\r\n    Mfa\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      isNotificationEnabled: true,\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    toggleNotification() {\r\n      if (this.isNotificationEnabled) {\r\n        Settings.enableNotification('campaign').then((response) => {\r\n          this.$toast.success(response.data.message);\r\n          this.isNotificationEnabled = true;\r\n        }).catch((error) => {\r\n          console.log('error', error);\r\n          this.$toast.error(error.response.data.message);\r\n        });\r\n      } else {\r\n        Settings.disableNotification('campaign').then((response) => {\r\n          this.$toast.success(response.data.message);\r\n          this.isNotificationEnabled = false;\r\n        }).catch((error) => {\r\n          console.log('error', error);\r\n          this.$toast.error(error.response.data.message);\r\n        });\r\n      }\r\n    },\r\n    showModal() {\r\n      this.$store.dispatch('showModal');\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    Settings.getNotification().then((response) => {\r\n      const DATA = response.data.data;\r\n      if (DATA.length > 0) {\r\n        DATA.forEach((notification) => {\r\n          if (notification.key === 'campaign_notification') {\r\n            console.log('notification.value', notification.value);\r\n            if (notification.value === 1) {\r\n              this.isNotificationEnabled = true;\r\n            } else {\r\n              this.isNotificationEnabled = false;\r\n            }\r\n          }\r\n        });\r\n      } else {\r\n        this.isNotificationEnabled = true;\r\n      }\r\n    }).catch((error) => {\r\n      console.log('error', error);\r\n      this.$toast.error(error.response.data.message);\r\n    });\r\n  }\r\n\r\n}\r\n</script>\r\n<style scoped>\r\n.form-check-input:checked {\r\n  background-color: #094890;\r\n  border-color: #094890;\r\n}\r\n\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\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\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\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\r\n  span {\r\n    margin-right: 5px;\r\n  }\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\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;\r\n  /* Prevent items from expanding */\r\n  width: 33%;\r\n  /* Adjust percentage width of each item */\r\n}\r\n\r\n.profile-item.full {\r\n  width: 100%;\r\n  /* 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.update-button:disabled {\r\n  background: rgba(14, 68, 133, 0.1);\r\n  color: var(--Neutral-Mid-Grey, #d1d2d5);\r\n  pointer-events: none;\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,\r\n.password-section,\r\n.notification-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=6368f0f2&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=6368f0f2&prod&scoped=true&lang=css\"\nimport style1 from \"./AccountInfo.vue?vue&type=style&index=1&id=6368f0f2&prod&scoped=true&lang=css\"\nimport style2 from \"./AccountInfo.vue?vue&type=style&index=2&id=6368f0f2&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  \"6368f0f2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}