{"version":3,"sources":["webpack:///./src/Pages/PageLoader.vue?e81b","webpack:///./src/Pages/Profile/Roles.vue","webpack:///src/Pages/Profile/Roles.vue","webpack:///./src/Pages/Profile/Roles.vue?67eb","webpack:///./src/Pages/Profile/Roles.vue?a9a5","webpack:///./src/Pages/PageLoader.vue?72af","webpack:///./src/assets/icon/file-loading-icon.png","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/Employee.js","webpack:///./src/Pages/PageLoader.vue?8d4e","webpack:///./src/store/Auth.js","webpack:///./src/Pages/Profile/Roles.vue?4a3c","webpack:///./src/Pages/PageLoader.vue","webpack:///src/Pages/PageLoader.vue","webpack:///./src/Pages/PageLoader.vue?e172","webpack:///./src/Pages/PageLoader.vue?3c22"],"names":["render","_vm","this","_c","_self","staticStyle","attrs","activeTab","pageLoading","staticClass","_v","_s","model","value","name","callback","$$v","expression","description","on","$event","$bvModal","hide","addRole","deleteId","deleteValue","directives","rawName","search_word","domProps","target","composing","searchWord","modifiers","_l","roles","item","index","key","edit","id","deleteRole","staticRenderFns","components","PageLoader","data","permissions","allroles","filterrole","created","fetchData","methods","JSON","parse","localStorage","userInfo","Settings","fetchRoles","then","response","catch","error","$toast","console","log","clearTimeout","keywordTimeout","setTimeout","getActivities","toLowerCase","length","pop","forEach","element","search","push","success","message","err","show","removeRole","$router","params","component","module","exports","admin","_e","class","active","nativeOn","hasSaasClientPermission","props","type","String","default","Boolean","computed","getItem","parsedUserInfo","includes","fetchEmployees","Promise","resolve","reject","axios","get","fetchEmployee","fetchRole","roleId","role","post","delete","fetchPolicies","updateRole","addEmployee","updateEmployee","put","activeClientStaff","removeEmployee","activeEmployee","fetchStaffRole","staffId","fetchPermissions","attachRoleEmployee","detachRoleEmployee","attachPermissionToRole","policies","disattachPermissionToRole","permissionId","attachPermissionToClient","disattachPermissionToClient","fetchPolicy","policyId","removePolicy","addPolicy","policy","attachPermissionToPolicy","attachPolicyToRole","fetchClients","fetchClient","addClient","updateClient","removeClient","activeClient","loginJWT","payload","vm","Vue","warning","setItem","access_token","defaults","headers","common","status","res","stringify","thisUser","Object","assign","userRole","not_have_plan_yet","locations","setClientInfo","signupNoCard","allNexlaw","allNexlawPage","obj","getMe","forgetPassword","email","updatePassword","token","password","password_confirmation","destroyAccessToken","updateProfile","changePassword","_vm$replace_msg","duration","_m","Array","isArray","default_msg","loading","currentLoadingUI","require","completedPercentageRounded","replace_msg","extra_msg","showText","isTextFullyDisplayed","displayedText","files_uploaded","Number","completedPercentage","generating","generatingLongerContent","uploading","fullText","mounted","typeWriter","setInterval","percentage","isNaN","toFixed","watch","newVal","toggleLoadingScreen","isFirstLoadingScreen"],"mappings":"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","file":"js/chunk-f9bdf4be.199a45f3.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!./PageLoader.vue?vue&type=style&index=1&id=3c3eaffa&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"padding\":\"0\",\"overflow-y\":\"hidden\"}},[_c('active-tab',{attrs:{\"activeTab\":_vm.activeTab,\"admin\":true}}),(_vm.pageLoading)?_c('PageLoader',{staticStyle:{\"margin-top\":\"-60px\"},attrs:{\"loading\":_vm.pageLoading}}):_c('div',{staticClass:\"view-all-table-wrapper\"},[_c('b-modal',{attrs:{\"id\":\"modal-center-add-role\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\"}},[_c('div',{staticClass:\"card-body\"},[_c('strong',{staticClass:\"card-title\"},[_vm._v(_vm._s(\"Add\")+\" \"+_vm._s(\"New\")+\" \"+_vm._s(\"Role\"))]),_c('div',{staticClass:\"card-text mt-3\"},[_c('label',{attrs:{\"for\":\"fname\"}},[_vm._v(_vm._s(\"Role\")+\" \"+_vm._s(\"Name\"))])]),_c('div',{staticClass:\"card-text mt-2\"},[_c('b-form-input',{attrs:{\"autocorrect\":\"off\",\"autocomplete\":\"off\",\"type\":\"text\",\"id\":\"name\",\"name\":\"name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1),_c('div',{staticClass:\"card-text mt-3\"},[_c('label',{attrs:{\"for\":\"fname\"}},[_vm._v(_vm._s(\"Description\"))])]),_c('div',{staticClass:\"card-text mt-2\"},[_c('b-form-textarea',{attrs:{\"id\":\"description\",\"rows\":\"3\",\"max-rows\":\"6\"},model:{value:(_vm.description),callback:function ($$v) {_vm.description=$$v},expression:\"description\"}})],1),_c('div',{staticClass:\"card-text d-flex mt-3\"},[_c('b-button',{staticClass:\"btn btn-primary-outlined ms-auto\",attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.$bvModal.hide('modal-center-add-role')}}},[_vm._v(_vm._s(\"Cancel\"))]),_c('button',{staticClass:\"add-button btn-primary ms-2\",on:{\"click\":_vm.addRole}},[_vm._v(_vm._s(\"Add\"))])],1)])]),_c('b-modal',{attrs:{\"id\":\"modal-center-delete-role\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\"}},[_c('div',{staticClass:\"card-body\"},[_c('h6',{staticClass:\"card-title\"},[_vm._v(_vm._s(\"Delete\"))]),_c('div',{staticClass:\"card-text\"},[_c('span',[_vm._v(_vm._s(\"Do you want to delete Role of id\")+\" \"+_vm._s(_vm.deleteId)+\" ?\")])]),_c('div',{staticClass:\"card-text d-flex mt-3\"},[_c('b-button',{staticClass:\"btn btn-primary-outlined ms-auto\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$bvModal.hide('modal-center-delete-role')}}},[_vm._v(_vm._s(\"Cancel\"))]),_c('b-button',{staticClass:\"btn-red ms-2 text-white\",attrs:{\"variant\":\"danger\"},on:{\"click\":_vm.deleteValue}},[_vm._v(_vm._s(\"Yes\"))])],1)])]),_c('div',{staticClass:\"page-wrapper-xl\"},[_c('div',{staticClass:\"nexcard mw-900-lg\"},[_c('div',{staticClass:\"d-flex mb-4\"},[_c('div',[_c('div',{staticClass:\"search input-group\"},[_c('span',{staticClass:\"input-group-prepend\"},[_c('div',{staticClass:\"input-group-text bg-transparent\"},[_c('span',{staticClass:\"material-icons-outlined\"},[_c('b-icon',{attrs:{\"icon\":\"search\",\"aria-hidden\":\"true\"}})],1)])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search_word),expression:\"search_word\"}],staticClass:\"form-control border-left-0\",attrs:{\"type\":\"search\",\"id\":\"form1\",\"placeholder\":'Search',\"autocorrect\":\"off\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.search_word)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.search_word=$event.target.value},_vm.searchWord]}})])]),_c('div',{staticClass:\"ms-auto\"},[_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-center-add-role\",modifiers:{\"modal-center-add-role\":true}}],staticClass:\"add-button btn-primary\"},[_vm._v(_vm._s(\"Add\")+\" \"+_vm._s(\"Role\"))])])]),_c('div',{staticClass:\"nextable\"},[_c('div',{staticClass:\"row nextable__head g-0\"},[_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(_vm._s(\"Role\")+\" \"+_vm._s(\"Name\"))])]),_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(_vm._s(\"Description\"))])]),_c('div',{staticClass:\"col action\"},[_c('p',[_vm._v(_vm._s(\"Action\"))])])]),_c('div',{staticClass:\"nextable__body__collection\"},_vm._l((_vm.roles),function(item,index){return _c('div',{key:'employees' + index,staticClass:\"row nextable__body g-0\"},[_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"col\"},[_c('p',[_vm._v(_vm._s(item.description))])]),_c('div',{staticClass:\"col action\"},[_c('div',{staticClass:\"action-menu\"},[_c('button',{staticClass:\"text-center\"},[_c('span',{staticClass:\"btn-action material-icons-outlined\"},[_c('b-icon',{attrs:{\"icon\":\"three-dots\"}})],1)]),_c('div',{staticClass:\"action-menu-dropdown\"},[_c('span',{staticClass:\"edit\",on:{\"click\":function($event){return _vm.edit(item.id)}}},[_c('span',{staticClass:\"material-icons-outlined\"},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\"}})],1),_vm._v(_vm._s(\"Edit\"))]),_c('span',{staticClass:\"delete\",on:{\"click\":function($event){return _vm.deleteRole(item.id)}}},[_c('span',{staticClass:\"material-icons-outlined\"},[_c('b-icon',{attrs:{\"icon\":\"trash\"}})],1),_vm._v(_vm._s(\"Delete\"))])])])])])}),0)])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"padding: 0; overflow-y: hidden;\">\r\n    <active-tab :activeTab=\"activeTab\" :admin=\"true\" />\r\n\r\n    <PageLoader v-if=\"pageLoading\" style=\"margin-top: -60px;\" :loading=\"pageLoading\">\r\n    </PageLoader>\r\n    <div v-else class=\"view-all-table-wrapper\">\r\n      <b-modal id=\"modal-center-add-role\" centered hide-footer hide-header>\r\n        <div class=\"card-body\">\r\n          <strong class=\"card-title\">{{ \"Add\" }} {{ \"New\" }} {{ \"Role\" }}</strong>\r\n\r\n          <div class=\"card-text mt-3\">\r\n            <label for=\"fname\">{{ \"Role\" }} {{ \"Name\" }}</label>\r\n          </div>\r\n\r\n          <div class=\"card-text mt-2\">\r\n            <b-form-input autocorrect=\"off\" autocomplete=\"off\" v-model=\"name\" type=\"text\" id=\"name\" name=\"name\" />\r\n          </div>\r\n\r\n          <div class=\"card-text mt-3\">\r\n            <label for=\"fname\">{{ \"Description\" }}</label>\r\n          </div>\r\n\r\n          <div class=\"card-text mt-2\">\r\n            <b-form-textarea id=\"description\" v-model=\"description\" rows=\"3\" max-rows=\"6\"></b-form-textarea>\r\n          </div>\r\n\r\n          <div class=\"card-text d-flex mt-3\">\r\n            <b-button variant=\"danger\" class=\"btn btn-primary-outlined ms-auto\"\r\n              @click=\"$bvModal.hide('modal-center-add-role')\">{{ \"Cancel\" }}</b-button>\r\n            <button @click=\"addRole\" class=\"add-button btn-primary ms-2\">{{ \"Add\" }}</button>\r\n          </div>\r\n        </div>\r\n      </b-modal>\r\n\r\n      <b-modal id=\"modal-center-delete-role\" centered hide-footer hide-header>\r\n        <div class=\"card-body\">\r\n          <h6 class=\"card-title\">{{ \"Delete\" }}</h6>\r\n\r\n          <div class=\"card-text\">\r\n            <span>{{ \"Do you want to delete Role of id\" }} {{ deleteId }} ?</span>\r\n          </div>\r\n\r\n          <div class=\"card-text d-flex mt-3\">\r\n            <b-button variant=\"outline-primary\" @click=\"$bvModal.hide('modal-center-delete-role')\"\r\n              class=\"btn btn-primary-outlined ms-auto\">{{ \"Cancel\" }}</b-button>\r\n            <b-button variant=\"danger\" @click=\"deleteValue\" class=\"btn-red ms-2 text-white\">{{ \"Yes\" }}</b-button>\r\n          </div>\r\n        </div>\r\n      </b-modal>\r\n\r\n      <div class=\"page-wrapper-xl\">\r\n        <div class=\"nexcard mw-900-lg\">\r\n          <!--Search and Add Content button -->\r\n          <div class=\"d-flex mb-4\">\r\n            <div>\r\n              <div class=\"search input-group\">\r\n                <span class=\"input-group-prepend\">\r\n                  <div class=\"input-group-text bg-transparent\">\r\n                    <span class=\"material-icons-outlined\">\r\n                      <b-icon icon=\"search\" aria-hidden=\"true\"></b-icon>\r\n                    </span>\r\n                  </div>\r\n                </span>\r\n                <input type=\"search\" id=\"form1\" class=\"form-control border-left-0\" :placeholder=\"'Search'\"\r\n                  autocorrect=\"off\" autocomplete=\"off\" @input=\"searchWord\" v-model=\"search_word\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"ms-auto\">\r\n              <button v-b-modal.modal-center-add-role class=\"add-button btn-primary\">{{ \"Add\" }} {{ \"Role\" }}</button>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"nextable\">\r\n            <div class=\"row nextable__head g-0\">\r\n              <div class=\"col\">\r\n                <p>{{ \"Role\" }} {{ \"Name\" }}</p>\r\n              </div>\r\n              <div class=\"col\">\r\n                <p>{{ \"Description\" }}</p>\r\n              </div>\r\n              <div class=\"col action\">\r\n                <p>{{ \"Action\" }}</p>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"nextable__body__collection\">\r\n              <div class=\"row nextable__body g-0\" v-for=\"(item, index) in roles\" :key=\"'employees' + index\">\r\n                <div class=\"col\">\r\n                  <p>{{ item.name }}</p>\r\n                </div>\r\n                <div class=\"col\">\r\n                  <p>{{ item.description }}</p>\r\n                </div>\r\n\r\n                <div class=\"col action\">\r\n                  <div class=\"action-menu\">\r\n                    <button class=\"text-center\">\r\n                      <span class=\"btn-action material-icons-outlined\">\r\n                        <b-icon icon=\"three-dots\" />\r\n                      </span>\r\n                    </button>\r\n                    <div class=\"action-menu-dropdown\">\r\n                      <span @click=\"edit(item.id)\" class=\"edit\"><span class=\"material-icons-outlined\"><b-icon\r\n                            icon=\"pencil-square\" /></span>{{ \"Edit\" }}</span>\r\n                      <span @click=\"deleteRole(item.id)\" class=\"delete\"><span class=\"material-icons-outlined\"><b-icon\r\n                            icon=\"trash\" /></span>{{ \"Delete\" }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n/* eslint-disable */\r\nimport activeTab from \"./activeTab.vue\";\r\nimport PageLoader from \"../../Pages/PageLoader.vue\";\r\nimport Settings from \"@/store/Employee.js\";\r\nimport Auth from \"@/store/Auth.js\";\r\nexport default {\r\n  components: {\r\n    activeTab,\r\n    PageLoader,\r\n  },\r\n  data() {\r\n    return {\r\n      activeTab: \"roles\",\r\n      pageLoading: true,\r\n      permissions: [],\r\n      roles: [],\r\n      allroles: [],\r\n      filterrole: [],\r\n      search_word: \"\",\r\n      name: \"\",\r\n      description: \"\",\r\n      deleteId: null,\r\n    };\r\n  },\r\n  created() {\r\n    this.fetchData();\r\n  },\r\n  methods: {\r\n    fetchData() {\r\n      this.permissions = JSON.parse(localStorage.userInfo).permissions;\r\n\r\n      Settings.fetchRoles()\r\n        .then((response) => {\r\n          this.pageLoading = false;\r\n          // //\r\n          this.allroles = response.data.data;\r\n          this.roles = response.data.data;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.error(\"Error fetching roles\");\r\n          this.pageLoading = false;\r\n          console.log(error);\r\n        });\r\n    },\r\n    searchWord() {\r\n      clearTimeout(this.keywordTimeout);\r\n\r\n      this.keywordTimeout = setTimeout(() => {\r\n        this.getActivities(1);\r\n      }, 500);\r\n    },\r\n\r\n    getActivities() {\r\n      // //\r\n      this.search_word = this.search_word.toLowerCase();\r\n\r\n      if (this.search_word == null) {\r\n        // //\r\n        this.roles = this.allroles;\r\n      } else {\r\n        // //\r\n\r\n        // //\r\n\r\n        while (this.filterrole.length > 0) {\r\n          this.filterrole.pop();\r\n        }\r\n\r\n        this.allroles.forEach((element) => {\r\n          if (element.name.toLowerCase().search(this.search_word) >= 0) {\r\n            // //\r\n\r\n            this.filterrole.push(element);\r\n          }\r\n        });\r\n\r\n        this.roles = this.filterrole;\r\n        // //\r\n      }\r\n    },\r\n\r\n    addRole() {\r\n      Settings.addRole({ name: this.name, description: this.description })\r\n        .then((response) => {\r\n          this.$toast.success(response.data.message);\r\n\r\n          // this.$bvToast.toast(response.data.message, {\r\n          //   title: \"Success\",\r\n          //   variant: \"success\",\r\n          //   toaster: \"b-toaster-bottom-left\",\r\n          //   solid: true,\r\n          // });\r\n          Settings.fetchRoles()\r\n            .then((response) => {\r\n              // //\r\n              this.roles = response.data.data;\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          // this.$vs.notify({\r\n          //   color: \"danger\",\r\n          //   title: \"Campaign Error\",\r\n          //   text: err.response.data.message,\r\n          // })\r\n        });\r\n\r\n      this.$bvModal.hide(\"modal-center-add-role\");\r\n    },\r\n\r\n    deleteRole(data) {\r\n      this.deleteId = data;\r\n      this.$bvModal.show(\"modal-center-delete-role\");\r\n    },\r\n\r\n    deleteValue() {\r\n      Settings.removeRole(this.deleteId)\r\n        .then((response) => {\r\n          this.$toast.success(response.data.message);\r\n\r\n          // this.$bvToast.toast(response.data.message, {\r\n          //   title: \"Success\",\r\n          //   variant: \"success\",\r\n          //   toaster: \"b-toaster-bottom-left\",\r\n          //   solid: true,\r\n          // });\r\n          this.$bvModal.hide(\"modal-center-delete-role\");\r\n          Settings.fetchRoles()\r\n            .then((response) => {\r\n              // //\r\n              this.roles = response.data.data;\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          // this.$vs.notify({\r\n          //   color: \"danger\",\r\n          //   title: \"Campaign Error\",\r\n          //   text: err.response.data.message,\r\n          // })\r\n        });\r\n    },\r\n    edit(data) {\r\n      // console.log(data);\r\n      this.$router.push({ name: \"editRole\", params: { id: data } });\r\n    },\r\n  },\r\n\r\n};\r\n</script>\r\n<style lang=\"css\" scoped>\r\n.view-all-table-wrapper {\r\n  position: relative;\r\n  max-width: calc(1600px + 3rem);\r\n  margin: 0rem auto;\r\n  padding: 2rem 3rem 3rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.nexcard {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n  padding: 1rem;\r\n  /* overflow-y: hidden; */\r\n  /* height: 100vh; */\r\n}\r\n\r\n.nextable {\r\n  flex-direction: column;\r\n}\r\n\r\n/* .nextable .nextable__head {\r\n  background-color: transparent !important;\r\n  position: sticky;\r\n  top: 0;\r\n} */\r\n.nextable .nextable__body__collection {\r\n  overflow-y: scroll;\r\n  position: relative;\r\n}\r\n\r\n@media screen and (min-height: 917px) {\r\n  .nextable .nextable__body__collection {\r\n    max-height: 62vh;\r\n  }\r\n}\r\n\r\n@media screen and (max-height: 917px) {\r\n  .nextable .nextable__body__collection {\r\n    height: 60vh;\r\n  }\r\n}\r\n\r\n@media screen and (max-height: 850px) {\r\n  .nextable .nextable__body__collection {\r\n    height: 53vh;\r\n  }\r\n}\r\n\r\n.nextable .nextable__head {\r\n  /* scroll-bar width */\r\n  margin-right: 8px;\r\n}\r\n\r\n.nextable .nextable__head .col {\r\n  padding: 1rem;\r\n  font-weight: bold;\r\n  border-bottom: 2px solid #e8e8e8;\r\n}\r\n\r\n.nextable .nextable__head .col.profile {\r\n  text-align: end;\r\n  max-width: 100px;\r\n}\r\n\r\n.nextable .nextable__head .col.action {\r\n  text-align: center;\r\n  max-width: 100px;\r\n}\r\n\r\n.nextable .nextable__head .col:last-child {\r\n  text-align: center;\r\n  max-width: 100px;\r\n}\r\n\r\n.nextable .nextable__body .col {\r\n  padding: 1rem;\r\n  align-items: center;\r\n  display: flex;\r\n  border-bottom: 1px solid #e6e6e6;\r\n}\r\n\r\n.nextable .nextable__body .col.profile {\r\n  text-align: end;\r\n  max-width: 100px;\r\n  justify-content: end;\r\n}\r\n\r\n.nextable .nextable__body .col.action {\r\n  text-align: center;\r\n  max-width: 100px;\r\n  justify-content: center;\r\n}\r\n\r\n.nextable .nextable__body .col:last-child {\r\n  text-align: center;\r\n  max-width: 100px;\r\n}\r\n\r\np {\r\n  margin: 0;\r\n  color: #323233;\r\n  /* font-weight: 600; */\r\n}\r\n\r\n.col.campaign {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start !important;\r\n}\r\n\r\n.profile img {\r\n  max-height: 35px;\r\n  margin-top: 5px;\r\n}\r\n\r\n.date p {\r\n  font-weight: normal;\r\n}\r\n\r\n.btn-action {\r\n  color: #707070;\r\n  margin: 0 auto;\r\n  border-radius: 50%;\r\n  padding: 2px;\r\n}\r\n\r\n.btn-action:hover {\r\n  background-color: var(--color-primary-light);\r\n  border-radius: 50%;\r\n  transition: all 0.3s ease-out;\r\n}\r\n\r\n.status {\r\n  display: flex;\r\n}\r\n\r\n.status .col {\r\n  padding: 0.2rem 0.9rem !important;\r\n}\r\n\r\n.status__icon {\r\n  max-height: 18px;\r\n  margin-top: 2px;\r\n  margin-left: 0px;\r\n}\r\n\r\n.status__text {\r\n  font-weight: normal;\r\n  color: #707070;\r\n  margin-left: 0.4rem;\r\n  text-transform: capitalize;\r\n}\r\n\r\n.profile__icon {\r\n  margin-left: auto;\r\n}\r\n\r\n/* action menu css */\r\n.action-menu-dropdown {\r\n  display: none;\r\n  flex-direction: column;\r\n  position: absolute;\r\n  background-color: #fff;\r\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\r\n  border-radius: 8px;\r\n  padding: 0.4rem 0.5rem;\r\n  text-align: left;\r\n  transform: translate(-80px, -10px);\r\n  width: 120px;\r\n  color: #272727;\r\n}\r\n\r\n.action-menu:hover .action-menu-dropdown {\r\n  display: flex;\r\n}\r\n\r\n.action-menu-dropdown span {\r\n  cursor: pointer;\r\n  user-select: none;\r\n  padding: 0.1rem 0.5rem 0.1rem 0.2rem;\r\n  margin: 0.1rem 0;\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n}\r\n\r\n.action-menu-dropdown span .material-icons-outlined {\r\n  font-size: 20px;\r\n}\r\n\r\n.action-menu-dropdown span:hover {\r\n  background-color: #e6e6e69c;\r\n  transition: all 0.2s ease-out;\r\n  border-radius: 5px;\r\n}\r\n\r\n.action-menu-dropdown span:hover.star {\r\n  transition: all 0.2s ease-out;\r\n  color: #ff9800;\r\n}\r\n\r\n.action-menu-dropdown span:hover.edit {\r\n  transition: all 0.2s ease-out;\r\n  color: #4caf50;\r\n}\r\n\r\n.action-menu-dropdown span:hover.move {\r\n  transition: all 0.2s ease-out;\r\n  color: #2d8fe2;\r\n}\r\n\r\n.action-menu-dropdown span:hover.delete {\r\n  transition: all 0.2s ease-out;\r\n  color: #d30000;\r\n}\r\n\r\n.collapsed>.when-open,\r\n.not-collapsed>.when-closed {\r\n  display: none;\r\n}\r\n\r\n.add-button {\r\n  display: flex;\r\n  align-items: center;\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 5px 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.add-button:hover {\r\n  background: var(--Primary-Dark-Blue, #000046);\r\n}\r\n</style>\r\n","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!./Roles.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!./Roles.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Roles.vue?vue&type=template&id=40debc5c&scoped=true\"\nimport script from \"./Roles.vue?vue&type=script&lang=js\"\nexport * from \"./Roles.vue?vue&type=script&lang=js\"\nimport style0 from \"./Roles.vue?vue&type=style&index=0&id=40debc5c&prod&lang=css&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"40debc5c\",\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!./PageLoader.vue?vue&type=style&index=0&id=3c3eaffa&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,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\"","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\n\r\n/* eslint-disable */\r\nexport default {\r\n  fetchEmployees() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`employees`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  fetchEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`employees/${item.id}`)\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  fetchRoles() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"roles\")\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  fetchRole(roleId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`roles/${roleId}`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  addRole(role) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"roles\", role)\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  removeRole(roleId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`roles/${roleId}`)\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  fetchPolicies() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"policies\")\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  updateRole(role) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`roles/${role.id}`, { role })\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  addEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"employees\", 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  updateEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(`employees/${item.id}`, 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  activeClientStaff(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`employees/${item.id}/activate`)\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  removeEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`employees/${item.id}`)\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  activeEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`employees/${item.id}/activate`)\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  fetchRoles() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"roles\")\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  fetchRole(roleId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`roles/${roleId}`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  fetchStaffRole(staffId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`employees/${staffId}`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  fetchPermissions() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"nexlaw-permissions\")\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  removeRole(roleId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`roles/${roleId}`)\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  attachRoleEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`employees/${item.staffId}/attach-role/${item.roleId}`)\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  detachRoleEmployee(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`employees/${item.staffId}/detach-role/${item.roleId}`)\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  attachPermissionToRole(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`roles/${item.roleId}/policies`, { policies: item.policies })\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  disattachPermissionToRole(permissionId, roleId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`Detach-Permission-Role/${permissionId}/${roleId}`)\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  attachPermissionToClient(roleId, permissionId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`Attach-Role-Permission-Client/${roleId}/${permissionId}`)\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  disattachPermissionToClient(roleId, permissionId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`Detach-Role-Permission-Client/${roleId}/${permissionId}`)\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  addRole(role) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"roles\", role)\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  updateRole(role) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`roles/${role.id}`, { role })\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  fetchPolicies() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"policies\")\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  fetchPolicy(policyId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`policies/${policyId.id}`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  removePolicy(policyId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`policies/${policyId}`)\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  addPolicy(policy) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"policies\", policy)\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  attachPermissionToPolicy(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`policies/${item.policyId}/permissions`, {\r\n          permissions: item.permissionId,\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  attachPolicyToRole(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`roles/${item.roleId}/policies`, { policies: item.policies })\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  fetchClients() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`Agent-Client`)\r\n        .then((response) => {\r\n          resolve(response.data);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n  fetchClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`Agent-Client/${item.id}`)\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  addClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"Agent-Client\", 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  updateClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(`Agent-Client/${item.id}`, 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  removeClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`Agent-Client/${item.id}`)\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  activeClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`Agent-Client/${item.id}/activate`)\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!./PageLoader.vue?vue&type=style&index=2&id=3c3eaffa&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!./Roles.vue?vue&type=style&index=0&id=40debc5c&prod&lang=css&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.duration >= 0 && _vm.duration < 100)?_c('div',{staticClass:\"card border-0 h-100 p-3 rounded text-center justify-content-center\"},[_c('div',[_vm._m(0),(_vm.duration >= 0)?_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col\"},[_c('h3',{staticClass:\"font-weight-bold text-blue\"},[_vm._v(_vm._s(_vm.duration >= 100 ? 100 : _vm.duration)+\" %\")])])]):_vm._e(),_c('div',{class:['row', _vm.duration < 0 ? 'mt-5' : 'mt-3']},[_c('div',{staticClass:\"col\"},[_c('h4',{staticClass:\"text-blue text-center font-weight-bold\"},[_vm._v(\" \"+_vm._s(Array.isArray(_vm.message) ? _vm.message[0] : _vm.default_msg[_vm.message][0])+\" \")])])]),_c('div',{staticClass:\"row mt-2\"},[_c('div',{staticClass:\"col-3\"}),_c('div',{staticClass:\"col\"},[_c('small',{staticClass:\"text-blue text-center\"},[_vm._v(\" \"+_vm._s(Array.isArray(_vm.message) ? _vm.message[1] : _vm.default_msg[_vm.message][1])+\" \")])]),_c('div',{staticClass:\"col-3\"})])])]):(_vm.loading)?_c('div',{staticClass:\"h-100 align-content-center\"},[_c('div',[_c('div',{staticClass:\"loading-container\"},[(_vm.currentLoadingUI === 1)?_c('div',{staticClass:\"orbit-spinner m-auto mt-5\",staticStyle:{\"transform\":\"scale(2)\"}},[_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"})]):_vm._e(),(_vm.currentLoadingUI === 2)?_c('div',{staticClass:\"rectangle-main\"},[_vm._m(1),_vm._m(2)]):_vm._e(),(_vm.currentLoadingUI === 3)?_c('div',{staticClass:\"file-main mt-5\"},[_c('img',{staticClass:\"file-icon\",attrs:{\"src\":require(\"../assets/icon/file-loading-icon.png\")}}),_c('img',{staticClass:\"file-icon-2\",attrs:{\"src\":require(\"../assets/icon/file-loading-icon.png\")}}),_c('div',{staticClass:\"magnifier-icon\"})]):_vm._e()]),(_vm.completedPercentageRounded >= 0)?_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col\"},[_c('h3',{staticClass:\"font-weight-bold text-center text-blue\"},[_vm._v(_vm._s(_vm.completedPercentageRounded >= 100 ? 100 : _vm.completedPercentageRounded)+\" %\")])]),(_vm.completedPercentageRounded < 100)?_c('p',{staticClass:\"text-center text-blue font-weight-bold mt-2\"},[_vm._v(\" \"+_vm._s(_vm.replace_msg ?? \"\")+\" \")]):_c('p',{staticClass:\"text-center text-blue font-weight-bold mt-2\"},[_vm._v(\" Initializing… \")])]):_vm._e(),(_vm.completedPercentageRounded < 100)?_c('div',[_c('p',{staticClass:\"text-center text-blue font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.extra_msg)+\" \")]),_c('p',{staticClass:\"text-center\"},[(_vm.showText)?_c('small',{class:['text-blue', 'typewriter', { 'blinking': _vm.isTextFullyDisplayed }]},[_vm._v(\" \"+_vm._s(_vm.displayedText)+\" \")]):_vm._e()])]):_c('div',[_c('p',{staticClass:\"text-center\"},[_c('small',{class:['text-blue', 'typewriter', { 'blinking': _vm.isTextFullyDisplayed }]},[_vm._v(\" \"+_vm._s(_vm.displayedText)+\" \")])])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"orbit-spinner m-auto\",staticStyle:{\"transform\":\"scale(2)\"}},[_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"hero-section-small\"},[_c('div',{staticClass:\"square-small\"}),_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"rectangle-small\"}),_c('div',{staticClass:\"rectangle2-small\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"hero-section\"},[_c('div',{staticClass:\"square\"}),_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"rectangle\"}),_c('div',{staticClass:\"rectangle2\"})])])\n}]\n\nexport { render, staticRenderFns }","<!-- \r\n  Template:\r\n\r\n  -----------------------------------------------------------\r\n\r\n  for normal loading / only 1 pageLoading var:\r\n  <PageLoader\r\n    v-if=\"pageLoading\" // optional, required if \"v-else-if/v-else\" is used for showing content\r\n    :loading=\"pageLoading\"> \r\n  <PageLoader>\r\n\r\n  -----------------------------------------------------------\r\n  \r\n  for loading with duration display / which also have normal loading after the content is generated:\r\n  <PageLoader\r\n    v-if=\"pageLoading || duration < 100\"\r\n\r\n    :loading=\"pageLoading\"\r\n    \r\n    :duration=\"duration\"\r\n    message=\"<...Kindly refer to later section...>\">\r\n  <PageLoader>\r\n  \r\n  # the duration must be -1 when generation of the content is completed\r\n    or else the normal loading will not be displayed\r\n\r\n  -----------------------------------------------------------\r\n\r\n  Optional Fields:\r\n\r\n  <PageLoader\r\n  \r\n    // replace \"Kindly wait for ...\" message in normal loading\r\n    replace_msg=\"String\"\r\n\r\n    // replace \"Kindly wait for ...\" message in normal loading\r\n    // & display the \"Kindly wait for ...\" with a <small> after the extra_msg\r\n    extra_msg=\"String\"\r\n\r\n    // defined message to be displayed in duration loading\r\n    // input String will lead to using default messages\r\n        ## refer to vue data() for default messages ##\r\n    // input Array that contains 2 Strings will result in customized message\r\n        ## the first String is normal sized / the second String is <small> ##\r\n    message=\"String | Array[2]\"\r\n\r\n    >\r\n  <PageLoader>\r\n\r\n -->\r\n<template>\r\n  <div\r\n    v-if=\"duration >= 0 && duration < 100\"\r\n    class=\"card border-0 h-100 p-3 rounded text-center justify-content-center\"\r\n  >\r\n    <div>\r\n      <div style=\"transform: scale(2)\" class=\"orbit-spinner m-auto\">\r\n        <div class=\"orbit\"></div>\r\n        <div class=\"orbit\"></div>\r\n        <div class=\"orbit\"></div>\r\n      </div>\r\n\r\n      <div class=\"row mt-5\" v-if=\"duration >= 0\">\r\n        <div class=\"col\">\r\n          <h3 class=\"font-weight-bold text-blue\">{{ duration >= 100 ? 100 : duration }} %</h3>\r\n        </div>\r\n      </div>\r\n\r\n      <div :class=\"['row', duration < 0 ? 'mt-5' : 'mt-3']\">\r\n        <div class=\"col\">\r\n          <h4 class=\"text-blue text-center font-weight-bold\">\r\n            {{ Array.isArray(message) ? message[0] : default_msg[message][0] }}\r\n          </h4>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row mt-2\">\r\n        <div class=\"col-3\"></div>\r\n        <div class=\"col\">\r\n          <small class=\"text-blue text-center\">\r\n            {{ Array.isArray(message) ? message[1] : default_msg[message][1] }}\r\n          </small>\r\n        </div>\r\n        <div class=\"col-3\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div v-else-if=\"loading\" class=\"h-100 align-content-center\">\r\n    <!-- <b-button @click=\"toggleLoadingScreen\">Toggle Loading</b-button> -->\r\n    <div>\r\n      <div class=\"loading-container\">\r\n        <div v-if=\"currentLoadingUI === 1\" class=\"orbit-spinner m-auto mt-5\" style=\"transform: scale(2);\">\r\n          <div class=\"orbit\"></div>\r\n          <div class=\"orbit\"></div>\r\n          <div class=\"orbit\"></div>\r\n        </div>\r\n\r\n        <div v-if=\"currentLoadingUI === 2\" class=\"rectangle-main\">\r\n          <section class=\"hero-section-small\">\r\n            <div class=\"square-small\"></div>\r\n            <div class=\"p-3\">\r\n              <div class=\"rectangle-small\"></div>\r\n              <div class=\"rectangle2-small\"></div>\r\n            </div>\r\n          </section>\r\n          <section class=\"hero-section\">\r\n            <div class=\"square\"></div>\r\n            <div class=\"p-3\">\r\n              <div class=\"rectangle\"></div>\r\n              <div class=\"rectangle2\"></div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n\r\n        <div v-if=\"currentLoadingUI === 3\" class=\"file-main mt-5\">\r\n          <img class=\"file-icon\" src=\"../assets/icon/file-loading-icon.png\" /> \r\n          <img class=\"file-icon-2\" src=\"../assets/icon/file-loading-icon.png\" /> \r\n          <div class=\"magnifier-icon\"></div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row mt-5\" v-if=\"completedPercentageRounded >= 0\">\r\n        <div class=\"col\">\r\n          <h3 class=\"font-weight-bold text-center text-blue\">{{ completedPercentageRounded >= 100 ? 100 : completedPercentageRounded }} %</h3>\r\n        </div>\r\n\r\n        <p v-if=\"completedPercentageRounded < 100\" class=\"text-center text-blue font-weight-bold mt-2\">\r\n          {{ replace_msg ?? \"\" }}\r\n        </p>\r\n\r\n        <p v-else class=\"text-center text-blue font-weight-bold mt-2\">\r\n          Initializing…\r\n        </p>\r\n      </div>\r\n\r\n\r\n      <div v-if=\"completedPercentageRounded < 100\">\r\n        <p class=\"text-center text-blue font-weight-bold\">\r\n          {{ extra_msg }}\r\n        </p>\r\n        <p class=\"text-center\"> \r\n          <small v-if=\"showText\" :class=\"['text-blue', 'typewriter', { 'blinking': isTextFullyDisplayed }]\">\r\n            {{ displayedText }}\r\n          </small>\r\n        </p>\r\n      </div>\r\n\r\n      <div v-else>\r\n        <p class=\"text-center\">\r\n          <small :class=\"['text-blue', 'typewriter', { 'blinking': isTextFullyDisplayed }]\">\r\n            {{ displayedText }}\r\n          </small>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    loading: {\r\n      type: Boolean,\r\n    },\r\n    files_uploaded: {\r\n      type: Number,\r\n    },\r\n    replace_msg: {\r\n      type: String,\r\n    },\r\n    extra_msg: {\r\n      type: String,\r\n    },\r\n    completedPercentage: {\r\n      type: Number,\r\n    },\r\n\r\n    duration: {\r\n      type: Number,\r\n    },\r\n    message: {\r\n      type: [String, Array],\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      default_msg: {\r\n        generating: [\r\n          \"Generating Content\",\r\n          \"Please wait a moment while we process it. This may take a few seconds.\",\r\n        ],\r\n        generatingLongerContent: [\r\n          \"Generating Content\",\r\n          \"Rest assured, we've got this covered, This may take 2 to 3 minutes.\",\r\n        ],\r\n        uploading: [\r\n          \"Uploading case-law.pdf\",\r\n          \"This may take some time depending on the size the file and your internet connection speed.\",\r\n        ],\r\n      },\r\n      showText: false,\r\n      fullText: \"This may take some time depending on the size of the file and your internet connection speed.\",\r\n      displayedText: \"\",\r\n      currentLoadingUI: 1,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    // this.incrementPercentage();\r\n    setTimeout(() => {\r\n      this.showText = true;\r\n    }, 0); // Display text after 5 seconds\r\n\r\n    if (this.showText) {\r\n      this.typeWriter();\r\n    }\r\n\r\n    setInterval(() => {\r\n      this.currentLoadingUI = (this.currentLoadingUI % 3) + 1;\r\n    }, 10000); // Change loading UI every 10 seconds\r\n  },\r\n\r\n  computed: {\r\n    completedPercentageRounded() {\r\n      const percentage = Number(this.completedPercentage);\r\n      return isNaN(percentage) ? '0.00' : percentage.toFixed(2);\r\n    },\r\n    isTextFullyDisplayed() {\r\n      return this.displayedText === this.fullText;\r\n    },\r\n  },\r\n  \r\n  watch: {\r\n    showText(newVal) {\r\n      if (newVal) {\r\n        this.typeWriter();\r\n      }\r\n    },\r\n    completedPercentage(newVal) {\r\n      this.completedPercentage = newVal;\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    toggleLoadingScreen() {\r\n      this.isFirstLoadingScreen = !this.isFirstLoadingScreen;\r\n    },\r\n\r\n    // incrementPercentage() {\r\n    //   const interval = setInterval(() => {\r\n    //     if (this.completedPercentage < 99) { // Ensure it doesn't exceed 99%\r\n    //       this.completedPercentage = parseFloat((this.completedPercentage + 2.532).toFixed(2));\r\n    //       if (this.completedPercentage === 0){\r\n    //         this.completedPercentage = 1;\r\n    //         // clearInterval(interval);\r\n    //       }\r\n    //       else if (this.completedPercentage > 45 && this.completedPercentage < 50) {\r\n    //         this.completedPercentage = 49;\r\n    //         clearInterval(interval);\r\n    //         this.incrementPercentage();\r\n    //       }\r\n    //       else if (this.completedPercentage >= 50) {\r\n    //         this.completedPercentage = 75;\r\n    //         // clearInterval(interval);\r\n    //       }\r\n    //       else if (this.completedPercentage >= 99) {\r\n    //         this.completedPercentage = 99;\r\n    //         clearInterval(interval);\r\n    //       }\r\n    //     } else {\r\n    //       // this.completedPercentage = 99;\r\n    //       clearInterval(interval);\r\n    //     }\r\n    //   }, 3000); // Increment every 3 second\r\n    // },\r\n\r\n    typeWriter() {\r\n      // Set fullText based on completedPercentage\r\n      if (this.completedPercentage >= 0 && this.completedPercentage < 10) {\r\n        this.fullText = \"Starting the campaign setup, hang tight...\";\r\n      }\r\n      else if (this.completedPercentage >= 10 && this.completedPercentage < 25) {\r\n        this.fullText = \"We're starting the process.\";\r\n      } \r\n      else if (this.completedPercentage >= 25 && this.completedPercentage < 50) {\r\n        this.fullText = \"The upload is underway. Hang tight, we're making progress!\";\r\n      } \r\n      else if (this.completedPercentage >= 50 && this.completedPercentage < 75) {\r\n        this.fullText = \"Processing the data now. This may take some time depending on the file size and your internet speed.\";\r\n      } \r\n      else if (this.completedPercentage >= 75 && this.completedPercentage < 100) {\r\n        this.fullText = \"We're nearly done! Just a little longer...\";\r\n      }\r\n      else if (this.completedPercentage >= 100) {\r\n        this.fullText = \"Finalizing everything, almost there...\";\r\n      } \r\n      // else if (this.completedPercentage >= 100) {\r\n      //   this.fullText = \"Launching...\";\r\n      // } \r\n      else {\r\n        this.fullText = \"\";\r\n      }\r\n\r\n      // Immediately set displayedText to fullText\r\n      this.displayedText = this.fullText;\r\n\r\n      // Clear displayedText immediately if completedPercentage is >= 100\r\n      if (this.completedPercentage >= 100) {\r\n        this.displayedText = '';\r\n      } else {\r\n        // Clear displayedText and rerun the typewriter effect after 5 seconds\r\n        setTimeout(() => {\r\n          this.displayedText = '';\r\n          this.typeWriter();\r\n        }, 200);\r\n      }\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*Orbit Loading Animation*/\r\n.loading-container {\r\n  height: 120px; /* Set a fixed height for the loading container */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* orbitter */\r\n.orbit-spinner,\r\n.orbit-spinner * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.orbit-spinner {\r\n  height: 55px;\r\n  width: 55px;\r\n  border-radius: 50%;\r\n  perspective: 800px;\r\n}\r\n\r\n.orbit-spinner .orbit {\r\n  position: absolute;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(1) {\r\n  left: 0%;\r\n  top: 0%;\r\n  animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;\r\n  border-bottom: 3px solid #094890;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(2) {\r\n  right: 0%;\r\n  top: 0%;\r\n  animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;\r\n  border-right: 3px solid #094890;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(3) {\r\n  right: 0%;\r\n  bottom: 0%;\r\n  animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;\r\n  border-top: 3px solid #094890;\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-one-animation {\r\n  0% {\r\n    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-two-animation {\r\n  0% {\r\n    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-three-animation {\r\n  0% {\r\n    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n.text-center {\r\n  transition: all 0.3s ease-in-out;\r\n  animation: background-fade 3s infinite;\r\n  font-size: 1.0rem;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.typewriter {\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  border-right: 0.15em solid rgb(255, 255, 255); /* Cursor effect */\r\n  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;\r\n}\r\n\r\n@keyframes typing {\r\n  from { width: 0; }\r\n  to { width: 100%; }\r\n}\r\n\r\n@keyframes blink-caret {\r\n  from, to { border-color: transparent; }\r\n  50% { border-color: rgb(255, 255, 255); }\r\n}\r\n\r\n.blinking {\r\n  animation: blinkingText 1.5s infinite;\r\n}\r\n\r\n@keyframes blinkingText {\r\n  0% { opacity: 1; }\r\n  50% { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n/* Rectangle Loading Animation */\r\n.rectangle-main {\r\n  margin-top: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.hero-section {\r\n  width: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.square {\r\n  width: 50px;\r\n  height: 50px;\r\n  background-color: rgb(232,232,232);\r\n  animation: popOut 0.65s infinite;\r\n  box-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\n  border-radius : 8px;\r\n  flex-shrink: 0;\r\n  }\r\n\r\n  @keyframes popOut {\r\n  0% {\r\n      opacity: 0;\r\n  }\r\n  50% {\r\n      opacity: 1;\r\n  }\r\n  100% {\r\n      opacity: 1;\r\n  }\r\n  }\r\n\r\n.rectangle {\r\nwidth: 80px;\r\nheight: 15px;\r\nbackground-color: rgb(232,232,232);\r\nanimation: popOutExpand 0.65s infinite;\r\ntransform-origin: left center;\r\nmargin-bottom: 10px;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n.rectangle2 {\r\nwidth: 100px;\r\nheight: 15px;\r\nbackground-color: rgb(232,232,232);\r\nanimation: popOutExpand2 0.65s infinite;\r\ntransform-origin: left center;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n@keyframes popOutExpand {\r\n0% {\r\n  transform: scaleX(1);\r\n  opacity: 0;\r\n}\r\n25% {\r\n  transform: scaleX(1);\r\n  opacity: 1;\r\n}\r\n50% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n100% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n}\r\n\r\n@keyframes popOutExpand2 {\r\n0% {\r\n  transform: scaleX(0);\r\n  opacity: 0;\r\n}\r\n\r\n100% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n}\r\n\r\n.hero-section-small {\r\n  padding-left: 45px;\r\n  width: 70%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  animation: slideInUp 0.65s forwards infinite;\r\n}\r\n\r\n@keyframes slideInUp {\r\n  0% {\r\n      transform: translateY(20%);\r\n      opacity: 1;\r\n  }\r\n  20% { /* Compress the movement into the first 20% of the timeline */\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n  }\r\n  100% {\r\n      transform: translateY(-10px); /* Move it a bit up and stay there */\r\n      opacity: 1;\r\n  }\r\n  }\r\n\r\n.square-small {\r\n  width: 40px;\r\n  height: 40px;\r\n  background-color: rgb(232,232,232);\r\n  box-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\n  border-radius : 8px;\r\n  flex-shrink: 0;\r\n  }\r\n\r\n.rectangle-small {\r\nwidth: 90px;\r\nheight: 13px;\r\nbackground-color: rgb(232,232,232);\r\ntransform-origin: left center;\r\nmargin-bottom: 10px;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n.rectangle2-small {\r\nwidth: 100px;\r\nheight: 13px;\r\nbackground-color: rgb(232,232,232);\r\ntransform-origin: left center;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n</style>\r\n\r\n\r\n<style scoped>\r\n/* Loading File Animation */\r\n.file-main {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 50vh; /* Full viewport height */\r\n  position: relative;\r\n}\r\n.file-icon {\r\n  width: 60px;\r\n  height: 65px;\r\n  border-radius: 8px;\r\n  position: absolute;\r\n  animation: move-left 1.5s linear infinite;\r\n}\r\n.file-icon-2 {\r\n  width: 60px;\r\n  height: 65px;\r\n  border-radius: 8px;\r\n  position: absolute;\r\n  opacity: 0; /* Initially hidden */\r\n  animation: move-left 1.5s linear infinite;\r\n  animation-delay: 0.75s; /* Delayed animation */\r\n  \r\n}\r\n\r\n@keyframes move-left {\r\n  0% {\r\n    transform: translateX(100%) scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  0% {\r\n    transform: translateX(100%) scale(0.8);\r\n    opacity: 1;\r\n  }\r\n  20% {\r\n    transform: translateX(0%);\r\n    opacity: 1;\r\n  }\r\n  40% {\r\n    transform: translateX(0%);\r\n    opacity: 1;\r\n  }\r\n  60% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 1;\r\n  }\r\n  80% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 1;\r\n  }\r\n  81% {\r\n    opacity: 1; /* Instantly disappear */\r\n  }\r\n\r\n  90% {\r\n    opacity: 1; /* Instantly disappear */\r\n  }\r\n\r\n  91% {\r\n    opacity: 0; /* Instantly disappear */\r\n  }\r\n  100% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.magnifier-icon {\r\n  width: 68px; /* Increased size */\r\n  height: 68px; /* Increased size */\r\n  border: 6px solid rgb(200,200,200);\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.magnifier-icon::after {\r\n  content: '';\r\n  width: 20px; /* Adjusted size */\r\n  height: 10px; /* Adjusted size */\r\n  background: rgb(170,170,170);\r\n  position: absolute;\r\n  top: 50px; /* Moved down */\r\n  left: 54px; /* Adjusted position */\r\n  transform: rotate(49deg);\r\n  transform-origin: 0 0;\r\n  border-top-right-radius: 10px; \r\n  border-bottom-right-radius: 10px;\r\n}\r\n</style>\r\n","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!./PageLoader.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!./PageLoader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PageLoader.vue?vue&type=template&id=3c3eaffa&scoped=true\"\nimport script from \"./PageLoader.vue?vue&type=script&lang=js\"\nexport * from \"./PageLoader.vue?vue&type=script&lang=js\"\nimport style0 from \"./PageLoader.vue?vue&type=style&index=0&id=3c3eaffa&prod&scoped=true&lang=css\"\nimport style1 from \"./PageLoader.vue?vue&type=style&index=1&id=3c3eaffa&prod&scoped=true&lang=css\"\nimport style2 from \"./PageLoader.vue?vue&type=style&index=2&id=3c3eaffa&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  \"3c3eaffa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}