{"version":3,"sources":["webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue?c026","webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue?8bbf","webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue","webpack:///src/Pages/Mode/LegalMemo/legal_memo.vue","webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue?565b","webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue?4202","webpack:///./src/Pages/Mode/LegalMemo/legal_memo.vue?5549"],"names":["render","_vm","this","_c","_self","staticClass","_m","on","toggleSidebar","_v","goBack","staticStyle","attrs","directives","name","rawName","value","askQuestion","expression","domProps","$event","target","composing","_s","getWordCount","finding","getFile","getJurisdiction","getQuery","class","isAllFieldValid","isSubmitting","generateMemo","_e","sidebarCollapsed","staticRenderFns","components","UploadFiles","sidebar","data","loading","lawbotVisible","isCountry","legalQuery","files","countryMapping","MY","AUS","CAN","NZ","UK","US","SG","USA","jurisdiction","computed","mapState","storeLegalQuery","state","filteredCountryImages","Object","entries","countryImages","filter","countryCode","reduce","acc","key","keys","length","trim","mounted","setTimeout","methods","text","query","$router","push","toggleCountry","showAttachModal","$bvModal","show","hideAttachModal","hide","file","console","log","formData","FormData","$toast","error","forEach","index","append","country","locations","localStorage","getItem","JSON","parse","foundLocation","find","x","title","stringify","id","response","usecase","CreateUsecase","success","params","component"],"mappings":"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","file":"js/chunk-92030a94.d56ed884.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!./legal_memo.vue?vue&type=style&index=2&id=5874f92c&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!./legal_memo.vue?vue&type=style&index=0&id=5874f92c&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"breadcrumb_header\"},[_vm._m(0),_c('div',[_c('button',{staticClass:\"open_sidebar me-2\",on:{\"click\":_vm.toggleSidebar}},[_c('span',{staticClass:\"material-symbols-rounded icon\"},[_vm._v(\"keyboard_double_arrow_left\")]),_c('p',[_vm._v(\"Open Sidebar\")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-1 mt-3 p-0\"},[_c('div',{staticClass:\"d-flex justify-content-end cursor-pointer back\",on:{\"click\":_vm.goBack}},[_c('span',{staticClass:\"material-symbols-rounded\",staticStyle:{\"margin\":\"0\"}},[_vm._v(\"arrow_back\")]),_c('span',{staticStyle:{\"margin\":\"0 0 0 8px\"}},[_vm._v(\"Back\")])])]),_c('div',{staticClass:\"col-md-10 mt-5 p-0\"},[_c('div',{staticClass:\"left-container mt-3\"},[_vm._m(1),_c('section',{staticClass:\"query-section\"},[_c('article',{staticClass:\"case-file mb-4\"},[_c('h5',{staticClass:\"case-file-title mb-2\"},[_vm._v(\"Ask NeXa\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"searchbar\"},[_c('form',{staticClass:\"entry\"},[_c('label',{staticClass:\"visually-hidden\",attrs:{\"for\":\"legal-question\"}},[_vm._v(\"Analyze the enforceability of the non-compete clause\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.askQuestion),expression:\"askQuestion\"}],staticClass:\"legal-input\",attrs:{\"type\":\"text\",\"id\":\"legal-question\",\"placeholder\":\"Analyze the enforceability of the non-compete clause\",\"aria-label\":\"Analyze the enforceability of the non-compete clause\"},domProps:{\"value\":(_vm.askQuestion)},on:{\"input\":function($event){if($event.target.composing)return;_vm.askQuestion=$event.target.value}}})]),_c('div',{staticClass:\"char-count\"},[_vm._v(\" \"+_vm._s(_vm.getWordCount(_vm.askQuestion))+\" / 3000 \")])])])]),_c('article',{staticClass:\"case-file\"},[_c('h5',{staticClass:\"case-file-title mb-2\"},[_vm._v(\"Findings\")]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"searchbar\"},[_c('form',{staticClass:\"entry\"},[_c('label',{staticClass:\"visually-hidden\",attrs:{\"for\":\"legal-question\"}},[_vm._v(\"Enter Key Findings or Points e.g., Party B failed to deliver on specific dates, causing financial loss.\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.finding),expression:\"finding\"}],staticClass:\"legal-input\",attrs:{\"type\":\"text\",\"id\":\"legal-question\",\"placeholder\":\"Enter Key Findings or Points e.g., Party B failed to deliver on specific dates, causing financial loss.\",\"aria-label\":\"Enter Key Findings or Points e.g., Party B failed to deliver on specific dates, causing financial loss.\"},domProps:{\"value\":(_vm.finding)},on:{\"input\":function($event){if($event.target.composing)return;_vm.finding=$event.target.value}}})]),_c('div',{staticClass:\"char-count\"},[_vm._v(\" \"+_vm._s(_vm.getWordCount(_vm.finding))+\" / 3000 \")])])])])]),_c('section',{staticClass:\"upload-container\"},[_vm._m(2),_c('UploadFiles',{attrs:{\"not-send\":\"\",\"only-file\":\"\"},on:{\"get-file\":_vm.getFile,\"get-jurisdiction\":_vm.getJurisdiction,\"get-query\":_vm.getQuery}})],1),_c('div',{staticClass:\"footer-upload\"},[_c('button',{class:{\n              'button-generate': _vm.isAllFieldValid,\n              'button-generate-muted': !_vm.isAllFieldValid,\n            },staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"gap\":\"8px\"},attrs:{\"disabled\":!_vm.isAllFieldValid || _vm.isSubmitting},on:{\"click\":_vm.generateMemo}},[_vm._v(\" Generate Insight \"),(_vm.isSubmitting)?_c('b-spinner',{staticClass:\"material-symbols-rounded\",staticStyle:{\"scale\":\"0.75\"},attrs:{\"variant\":\"primary\"}}):_vm._e()],1)])])]),(_vm.sidebarCollapsed)?_c('sidebar',{directives:[{name:\"clickaway\",rawName:\"v-clickaway\",value:(_vm.toggleSidebar),expression:\"toggleSidebar\"}],on:{\"toggle-sidebar\":_vm.toggleSidebar}}):_vm._e()],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"breadcrumb ms-2\"},[_c('h4',{staticStyle:{\"margin\":\"0\",\"padding-left\":\"10px\"}},[_vm._v(\"NeXa\")]),_c('span',{staticClass:\"divider\"}),_c('span',[_vm._v(\"Draft a Legal Memo\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tabs\"},[_c('h5',{staticClass:\"tabs-title\"},[_vm._v(\"Draft a Legal Memo\")]),_c('p',{staticClass:\"tabs-description\"},[_vm._v(\" Enter your legal question, and NeXa will help you create a detailed memo using case law and statutes. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"upload-header\"},[_c('h5',{staticClass:\"case-file-title mb-2\"},[_vm._v(\"Upload Files\")]),_c('span',{staticClass:\"upload-description\"},[_vm._v(\"Upload any supporting documents to enhance your memo.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"breadcrumb_header\">\r\n      <div class=\"breadcrumb ms-2\">\r\n        <h4 style=\"margin: 0; padding-left: 10px\">NeXa</h4>\r\n        <span class=\"divider\"></span>\r\n        <span>Draft a Legal Memo</span>\r\n      </div>\r\n\r\n      <div>\r\n        <button class=\"open_sidebar me-2\" @click=\"toggleSidebar\">\r\n          <span class=\"material-symbols-rounded icon\">keyboard_double_arrow_left</span>\r\n          <p>Open Sidebar</p>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-1 mt-3 p-0\">\r\n        <div class=\"d-flex justify-content-end cursor-pointer back\" @click=\"goBack\">\r\n          <span class=\"material-symbols-rounded\" style=\"margin: 0\">arrow_back</span>\r\n          <span style=\"margin: 0 0 0 8px\">Back</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-10 mt-5 p-0\">\r\n        <div class=\"left-container mt-3\">\r\n          <section class=\"tabs\">\r\n            <h5 class=\"tabs-title\">Draft a Legal Memo</h5>\r\n            <p class=\"tabs-description\">\r\n              Enter your legal question, and NeXa will help you create a\r\n              detailed memo using case law and statutes.\r\n            </p>\r\n          </section>\r\n\r\n          <section class=\"query-section\">\r\n            <article class=\"case-file mb-4\">\r\n              <h5 class=\"case-file-title mb-2\">Ask NeXa</h5>\r\n              <div class=\"content\">\r\n                <div class=\"searchbar\">\r\n                  <form class=\"entry\">\r\n                    <label for=\"legal-question\" class=\"visually-hidden\">Analyze the enforceability of the non-compete\r\n                      clause</label>\r\n                    <input type=\"text\" id=\"legal-question\" v-model=\"askQuestion\" class=\"legal-input\"\r\n                      placeholder=\"Analyze the enforceability of the non-compete clause\"\r\n                      aria-label=\"Analyze the enforceability of the non-compete clause\" />\r\n                  </form>\r\n                  <div class=\"char-count\">\r\n                    {{ getWordCount(askQuestion) }} / 3000\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </article>\r\n            <article class=\"case-file\">\r\n              <h5 class=\"case-file-title mb-2\">Findings</h5>\r\n              <div class=\"content\">\r\n                <div class=\"searchbar\">\r\n                  <form class=\"entry\">\r\n                    <label for=\"legal-question\" class=\"visually-hidden\">Enter Key Findings or Points e.g., Party B\r\n                      failed to\r\n                      deliver on specific dates, causing financial loss.</label>\r\n                    <input type=\"text\" v-model=\"finding\" id=\"legal-question\" class=\"legal-input\"\r\n                      placeholder=\"Enter Key Findings or Points e.g., Party B failed to deliver on specific dates, causing financial loss.\"\r\n                      aria-label=\"Enter Key Findings or Points e.g., Party B failed to deliver on specific dates, causing financial loss.\" />\r\n                  </form>\r\n                  <div class=\"char-count\">\r\n                    {{ getWordCount(finding) }} / 3000\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </article>\r\n          </section>\r\n\r\n          <section class=\"upload-container\">\r\n            <div class=\"upload-header\">\r\n              <h5 class=\"case-file-title mb-2\">Upload Files</h5>\r\n              <span class=\"upload-description\">Upload any supporting documents to enhance your memo.</span>\r\n            </div>\r\n\r\n            <UploadFiles @get-file=\"getFile\" @get-jurisdiction=\"getJurisdiction\" @get-query=\"getQuery\" not-send\r\n              only-file />\r\n\r\n            <!-- <UploadFiles\r\n            @get-file=\"getFile\"\r\n            @get-jurisdiction=\"getJurisdiction\"\r\n            @get-query=\"getQuery\"\r\n            not-send\r\n            multiple-jurisdiction\r\n          /> -->\r\n          </section>\r\n          <div class=\"footer-upload\">\r\n            <button :disabled=\"!isAllFieldValid || isSubmitting\" style=\"display: flex; align-items: center; gap: 8px\"\r\n              :class=\"{\r\n                'button-generate': isAllFieldValid,\r\n                'button-generate-muted': !isAllFieldValid,\r\n              }\" @click=\"generateMemo\">\r\n              Generate Insight\r\n              <b-spinner v-if=\"isSubmitting\" variant=\"primary\" style=\"scale: 0.75\" class=\"material-symbols-rounded\" />\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <sidebar v-clickaway=\"toggleSidebar\" v-if=\"sidebarCollapsed\" @toggle-sidebar=\"toggleSidebar\"></sidebar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport sidebar from \"@/Pages/Mode/sidebar.vue\";\r\nimport UploadFiles from \"@/components/input/UploadFiles.vue\";\r\nimport { getWordCount } from \"@/store/utils.js\";\r\nimport usecase from \"@/store/usecase.js\";\r\nimport { mapState } from \"vuex\";\r\nexport default {\r\n  components: {\r\n    UploadFiles,\r\n    sidebar,\r\n  },\r\n  data() {\r\n    return {\r\n      isSubmitting: false,\r\n      loading: true,\r\n      sidebarCollapsed: false,\r\n      lawbotVisible: false,\r\n      isCountry: false,\r\n      legalQuery: \"\",\r\n      files: [[], [], []],\r\n      countryMapping: {\r\n        MY: \"Malaysia\",\r\n        AUS: \"Australia\",\r\n        CAN: \"Canada\",\r\n        NZ: \"New Zealand\",\r\n        UK: \"United Kingdom\",\r\n        US: \"United States\",\r\n        SG: \"Singapore\",\r\n        USA: \"USA\",\r\n      },\r\n      askQuestion: \"\",\r\n      finding: \"\",\r\n      jurisdiction: {},\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      storeLegalQuery: (state) => state.legalQuery,\r\n    }),\r\n\r\n    filteredCountryImages() {\r\n      return Object.entries(this.countryImages)\r\n        .filter(([countryCode]) => countryCode !== \"USA\")\r\n        .reduce((acc, [key, value]) => {\r\n          acc[key] = value;\r\n          return acc;\r\n        }, {});\r\n    },\r\n    isAllFieldValid() {\r\n      return Object.keys(this.jurisdiction).length > 0 &&\r\n        this.askQuestion.trim() &&\r\n        this.finding.trim()\r\n        ? true\r\n        : false;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.askQuestion = this.storeLegalQuery;\r\n    setTimeout(() => {\r\n      this.loading = false;\r\n    }, 7000);\r\n  },\r\n  methods: {\r\n    toggleSidebar() {\r\n      this.sidebarCollapsed = !this.sidebarCollapsed;\r\n    },\r\n    getWordCount(text) {\r\n      return getWordCount(text);\r\n    },\r\n    getQuery(query) {\r\n      this.askQuestion = query;\r\n    },\r\n    goBack() {\r\n      this.$router.push({ name: \"ExpertMode\" });\r\n    },\r\n    toggleCountry() {\r\n      this.isCountry = !this.isCountry;\r\n    },\r\n    showAttachModal() {\r\n      this.$bvModal.show(\"attachfile\");\r\n    },\r\n    hideAttachModal() {\r\n      this.$bvModal.hide(\"attachfile\");\r\n    },\r\n\r\n    getFile(file) {\r\n      console.log(\"from legal memo\");\r\n      console.log(file);\r\n      this.files = file;\r\n    },\r\n    getJurisdiction(jurisdiction) {\r\n      const keys = Object.keys(jurisdiction);\r\n      const key = keys[0];\r\n\r\n      this.jurisdiction = {\r\n        [this.countryMapping[key]]: jurisdiction[key],\r\n      };\r\n    },\r\n\r\n    async generateMemo() {\r\n      this.isSubmitting = true;\r\n      try {\r\n        const formData = new FormData();\r\n        if (this.files[2] && this.files[2].length < 0) {\r\n          this.$toast.error(\"Please upload at least one file.\");\r\n          return;\r\n        }\r\n        this.files[2].forEach((file, index) => {\r\n          formData.append(`question_doc[${index}]`, file.file);\r\n        });\r\n\r\n        const country = Object.keys(this.jurisdiction)[0];\r\n        const locations = localStorage.getItem(\"locations\")\r\n          ? JSON.parse(localStorage.getItem(\"locations\"))\r\n          : [];\r\n        const foundLocation = locations.find((x) => x.title === country);\r\n\r\n        formData.append(\"jurisdiction\", JSON.stringify(this.jurisdiction));\r\n        formData.append(\"question\", this.askQuestion);\r\n        formData.append(\"findings\", this.finding);\r\n        formData.append(\"language\", \"en\");\r\n        formData.append(\"location_id\", foundLocation.id);\r\n        formData.append(\"type\", \"build_memo\");\r\n        const response = await usecase.CreateUsecase(formData);\r\n        if (response.data) {\r\n          this.$toast.success(\"Successfully\");\r\n          this.$router.push({\r\n            name: \"BuildMemoResult\",\r\n            params: { id: response.data.data.id },\r\n          });\r\n        }\r\n      } catch (error) {\r\n        this.isSubmitting = false;\r\n        this.$toast.error(\"Failed to upload files or generate insights.\");\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.footer-upload {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  gap: 0.625rem;\r\n  align-self: stretch;\r\n}\r\n\r\n.button-generate {\r\n  border-radius: 4px;\r\n  background: var(--Primary-Blue, #0e4485);\r\n  background-color: var(--Primary-Blue, #0e4485);\r\n  margin-top: 32px;\r\n  gap: 8px;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n  color: var(--Neutral-White, #fff);\r\n  font-weight: 500;\r\n  padding: 4px 16px;\r\n}\r\n\r\n.button-generate-muted {\r\n  border-radius: 4px;\r\n  color: var(--Neutral-Mid-Grey, #d1d2d5);\r\n  background: rgba(14, 68, 133, 0.1);\r\n  margin-top: 32px;\r\n  gap: 8px;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n  color: var(--Neutral-White, #fff);\r\n  font-weight: 500;\r\n  padding: 4px 16px;\r\n}\r\n\r\n.upload-container {\r\n  margin-top: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  width: 100%;\r\n}\r\n\r\n.page-content {\r\n  padding: 0;\r\n}\r\n\r\n.breadcrumb_header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  height: 68px;\r\n  background: #fff;\r\n  /* padding: 5px; */\r\n  align-items: center;\r\n}\r\n\r\n.breadcrumb {\r\n  display: flex;\r\n  align-items: center;\r\n  margin: auto 0;\r\n\r\n  span {\r\n    font-size: 14px;\r\n    color: var(--dark-grey) !important;\r\n  }\r\n}\r\n\r\n.open_sidebar {\r\n  display: flex;\r\n  padding: 4px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  /* Ensure vertical alignment */\r\n  gap: 8px;\r\n  border-radius: 4px;\r\n  background: var(--primary);\r\n}\r\n\r\n.open_sidebar span {\r\n  color: #fff;\r\n  display: flex;\r\n  /* Ensure icon is aligned vertically */\r\n  align-items: center;\r\n  /* Align icon vertically within span */\r\n}\r\n\r\n.open_sidebar p {\r\n  color: #fff !important;\r\n  margin: 0;\r\n  /* Remove any default margin to align the text properly */\r\n  line-height: 1;\r\n  /* Ensure text has the same line height as the icon */\r\n  display: flex;\r\n  align-items: center;\r\n  /* Align text vertically */\r\n}\r\n\r\n.divider {\r\n  display: inline-block;\r\n  margin: 0px 16px;\r\n  width: 1px;\r\n  height: 32px;\r\n  background-color: var(--mid-grey);\r\n}\r\n\r\n.back {\r\n  color: var(--primary) !important;\r\n  font-weight: 500;\r\n  padding: 5px;\r\n}\r\n\r\n.col-md-10 {\r\n  max-height: 100vh;\r\n  /* Ensure it doesn’t exceed the viewport height */\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.left-container {\r\n  border-radius: 8px;\r\n  background-color: #fff;\r\n  box-shadow: 0px 2px 4px rgba(170, 171, 175, 0.6);\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 22px 24px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .left-container {\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-family: Poppins, sans-serif;\r\n  justify-content: center;\r\n}\r\n\r\n.tabs-title {\r\n  color: #0e4485;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 28px;\r\n}\r\n\r\n.tabs-description {\r\n  color: #86888d;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.query-section {\r\n  margin-top: 32px;\r\n  font: 16px/28px Poppins, sans-serif;\r\n}\r\n\r\n.case-file {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: #383a3e;\r\n  font-weight: 500;\r\n  justify-content: center;\r\n}\r\n\r\n.overlay-container {\r\n  width: 25%;\r\n  position: fixed;\r\n  top: 8.7vh;\r\n  right: 0;\r\n  z-index: 1000;\r\n\r\n  height: 100vh;\r\n}\r\n\r\n.case-file-title {\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.content {\r\n  color: #d1d2d5;\r\n  font-weight: 400;\r\n}\r\n\r\n.searchbar {\r\n  border: 1px solid #f2f3f3;\r\n  border-radius: 8px;\r\n  background-color: #fafbfc;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 22px 24px;\r\n}\r\n\r\n.entry {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.legal-input {\r\n  background: none;\r\n  width: 100%;\r\n}\r\n\r\n.line {\r\n  border: 1px solid #000;\r\n  height: 28px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.char-count {\r\n  align-self: end;\r\n  margin-top: 40px;\r\n}\r\n\r\n.upload-file {\r\n  margin-top: 32px;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.upload-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: #383a3e;\r\n  font: 500 16px/28px Poppins, sans-serif;\r\n}\r\n\r\n.upload-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.upload-description {\r\n  color: #86888d;\r\n  font: 400 12px/24px Poppins, sans-serif;\r\n}\r\n\r\n.upload {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.upload-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: 1px dashed #d1d2d5;\r\n  border-radius: 8px;\r\n  background-color: #fafbfc;\r\n  min-width: 240px;\r\n  padding: 27px 80px;\r\n}\r\n\r\n.upload-figure {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.upload-image {\r\n  width: 32px;\r\n  aspect-ratio: 1;\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n.upload-caption {\r\n  color: #0e4485;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  margin-top: 5px;\r\n}\r\n\r\n.upload-choose-file {\r\n  color: #0e4485;\r\n}\r\n\r\n.upload-file-format {\r\n  color: #86888d;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  margin-top: 5px;\r\n}\r\n\r\n.upload-instruction {\r\n  background-color: #fafbfc;\r\n  border-radius: 8px;\r\n  min-width: 240px;\r\n  padding: 58px 70px;\r\n  box-shadow: 0px 0px 4px rgba(242, 243, 243);\r\n  color: #86888d;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.storage-info {\r\n  color: #86888d;\r\n  font: 400 12px/24px Poppins, sans-serif;\r\n  margin-top: 8px;\r\n}\r\n\r\n.folder-creation {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 8px;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  justify-content: flex-start;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.toggle {\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n\r\n.toggle-switch {\r\n  width: 40px;\r\n  height: 20px;\r\n  border-radius: 100px;\r\n  background-color: #d1d2d5;\r\n  position: relative;\r\n}\r\n\r\n.toggle-checkbox {\r\n  opacity: 0;\r\n  position: absolute;\r\n}\r\n\r\n.toggle-checkbox:checked+.toggle-switch {\r\n  background-color: #0e4485;\r\n}\r\n\r\n.toggle-checkbox:checked+.toggle-switch::before {\r\n  transform: translateX(20px);\r\n}\r\n\r\n.toggle-switch::before {\r\n  content: \"\";\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 100px;\r\n  background-color: #fff;\r\n  position: absolute;\r\n  transition: transform 0.3s;\r\n  box-shadow: 0px 2px 4px rgba(39, 39, 39, 0.1);\r\n}\r\n\r\n.toggle-label {\r\n  font: 400 14px/24px Poppins, sans-serif;\r\n  color: #383a3e;\r\n}\r\n\r\n.generate-button {\r\n  align-self: end;\r\n  border-radius: 4px;\r\n  background-color: rgba(14, 68, 133, 0.1);\r\n  color: #d1d2d5;\r\n  padding: 4px 16px;\r\n  margin-top: 32px;\r\n  font: 500 16px Poppins, sans-serif;\r\n}\r\n</style>\r\n<style scoped>\r\n.uploads {\r\n  background-color: #fff;\r\n  padding: 24px;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 10px rgba(227, 229, 235, 0.6);\r\n  margin-top: 24px;\r\n\r\n  h5 {\r\n    color: var(--Primary-Blue, #0e4485) !important;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    line-height: 28px;\r\n  }\r\n}\r\n\r\n.sub-title {\r\n  color: var(--Neutral-Dark-Grey, #86888d);\r\n  font-size: 12px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  /* 200% */\r\n}\r\n\r\n.right-container {\r\n  height: 182px;\r\n  display: flex;\r\n  padding: 0px 53px 0px 99px;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  flex: 1 0 0;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Interface-Grey, #fafbfc);\r\n  box-shadow: 0px 0px 4px 0px #f2f3f3;\r\n\r\n  p {\r\n    color: var(--Neutral-Dark-Grey, #86888d) !important;\r\n\r\n    /* Small Paragraph */\r\n    font-family: Poppins;\r\n    font-size: 12px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    /* 200% */\r\n  }\r\n}\r\n\r\n.toggle {\r\n  display: flex;\r\n  width: 40px;\r\n}\r\n\r\n.switch {\r\n  flex-grow: 1;\r\n  background: var(--Neutral-Mid-Grey, #d1d2d5);\r\n  border-radius: 100px;\r\n  padding: 2px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.button {\r\n  width: 16px;\r\n  height: 16px;\r\n  background: var(--Neutral-White, #fff);\r\n  border-radius: 100px;\r\n  box-shadow: 0 2px 4px rgba(39, 39, 39, 0.1);\r\n}\r\n\r\n.swift:hover {\r\n  background: rgba(24, 144, 255, 0.1);\r\n  display: flex;\r\n  border-radius: 4px;\r\n  padding: 8px 16px;\r\n  align-items: center;\r\n  gap: 8px;\r\n  align-self: stretch;\r\n}\r\n\r\n.upload {\r\n  border-radius: 4px;\r\n  background: rgba(14, 68, 133, 0.1);\r\n  display: flex;\r\n  padding: 4px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--mid-grey);\r\n}\r\n\r\n.upload:hover {\r\n  background: var(--primary);\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!./legal_memo.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!./legal_memo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./legal_memo.vue?vue&type=template&id=5874f92c&scoped=true\"\nimport script from \"./legal_memo.vue?vue&type=script&lang=js\"\nexport * from \"./legal_memo.vue?vue&type=script&lang=js\"\nimport style0 from \"./legal_memo.vue?vue&type=style&index=0&id=5874f92c&prod&scoped=true&lang=css\"\nimport style1 from \"./legal_memo.vue?vue&type=style&index=1&id=5874f92c&prod&scoped=true&lang=css\"\nimport style2 from \"./legal_memo.vue?vue&type=style&index=2&id=5874f92c&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  \"5874f92c\",\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!./legal_memo.vue?vue&type=style&index=1&id=5874f92c&prod&scoped=true&lang=css\""],"sourceRoot":""}