{"version":3,"sources":["webpack:///./src/store/general.js","webpack:///./src/Pages/Archieve/main.vue?5116","webpack:///./src/assets/misc/empty.svg","webpack:///./src/Pages/Archieve/main.vue","webpack:///src/Pages/Archieve/main.vue","webpack:///./src/Pages/Archieve/main.vue?ed89","webpack:///./src/Pages/Archieve/main.vue?6897","webpack:///./src/Pages/Archieve/main.vue?7406"],"names":["GetMe","Promise","resolve","reject","axios","get","then","response","UI","data","undefined","includes","nexlaw_credits","localStorage","setItem","JSON","stringify","catch","error","GetCampaigns","args","API","Object","entries","map","k","v","join","GetSharedCampaigns","GetArchivedCampaigns","queryString","Array","isArray","item","GetBookmarkedCampaigns","DeleteCampaign","id","delete","BookmarkCampaign","post","ArchiveCampaign","UnarchiveCampaign","UnbookmarkCampaign","ActivityLog","module","exports","render","_vm","this","_c","_self","_m","staticClass","hasData","_e","attrs","emptyImg","_v","_l","archives","index","key","class","pageLoading","on","$event","navigateTo","routeName","style","color","background","_s","icon","count","title","staticRenderFns","types","computed","length","methods","updateArchieveCounts","forEach","general","total","console","$router","push","name","created","component"],"mappings":"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","file":"js/chunk-05052f2f.12f630ad.js","sourcesContent":["import axios from \"@/axios.js\";\r\n\r\nexport default {\r\n  /**\r\n   * Retrieve updated userInfo\r\n   * @param {*} me Vue's `this` instance\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          if (!response) return;\r\n\r\n          const UI = response.data.data;\r\n          if (![undefined, \"undefined\", null, \"null\"].includes(UI.nexlaw_credits)) localStorage.setItem(\"userInfo\", JSON.stringify(UI));\r\n\r\n          resolve(response);\r\n        })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  /**\r\n   * Retrieve campaign list\r\n   * @param {*} args Queries to filter the list\r\n   */\r\n  GetCampaigns(args = null) {\r\n    var API = `nexlaw`;\r\n    if (args) {\r\n      API += `?` + Object\r\n        .entries(args)\r\n        .map(([k, v]) => `${k}=${v}`)\r\n        .join(`&`);\r\n    }\r\n\r\n    // if (id) {\r\n    //   API += (args ? `&` : `?`) + `client_id=${id}`;\r\n    // }\r\n\r\n    // console.log(API);\r\n\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(API)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  /**\r\n   * Retrieve campaign list\r\n   * @param {*} args Queries to filter the list\r\n   */\r\n  GetSharedCampaigns(args = null) {\r\n    var API = `shared-nexlaw`;\r\n    if (args) {\r\n      API += `?` + Object\r\n        .entries(args)\r\n        .map(([k, v]) => `${k}=${v}`)\r\n        .join(`&`);\r\n    }\r\n    // if (id) {\r\n    //   API += (args ? `&` : `?`) + `client_id=${id}`;\r\n    // }\r\n    // console.log(API);\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(API)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n  /**\r\n   * Archieve campaign list\r\n   * @param {*} args Queries to filter the list\r\n   */\r\n  GetArchivedCampaigns(args = null) {\r\n    let API = `nexlaw?archived=1`;\r\n\r\n    if (args) {\r\n      const queryString = Object.entries(args)\r\n        .map(([k, v]) => {\r\n          if (Array.isArray(v)) {\r\n            // If it's an array, format each element with `[]` for multi types\r\n            return v.map(item => `${k}[]=${item}`).join('&');\r\n          } else {\r\n            // If it's a single type, format as a normal key-value pair\r\n            return `${k}=${v}`;\r\n          }\r\n        })\r\n        .join('&');\r\n\r\n      // Append the query string to the API URL\r\n      API += `&` + queryString;\r\n    }\r\n\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(API)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n    /**\r\n   * Archieve campaign list\r\n   * @param {*} args Queries to filter the list\r\n   */\r\n  GetBookmarkedCampaigns(args = null) {\r\n    let API = `nexlaw?bookmarked=1`;\r\n\r\n    if (args) {\r\n      const queryString = Object.entries(args)\r\n        .map(([k, v]) => {\r\n          if (Array.isArray(v)) {\r\n            // If it's an array, format each element with `[]` for multi types\r\n            return v.map(item => `${k}[]=${item}`).join('&');\r\n          } else {\r\n            // If it's a single type, format as a normal key-value pair\r\n            return `${k}=${v}`;\r\n          }\r\n        })\r\n        .join('&');\r\n\r\n      // Append the query string to the API URL\r\n      API += `&` + queryString;\r\n    }\r\n\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(API)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n  \r\n\r\n  /**\r\n   * Permanently delete a campaign\r\n   * @param {*} id Campaign ID\r\n   */\r\n  DeleteCampaign(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .delete(`nexlaw/${id}/delete`)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  /**\r\n   * Bookmark campaign\r\n   * @param {*} id Campaign ID\r\n   */\r\n      BookmarkCampaign(id) {\r\n        return new Promise((resolve, reject) => {\r\n          axios\r\n            .post(`nexlaw/${id}/bookmark`)\r\n            .then((response) => { resolve(response); })\r\n            .catch((error) => { reject(error); });\r\n        });\r\n      },\r\n      \r\n\r\n  /**\r\n   * Move campaign into `Archived Campaigns`\r\n   * @param {*} id Campaign ID\r\n   */\r\n  ArchiveCampaign(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`nexlaw/${id}/archive`)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  /**\r\n   * Unarchive campaign\r\n   * @param {*} id Campaign ID\r\n   */\r\n  UnarchiveCampaign(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`nexlaw/${id}/unarchive`)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  /**\r\n   * Unbookmark campaign\r\n   * @param {*} id Campaign ID\r\n   */\r\n  UnbookmarkCampaign(id) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`nexlaw/${id}/unbookmark`)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { reject(error); });\r\n    });\r\n  },\r\n\r\n  ActivityLog(args = null) {\r\n    let API = `nexlaw`;\r\n\r\n    if (args) {\r\n      const queryString = Object.entries(args)\r\n        .map(([k, v]) => Array.isArray(v) \r\n          ? v.map(item => `${k}[]=${item}`).join('&') \r\n          : `${k}=${v}`\r\n        )\r\n        .join('&');\r\n\r\n      API += `?` + queryString;\r\n    }\r\n\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(API)\r\n        .then((response) => { resolve(response); })\r\n        .catch((error) => { 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!./main.vue?vue&type=style&index=0&id=9fbcb944&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/empty.2638aab4.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_c('div',{staticClass:\"container\"},[(!_vm.hasData)?_c('div',{staticClass:\"empty-state\"},[_c('img',{attrs:{\"src\":_vm.emptyImg,\"alt\":\"No Bookmarks\"}}),_c('p',[_vm._v(\"No Bookmarks Yet!\")]),_c('p',[_vm._v(\" It looks like you haven't archived any files or matters. Start exploring and archive your favorites for quick access. \")])]):_vm._e(),_c('div',{staticClass:\"cards-grid mt-4\"},[_c('div',{staticClass:\"bookmark-grid\"},_vm._l((_vm.archives),function(item,index){return _c('div',{key:index,staticClass:\"bookmark-item\",class:{ 'loading-background': _vm.pageLoading },on:{\"click\":function($event){return _vm.navigateTo(item.routeName)}}},[_c('div',{staticClass:\"icon-wrapper\"},[_c('span',{staticClass:\"material-symbols-rounded icon\",class:{ 'fade-out': _vm.pageLoading },style:({ color: item.color, background: item.background })},[_vm._v(\" \"+_vm._s(item.icon)+\" \")]),_c('span',{staticClass:\"count\",class:{ 'fade-out': _vm.pageLoading }},[_vm._v(\" \"+_vm._s(item.count || 0)+\" \")])]),_c('div',{staticClass:\"bookmark-details mt-4\",class:{ 'fade-out': _vm.pageLoading }},[_c('p',[_vm._v(_vm._s(item.title))])])])}),0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"Header\"}},[_c('h3',[_vm._v(\"Archive Page\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"Header\">\r\n      <h3>Archive Page</h3>\r\n    </div>\r\n    <div class=\"container\">\r\n      <!-- Empty State -->\r\n      <div v-if=\"!hasData\" class=\"empty-state\">\r\n        <img :src=\"emptyImg\" alt=\"No Bookmarks\" />\r\n        <p>No Bookmarks Yet!</p>\r\n        <p>\r\n          It looks like you haven't archived any files or matters.\r\n          Start exploring and archive your favorites for quick access.\r\n        </p>\r\n      </div>\r\n      <!-- Cards Grid -->\r\n      <div class=\"cards-grid mt-4\">\r\n        <div class=\"bookmark-grid\">\r\n          <div v-for=\"(item, index) in archives\" :key=\"index\" class=\"bookmark-item\" @click=\"navigateTo(item.routeName)\"\r\n            :class=\"{ 'loading-background': pageLoading }\">\r\n            <div class=\"icon-wrapper\">\r\n              <span class=\"material-symbols-rounded icon\" :style=\"{ color: item.color, background: item.background }\"\r\n                :class=\"{ 'fade-out': pageLoading }\">\r\n                {{ item.icon }}\r\n              </span>\r\n              <span class=\"count\" :class=\"{ 'fade-out': pageLoading }\">\r\n                {{ item.count || 0 }}\r\n              </span>\r\n            </div>\r\n            <div class=\"bookmark-details mt-4\" :class=\"{ 'fade-out': pageLoading }\">\r\n              <p>{{ item.title }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport emptyImg from '@/assets/misc/empty.svg';\r\nimport general from '../../store/general';\r\nexport default {\r\n  data() {\r\n    return {\r\n      pageLoading: true,\r\n      emptyImg,\r\n      archives: [\r\n        {\r\n          title: 'Legal AI Trial Copilot',\r\n          count: 0,\r\n          icon: 'gavel',\r\n          routeName: 'ArchieveCopilot',\r\n          color: \"#1890FF\",\r\n          background: 'rgba(16, 137, 255, 0.1)',\r\n          types: ['les']\r\n        },\r\n        {\r\n          title: 'Legal Advice',\r\n          count: 0,\r\n          icon: 'contract',\r\n          routeName: 'ArchieveAdvice',\r\n          color: \"#FAAD14\",\r\n          background: 'rgba(255, 163, 25, 0.1)',\r\n          types: ['argument', 'memo']\r\n        },\r\n        {\r\n          title: 'Case Law Summarizer',\r\n          count: 0,\r\n          icon: 'description',\r\n          routeName: 'ArchieveSummarizer',\r\n          color: \"#FF4D4F\",\r\n          background: 'rgba(240, 87, 87, 0.1)',\r\n          types: ['case_summarizer']\r\n        },\r\n        {\r\n          title: 'Legal Research',\r\n          count: 0,\r\n          icon: 'find_in_page',\r\n          routeName: 'ArchieveResearch',\r\n          color: \"#383A3E\",\r\n          background: 'rgba(15, 50, 82, 0.1)',\r\n          types: ['statement', 'legislation']\r\n        }\r\n      ]\r\n\r\n    };\r\n  },\r\n  computed: {\r\n    hasData() {\r\n      return this.archives.length > 0;\r\n    },\r\n  },\r\n  methods: {\r\n    updateArchieveCounts() {\r\n      this.archives.forEach((archives) => {\r\n        const args = { types: archives.types };\r\n        general.GetArchivedCampaigns(args)\r\n          .then((response) => {\r\n            const data = response.data.data;\r\n            archives.count = data.total;\r\n            this.pageLoading = false;\r\n\r\n          })\r\n          .catch((error) => {\r\n            console.error(\"Failed to fetch archived campaigns\", error);\r\n          });\r\n      });\r\n    },\r\n\r\n    navigateTo(routeName) {\r\n      this.$router.push({ name: routeName });\r\n    },\r\n  },\r\n  created() {\r\n    this.updateArchieveCounts();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n#Header {\r\n  margin: -20px -20px 0px -20px;\r\n  padding: 16px 20px;\r\n  height: 72px;\r\n  display: flex;\r\n  align-items: center;\r\n  background-color: white;\r\n}\r\n\r\n.container {\r\n  padding: 20px;\r\n}\r\n\r\n.empty-state {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  height: 60vh;\r\n  /* Adjust as needed */\r\n}\r\n\r\n.empty-state img {\r\n  width: 150px;\r\n  /* Adjust size as needed */\r\n  margin-bottom: 20px;\r\n}\r\n</style>\r\n<style scoped>\r\n.bookmark-page {\r\n  padding: 20px;\r\n}\r\n\r\nh2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.bookmark-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.bookmark-item {\r\n  height: 143px;\r\n  background: var(--White, #FFF);\r\n  border-radius: 8px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  padding: 20px;\r\n  cursor: pointer;\r\n}\r\n\r\n.icon-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.icon-wrapper img {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.bookmark-details p {\r\n  color: var(--Neutral-Black, #383A3E);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  margin: 0 0 5px;\r\n}\r\n\r\n.count {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n}\r\n\r\n.bookmark-item {\r\n  background-color: #ffffff;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.loading-background {\r\n  background-color: #f3f3f3;\r\n}\r\n\r\n.icon {\r\n  padding: 8px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.fade-out {\r\n  opacity: 0;\r\n  transform: scale(0.95) translateY(10px);\r\n  transition: opacity 0.5s ease, transform 0.5s ease;\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!./main.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!./main.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=9fbcb944&scoped=true\"\nimport script from \"./main.vue?vue&type=script&lang=js\"\nexport * from \"./main.vue?vue&type=script&lang=js\"\nimport style0 from \"./main.vue?vue&type=style&index=0&id=9fbcb944&prod&scoped=true&lang=css\"\nimport style1 from \"./main.vue?vue&type=style&index=1&id=9fbcb944&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  \"9fbcb944\",\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!./main.vue?vue&type=style&index=1&id=9fbcb944&prod&scoped=true&lang=css\""],"sourceRoot":""}