{"version":3,"sources":["webpack:///./src/Pages/PageLoader.vue?e81b","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/Pages/Profile/admin.vue","webpack:///src/Pages/Profile/admin.vue","webpack:///./src/Pages/Profile/admin.vue?8fe6","webpack:///./src/Pages/Profile/admin.vue?ac13","webpack:///./src/Pages/Profile/admin.vue?d570","webpack:///./src/Pages/PageLoader.vue?8d4e","webpack:///./src/store/Settings.js","webpack:///./src/Pages/PageLoader.vue","webpack:///src/Pages/PageLoader.vue","webpack:///./src/Pages/PageLoader.vue?e172","webpack:///./src/Pages/PageLoader.vue?3c22"],"names":["module","exports","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","staticStyle","pageLoading","on","addclient","clients_list","length","searchQuery","directives","name","rawName","value","expression","domProps","target","composing","onInput","indexOf","_k","keyCode","key","searchClients","apply","arguments","rows","perPage","model","currentPage","callback","$$v","_l","item","index","switch","Array","isArray","_i","$$a","$$el","$$c","checked","$$i","$set","concat","slice","changeStatus","id","manager_email","_f","created_at","expiry_date","plan_name","labels","filter","label","editclient","components","PageLoader","page","methods","$router","push","query","email","Settings","GetClients","then","response","total","forEach","element","catch","error","console","log","status","activateClient","$toast","success","deactivateClient","params","watch","newPage","oldPage","$route","created","parseInt","Promise","resolve","reject","axios","post","delete","addClient","get","GetClient","EditClient","put","_vm$replace_msg","duration","_m","message","default_msg","loading","currentLoadingUI","require","completedPercentageRounded","replace_msg","extra_msg","showText","isTextFullyDisplayed","displayedText","files_uploaded","Number","completedPercentage","generating","generatingLongerContent","uploading","fullText","mounted","setTimeout","typeWriter","setInterval","percentage","isNaN","toFixed","newVal","toggleLoadingScreen","isFirstLoadingScreen"],"mappings":"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","file":"js/chunk-65e94b08.596afd4d.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\"","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\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"padding\":\"0\"}},[_c('active-tab',{attrs:{\"activeTab\":_vm.activeTab,\"admin\":true}}),(_vm.pageLoading)?_c('PageLoader',{staticStyle:{\"margin-top\":\"-60px\"},attrs:{\"loading\":_vm.pageLoading}}):_c('div',[_c('div',{staticClass:\"container_margin\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-10 align-self-center\"},[_c('h4',{staticClass:\"font-weight-bold align-self-center\"},[_vm._v(\"Clients\")])]),_c('div',{staticClass:\"col-2 mb-2\"},[_c('button',{staticClass:\"add-button\",on:{\"click\":_vm.addclient}},[_c('span',{staticClass:\"material-symbols-rounded me-1\"},[_vm._v(\"add\")]),_vm._v(\" Add Client \")])])]),_c('div',{staticClass:\"card border shadow-sm p-3 mt-2 rounded\"},[_c('div',{staticClass:\"row\"},[(_vm.clients_list.length !== 0 || _vm.searchQuery.length !== 0)?_c('div',{staticClass:\"col-5 mb-2\"},[_c('div',{staticClass:\"input-group\",attrs:{\"id\":\"searchCaseLaw\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"form-control\",attrs:{\"type\":\"search\",\"placeholder\":\"Search by client email\",\"aria-label\":\"Search by client email\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value},_vm.onInput],\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.searchClients.apply(null, arguments)}}}),_c('span',{staticClass:\"input-group-text cursor-pointer\",on:{\"click\":_vm.searchClients}},[_c('b-icon',{attrs:{\"icon\":\"search\",\"font-scale\":\"1.2\"}})],1)])]):_vm._e(),_c('div',{staticClass:\"col-7 d-flex justify-content-end\"},[_c('b-pagination',{staticClass:\"float-right\",attrs:{\"total-rows\":_vm.rows,\"per-page\":_vm.perPage,\"aria-controls\":\"my-table\",\"last-number\":\"\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)]),_c('div',{staticClass:\"row mt-2 table-card\"},[_c('div',{staticClass:\"col\"},[_c('table',{staticClass:\"table\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\",\"width\":\"7%\"}},[_vm._v(_vm._s(\"Status\"))]),_c('th',{attrs:{\"scope\":\"col\",\"width\":\"25%\"}},[_vm._v(_vm._s(\"Email\"))]),_c('th',{staticClass:\"text-center\",attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\" \"+_vm._s(\"Created Date\")+\" \")]),_c('th',{staticClass:\"text-center\",attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\" \"+_vm._s(\"Expiry Date\")+\" \")]),_c('th',{staticClass:\"text-center\",attrs:{\"scope\":\"col\",\"width\":\"19%\"}},[_vm._v(\" \"+_vm._s(\"Plan\")+\" \")]),_c('th',{staticStyle:{\"padding-left\":\"30px\"},attrs:{\"scope\":\"col\",\"width\":\"15%\"}},[_vm._v(\" \"+_vm._s(\"Label\")+\" \")]),_c('th',{staticClass:\"text-center\",staticStyle:{\"padding-right\":\"25px\"},attrs:{\"scope\":\"col\",\"width\":\"10%\"}},[_vm._v(\" \"+_vm._s(\"Action\")+\" \")])])]),_c('tbody',[(_vm.pageLoading)?_c('PageLoader',{staticClass:\"w-100\",attrs:{\"loading\":_vm.pageLoading}}):_vm._l((_vm.clients_list),function(item,index){return _c('tr',{key:'ner_list' + index},[_c('td',{attrs:{\"width\":\"7%\"}},[_c('div',{staticClass:\"form-check form-switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(item.switch),expression:\"item.switch\"}],staticClass:\"form-check-input float-right\",attrs:{\"type\":\"checkbox\",\"role\":\"switch\"},domProps:{\"checked\":Array.isArray(item.switch)?_vm._i(item.switch,null)>-1:(item.switch)},on:{\"change\":[function($event){var $$a=item.switch,$$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.$set(item, \"switch\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(item, \"switch\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(item, \"switch\", $$c)}},function($event){return _vm.changeStatus(item.id, item.switch)}]}}),_c('label',{staticClass:\"form-check-label\"})])]),_c('td',{attrs:{\"width\":\"25%\"}},[_vm._v(\" \"+_vm._s(item.manager_email)+\" \")]),_c('td',{staticClass:\"text-center\",attrs:{\"width\":\"10%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.created_at))+\" \")]),_c('td',{staticClass:\"text-center\",attrs:{\"width\":\"10%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.expiry_date))+\" \")]),_c('td',{staticClass:\"text-center\",attrs:{\"width\":\"19%\"}},[_vm._v(\" \"+_vm._s(item.plan_name)+\" \")]),_c('td',{attrs:{\"width\":\"14%\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[(item.labels !== null)?_c('div',{staticClass:\"pill-container\",attrs:{\"id\":\"clientPill\"}},_vm._l((item.labels.filter(\n                                  (label) => label !== null\n                                )),function(label,index){return _c('span',{key:'label' + index,staticClass:\"pill\"},[_vm._v(\" \"+_vm._s(label)+\" \")])}),0):_vm._e()])])]),_c('td',{staticClass:\"text-center\",attrs:{\"width\":\"10%\"}},[_c('button',{staticClass:\"edit-button\",attrs:{\"id\":\"editClient\"},on:{\"click\":function($event){return _vm.editclient(item.id)}}},[_vm._v(\" Edit \")])])])})],2)])])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"padding:0;\">\r\n    <active-tab :activeTab=\"activeTab\" :admin=\"true\"/>\r\n\r\n    <PageLoader\r\n      style=\"margin-top: -60px;\"\r\n      v-if=\"pageLoading\"\r\n      :loading=\"pageLoading\">\r\n    </PageLoader>\r\n\r\n    <div v-else>\r\n      <div class=\"container_margin\">\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"row\">\r\n              <div class=\"col-10 align-self-center\">\r\n                <h4 class=\"font-weight-bold align-self-center\">Clients</h4>\r\n              </div>\r\n              <div class=\"col-2 mb-2\">\r\n                <button @click=\"addclient\" class=\"add-button\">\r\n                  <span class=\"material-symbols-rounded me-1\">add</span>\r\n                  Add Client\r\n                </button>\r\n              </div>\r\n            </div>\r\n    \r\n            <div class=\"card border shadow-sm p-3 mt-2 rounded\">\r\n              <div class=\"row\">\r\n                <div\r\n                  v-if=\"clients_list.length !== 0 || searchQuery.length !== 0\"\r\n                  class=\"col-5 mb-2\"\r\n                >\r\n                  <div id=\"searchCaseLaw\" class=\"input-group\">\r\n                    <input\r\n                      v-model=\"searchQuery\"\r\n                      type=\"search\"\r\n                      class=\"form-control\"\r\n                      placeholder=\"Search by client email\"\r\n                      aria-label=\"Search by client email\"\r\n                      @input=\"onInput\"\r\n                      @keyup.enter=\"searchClients\"\r\n                    />\r\n                    <span\r\n                      @click=\"searchClients\"\r\n                      class=\"input-group-text cursor-pointer\"\r\n                      ><b-icon icon=\"search\" font-scale=\"1.2\"></b-icon\r\n                    ></span>\r\n                  </div>\r\n                </div>\r\n    \r\n                <div class=\"col-7 d-flex justify-content-end\">\r\n                  <b-pagination\r\n                    class=\"float-right\"\r\n                    v-model=\"currentPage\"\r\n                    :total-rows=\"rows\"\r\n                    :per-page=\"perPage\"\r\n                    aria-controls=\"my-table\"\r\n                    last-number\r\n                  ></b-pagination>\r\n                </div>\r\n              </div>\r\n    \r\n              <div class=\"row mt-2 table-card\">\r\n                <div class=\"col\">\r\n                  <table class=\"table\">\r\n                    <thead>\r\n                      <tr>\r\n                        <th scope=\"col\" width=\"7%\">{{ \"Status\" }}</th>\r\n    \r\n                        <th scope=\"col\" width=\"25%\">{{ \"Email\" }}</th>\r\n    \r\n                        <th scope=\"col\" width=\"10%\" class=\"text-center\">\r\n                          {{ \"Created Date\" }}\r\n                        </th>\r\n                        <th scope=\"col\" width=\"10%\" class=\"text-center\">\r\n                          {{ \"Expiry Date\" }}\r\n                        </th>\r\n                        <th scope=\"col\" width=\"19%\" class=\"text-center\">\r\n                          {{ \"Plan\" }}\r\n                        </th>\r\n                        <th scope=\"col\" width=\"15%\" style=\"padding-left: 30px\">\r\n                          {{ \"Label\" }}\r\n                        </th>\r\n                        <th\r\n                          scope=\"col\"\r\n                          width=\"10%\"\r\n                          class=\"text-center\"\r\n                          style=\"padding-right: 25px\"\r\n                        >\r\n                          {{ \"Action\" }}\r\n                        </th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      <PageLoader\r\n                        class=\"w-100\"\r\n                        v-if=\"pageLoading\"\r\n                        :loading=\"pageLoading\">\r\n                      </PageLoader>\r\n    \r\n                      <tr\r\n                        v-else\r\n                        v-for=\"(item, index) in clients_list\"\r\n                        :key=\"'ner_list' + index\"\r\n                      >\r\n                        <td width=\"7%\">\r\n                          <div class=\"form-check form-switch\">\r\n                            <input\r\n                              class=\"form-check-input float-right\"\r\n                              type=\"checkbox\"\r\n                              role=\"switch\"\r\n                              v-model=\"item.switch\"\r\n                              @change=\"changeStatus(item.id, item.switch)\"\r\n                            />\r\n                            <label class=\"form-check-label\"> </label>\r\n                          </div>\r\n                        </td>\r\n                        <td width=\"25%\">\r\n                          {{ item.manager_email }}\r\n                        </td>\r\n                        <td width=\"10%\" class=\"text-center\">\r\n                          {{ item.created_at | formatDate }}\r\n                        </td>\r\n                        <td width=\"10%\" class=\"text-center\">\r\n                          {{ item.expiry_date | formatDate }}\r\n                        </td>\r\n                        <td width=\"19%\" class=\"text-center\">\r\n                          {{ item.plan_name }}\r\n                        </td>\r\n    \r\n                        <td width=\"14%\">\r\n                          <div class=\"row\">\r\n                            <div class=\"col\">\r\n                              <!-- <div\r\n                                v-if=\"item.labels === null\"\r\n                                id=\"clientPill\"\r\n                                class=\"pill-container\"\r\n                              >\r\n                                <span class=\"pill\">\r\n                                  {{ \"No Label\" }}\r\n                                </span>\r\n                              </div> -->\r\n    \r\n                              <div\r\n                                v-if=\"item.labels !== null\"\r\n                                id=\"clientPill\"\r\n                                class=\"pill-container\"\r\n                              >\r\n                                <span\r\n                                  v-for=\"(label, index) in item.labels.filter(\r\n                                    (label) => label !== null\r\n                                  )\"\r\n                                  :key=\"'label' + index\"\r\n                                  class=\"pill\"\r\n                                >\r\n                                  {{ label }}\r\n                                </span>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </td>\r\n    \r\n                        <td width=\"10%\" class=\"text-center\">\r\n                          <button\r\n                            @click=\"editclient(item.id)\"\r\n                            class=\"edit-button\"\r\n                            id=\"editClient\"\r\n                          >\r\n                            Edit\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\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  \r\n  <script>\r\n  /* eslint-disable */\r\n  import PageLoader from \"../../Pages/PageLoader.vue\";\r\n  import Settings from \"../../store/Settings.js\";\r\n  import activeTab from \"./activeTab.vue\";\r\n  \r\n  export default {\r\n    components: {\r\n      PageLoader,\r\n      activeTab,\r\n    },\r\n  \r\n    data() {\r\n      return {\r\n        pageLoading: true,\r\n        clients_list: [],\r\n        searchQuery: \"\",\r\n        rows: 100,\r\n        perPage: 10,\r\n        page: 0,\r\n        currentPage: 1,\r\n        activeTab: \"clientTable\",\r\n      };\r\n    },\r\n  \r\n    methods: {\r\n      onInput(value) {\r\n        // console.log(\"Im in onInput method\");\r\n        // console.log(\"The val: \", value);\r\n  \r\n        if (this.searchQuery.length === 0) {\r\n          this.searchQuery = \"\";\r\n          this.searchClients();\r\n        }\r\n      },\r\n  \r\n      searchClients() {\r\n        // console.log(\"Im in searchClients method\");\r\n        this.currentPage = 1;\r\n        this.pageLoading = true;\r\n        this.clients_list = [];\r\n  \r\n        if (this.searchQuery.length !== 0) {\r\n          this.$router.push({\r\n            query: { page: this.currentPage, email: this.searchQuery },\r\n          });\r\n  \r\n          Settings.GetClients(\r\n            `?page=${this.currentPage}&manager_email=${this.searchQuery}`\r\n          )\r\n            .then((response) => {\r\n              this.pageLoading = false;\r\n              this.rows = response.data.data.total;\r\n  \r\n              response.data.data.data.forEach((element) => {\r\n                if (element.active == 1) {\r\n                  element.switch = true;\r\n                } else {\r\n                  element.switch = false;\r\n                }\r\n                this.clients_list.push(element);\r\n              });\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        } else {\r\n          this.$router.push({\r\n            query: { page: this.currentPage },\r\n          });\r\n  \r\n          Settings.GetClients(`?page=${this.currentPage}`)\r\n            .then((response) => {\r\n              this.pageLoading = false;\r\n              this.rows = response.data.data.total;\r\n  \r\n              response.data.data.data.forEach((element) => {\r\n                if (element.active == 1) {\r\n                  element.switch = true;\r\n                } else {\r\n                  element.switch = false;\r\n                }\r\n                this.clients_list.push(element);\r\n              });\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        }\r\n      },\r\n  \r\n      changeStatus(id, status) {\r\n        console.log(id, status);\r\n  \r\n        if (status) {\r\n          Settings.activateClient(id)\r\n            .then((response) => {\r\n              this.$toast.success(\"Updated\");\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        } else {\r\n          Settings.deactivateClient(id)\r\n            .then((response) => {\r\n              this.$toast.success(\"Updated\");\r\n            })\r\n            .catch((error) => {\r\n              console.log(error);\r\n            });\r\n        }\r\n  \r\n        // this.Employees.forEach((element) => {\r\n        //   if (element.id == data.id) {\r\n        //     //\r\n  \r\n        //     if (element.statusActive == false) {\r\n        //       // element.statusActive = false;\r\n  \r\n        //       delete element.statusActive;\r\n  \r\n        //       Saas.removeSaaSClient(element.id)\r\n  \r\n        //         .then(() => {\r\n        //           this.Employees = [];\r\n        //           this.page = 0;\r\n        //           this.addData();\r\n        //         })\r\n        //         .catch((err) => {\r\n        //           console.error(err);\r\n        //         });\r\n        //     } else {\r\n        //       // //\r\n        //       // element.statusActive = true;\r\n  \r\n        //       delete element.statusActive;\r\n  \r\n        //       Saas.ActivateSaaSClient(element.id)\r\n  \r\n        //         .then(() => {\r\n        //           this.Employees = [];\r\n        //           this.page = 0;\r\n        //           this.addData();\r\n        //         })\r\n        //         .catch((err) => {\r\n        //           console.error(err);\r\n        //         });\r\n        //     }\r\n        //   }\r\n        // });\r\n      },\r\n  \r\n      addclient() {\r\n        // Implement your logic to add an client\r\n        this.$router.push({\r\n          name: \"clientadd\",\r\n        });\r\n      },\r\n  \r\n      editclient(index) {\r\n        // Implement your logic to edit an client\r\n        this.$router.push({\r\n          name: \"clientedit\",\r\n          params: {\r\n            id: index,\r\n          },\r\n        });\r\n      },\r\n    },\r\n  \r\n    watch: {\r\n      currentPage(newPage, oldPage) {\r\n        if (newPage != this.$route.query.page) {\r\n          this.pageLoading = true;\r\n          this.clients_list = [];\r\n  \r\n          if (this.searchQuery.length !== 0) {\r\n            this.$router.push({\r\n              query: { page: newPage, email: this.searchQuery },\r\n            });\r\n            // console.log(\"Router\", this.$router)\r\n  \r\n            Settings.GetClients(\r\n              `?page=${newPage}&manager_email=${this.searchQuery}`\r\n            )\r\n              .then((response) => {\r\n                this.pageLoading = false;\r\n                this.rows = response.data.data.total;\r\n  \r\n                response.data.data.data.forEach((element) => {\r\n                  if (element.active == 1) {\r\n                    element.switch = true;\r\n                  } else {\r\n                    element.switch = false;\r\n                  }\r\n                  this.clients_list.push(element);\r\n                });\r\n              })\r\n              .catch((error) => {\r\n                console.log(error);\r\n              });\r\n          } else {\r\n            this.$router.push({\r\n              query: { page: newPage },\r\n            });\r\n            // console.log(\"Router\", this.$router)\r\n  \r\n            Settings.GetClients(`?page=${newPage}`)\r\n              .then((response) => {\r\n                this.pageLoading = false;\r\n                this.rows = response.data.data.total;\r\n  \r\n                response.data.data.data.forEach((element) => {\r\n                  if (element.active == 1) {\r\n                    element.switch = true;\r\n                  } else {\r\n                    element.switch = false;\r\n                  }\r\n                  this.clients_list.push(element);\r\n                });\r\n              })\r\n              .catch((error) => {\r\n                console.log(error);\r\n              });\r\n          }\r\n        }\r\n      },\r\n    },\r\n  \r\n    created() {\r\n      const page = this.$route.query.page;\r\n      const email = this.$route.query.email;\r\n  \r\n      if (page) {\r\n        this.currentPage = parseInt(page, 10);\r\n        this.clients_list = [];\r\n      }\r\n  \r\n      if (email) {\r\n        this.searchQuery = email;\r\n      }\r\n  \r\n      if (this.searchQuery.length !== 0) {\r\n        Settings.GetClients(\r\n          `?page=${this.currentPage}&manager_email=${this.searchQuery}`\r\n        )\r\n          .then((response) => {\r\n            this.pageLoading = false;\r\n            this.rows = response.data.data.total;\r\n  \r\n            response.data.data.data.forEach((element) => {\r\n              if (element.active == 1) {\r\n                element.switch = true;\r\n              } else {\r\n                element.switch = false;\r\n              }\r\n              this.clients_list.push(element);\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            console.log(error);\r\n          });\r\n        console.log(this.clients_list);\r\n      } else {\r\n        Settings.GetClients(`?page=${this.currentPage}`)\r\n          .then((response) => {\r\n            this.pageLoading = false;\r\n            this.rows = response.data.data.total;\r\n  \r\n            response.data.data.data.forEach((element) => {\r\n              if (element.active == 1) {\r\n                element.switch = true;\r\n              } else {\r\n                element.switch = false;\r\n              }\r\n              this.clients_list.push(element);\r\n            });\r\n          })\r\n          .catch((error) => {\r\n            console.log(error);\r\n          });\r\n        console.log(this.clients_list);\r\n      }\r\n    },\r\n  };\r\n  </script>\r\n  \r\n  <style scoped>\r\n  .table {\r\n    border: none;\r\n    background: white;\r\n    table-layout: fixed;\r\n  }\r\n  \r\n  tbody {\r\n    display: block;\r\n    max-height: auto;\r\n    overflow-y: scroll;\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  \r\n\r\n  .edit-button {\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 2px 25px;\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  \r\n  thead {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n    overflow-x: auto;\r\n    border-bottom: 0.1vw solid #ddd !important;\r\n    background: white;\r\n  }\r\n  \r\n  tbody tr {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n    overflow-x: auto;\r\n    border: none;\r\n    background: white;\r\n  }\r\n  \r\n  td {\r\n    border-bottom: 0.001px solid #ddd;\r\n    border-top: none;\r\n    vertical-align: top;\r\n  }\r\n  \r\n  th {\r\n    border: none;\r\n    color: #094890;\r\n  }\r\n  \r\n  .container_margin {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .form-check-input:checked {\r\n    border-color: #094890;\r\n    background-color: #094890;\r\n  }\r\n  \r\n  .form-switch .form-check-input {\r\n    box-shadow: #094890;\r\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23094890'/%3e%3c/svg%3e\");\r\n  }\r\n  \r\n  .form-switch .form-check-input:focus:checked {\r\n    box-shadow: #094890;\r\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\r\n  }\r\n  \r\n  .form-switch .form-check-input:checked {\r\n    box-shadow: #094890;\r\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\r\n  }\r\n  \r\n  .form-switch .form-check-input:focus {\r\n    box-shadow: #094890;\r\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23094890'/%3e%3c/svg%3e\");\r\n  }\r\n  \r\n  @media only screen and (max-width: 1024px) {\r\n    .container_margin {\r\n      padding: 0.5rem;\r\n    }\r\n  \r\n    #editClient {\r\n      /* padding-top: 5px !important;\r\n      padding-bottom: 53px !important; */\r\n      padding-left: 10px !important;\r\n      padding-right: 10px !important;\r\n    }\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!./admin.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!./admin.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./admin.vue?vue&type=template&id=3aee1978&scoped=true\"\nimport script from \"./admin.vue?vue&type=script&lang=js\"\nexport * from \"./admin.vue?vue&type=script&lang=js\"\nimport style0 from \"./admin.vue?vue&type=style&index=0&id=3aee1978&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  \"3aee1978\",\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!./admin.vue?vue&type=style&index=0&id=3aee1978&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!./PageLoader.vue?vue&type=style&index=2&id=3c3eaffa&prod&scoped=true&lang=css\"","import axios from \"@/axios.js\";\r\n/* eslint-disable */\r\nexport default {\r\n  activateClient(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`nexlaw-client/${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  deactivateClient(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`nexlaw-client/${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\r\n  addClient(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`nexlaw-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\r\n  GetClients(query = \"\") {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw-client${query}`)\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  // GetClients(obj) {\r\n  //   return new Promise((resolve, reject) => {\r\n  //     axios\r\n  //       .get(`nexlaw-client` + 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  // GetClients() {\r\n  //   return new Promise((resolve, reject) => {\r\n  //     axios\r\n  //       .get(`nexlaw-client`)\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  GetClient(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw-client/${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\r\n  EditClient(id, value) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(`nexlaw-client/${id}`, value)\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","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":""}