{"version":3,"sources":["webpack:///./src/Pages/GettingStart/main.vue?96bd","webpack:///./src/Pages/GettingStart/main.vue","webpack:///src/Pages/GettingStart/main.vue","webpack:///./src/Pages/GettingStart/main.vue?cfe8","webpack:///./src/Pages/GettingStart/main.vue?a182"],"names":["render","_vm","this","_c","_self","staticClass","_m","isLoading","_v","videos","length","_l","video","key","id","on","$event","setCurrentVideo","_s","icon","title","currentVideo","ref","attrs","handleVideoError","getVideoSrc","file","nextVideo","_e","staticRenderFns","data","mounted","fetchVideos","methods","setTimeout","$refs","videoPlayer","load","currentIndex","findIndex","nextIndex","startsWith","console","error","alert","component"],"mappings":"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","file":"js/chunk-42610d89.fe0296ec.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!./main.vue?vue&type=style&index=0&id=0d58fc44&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main-container\"},[_vm._m(0),(_vm.isLoading)?_c('div',{staticClass:\"content\"},[_vm._v(\" Loading videos... \")]):(!_vm.videos.length)?_c('div',{staticClass:\"content\"},[_vm._v(\" No videos available. \")]):_c('div',{staticClass:\"content\"},[_c('aside',{staticClass:\"sidebar\"},[_c('p',{staticClass:\"sidetext\"},[_vm._v(\"Explore with NexLaw\")]),_c('p',{staticClass:\"c_text\"},[_vm._v(\"Checkout these tutorial videos.\")]),_c('div',{staticClass:\"list mt-4\"},_vm._l((_vm.videos),function(video){return _c('div',{key:video.id,staticClass:\"con_v\",on:{\"click\":function($event){return _vm.setCurrentVideo(video)}}},[_c('span',{staticClass:\"material-symbols-rounded\"},[_vm._v(_vm._s(video.icon))]),_c('div',{staticClass:\"card_side\"},[_c('p',{staticClass:\"v-title\"},[_vm._v(_vm._s(video.title))]),_c('p',{staticClass:\"sub-title\"},[_vm._v(\"Welcome aboard to NexLaw\")])])])}),0)]),_c('section',{staticClass:\"video-section\"},[(_vm.currentVideo)?_c('div',{staticClass:\"video-display\"},[_c('div',{staticClass:\"video-item\"},[_c('span',{staticClass:\"material-symbols-rounded\"},[_vm._v(_vm._s(_vm.currentVideo.icon))]),_c('p',{staticClass:\"video-title mt-1\"},[_vm._v(_vm._s(_vm.currentVideo.title))])]),_c('video',{ref:\"videoPlayer\",attrs:{\"controls\":\"\"},on:{\"error\":_vm.handleVideoError}},[_c('source',{attrs:{\"src\":_vm.getVideoSrc(_vm.currentVideo.file),\"type\":\"video/mp4\"}}),_vm._v(\" Your browser does not support the video tag. \")]),_c('button',{staticClass:\"next-btn\",attrs:{\"aria-label\":\"Next Video\"},on:{\"click\":_vm.nextVideo}},[_c('span',{staticClass:\"next-text\"},[_vm._v(\"Next\")]),_c('span',{staticClass:\"material-symbols-rounded arrow-icon\"},[_vm._v(\"chevron_right\")])])]):_vm._e()])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"nav\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"Welcome to NexLaw!\")]),_c('p',[_vm._v(\"Discover how to get started by watching our onboarding videos.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main-container\">\r\n    <!-- Navigation Section -->\r\n    <div class=\"nav\">\r\n      <p class=\"title\">Welcome to NexLaw!</p>\r\n      <p>Discover how to get started by watching our onboarding videos.</p>\r\n    </div>\r\n\r\n    <!-- Loading and No Videos Section -->\r\n    <div class=\"content\" v-if=\"isLoading\">\r\n      Loading videos...\r\n    </div>\r\n    <div class=\"content\" v-else-if=\"!videos.length\">\r\n      No videos available.\r\n    </div>\r\n\r\n    <!-- Video List and Player Section -->\r\n    <div class=\"content\" v-else>\r\n      <!-- Sidebar: Video List -->\r\n      <aside class=\"sidebar\">\r\n        <p class=\"sidetext\">Explore with NexLaw</p>\r\n        <p class=\"c_text\">Checkout these tutorial videos.</p>\r\n\r\n        <!-- Video List -->\r\n        <div class=\"list mt-4\">\r\n          <div v-for=\"video in videos\" :key=\"video.id\" @click=\"setCurrentVideo(video)\" class=\"con_v\">\r\n            <span class=\"material-symbols-rounded\">{{ video.icon }}</span>\r\n            <div class=\"card_side\">\r\n              <p class=\"v-title\">{{ video.title }}</p>\r\n              <p class=\"sub-title\">Welcome aboard to NexLaw</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </aside>\r\n\r\n      <!-- Main Video Section -->\r\n      <section class=\"video-section\">\r\n        <div class=\"video-display\" v-if=\"currentVideo\">\r\n          <div class=\"video-item\">\r\n            <span class=\"material-symbols-rounded\">{{ currentVideo.icon }}</span>\r\n            <p class=\"video-title mt-1\">{{ currentVideo.title }}</p>\r\n          </div>\r\n\r\n          <!-- Video Player -->\r\n          <video ref=\"videoPlayer\" controls @error=\"handleVideoError\">\r\n            <source :src=\"getVideoSrc(currentVideo.file)\" type=\"video/mp4\">\r\n            Your browser does not support the video tag.\r\n          </video>\r\n\r\n          <!-- Next Video Button -->\r\n          <button @click=\"nextVideo\" class=\"next-btn\" aria-label=\"Next Video\">\r\n            <span class=\"next-text\">Next</span>\r\n            <span class=\"material-symbols-rounded arrow-icon\">chevron_right</span>\r\n          </button>\r\n\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      videos: [],\r\n      currentVideo: null,\r\n      isLoading: true,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    this.fetchVideos();\r\n  },\r\n\r\n  methods: {\r\n    // Simulate API Call to Fetch Videos\r\n    fetchVideos() {\r\n      setTimeout(() => {\r\n        this.videos = [\r\n          { id: 1, icon: 'flag', title: 'Welcome aboard to NexLaw', file: 'https://nexmind-public-resources.s3.ap-southeast-1.amazonaws.com/Nexlaw+Onboarding+Video.mp4' },\r\n          { id: 2, icon: 'grid_view', title: 'NexLaw Overview', file: 'https://nexmind-public-resources.s3.ap-southeast-1.amazonaws.com/v5/NexLaw+Video+-+Dashboard+Overview_V2.mp4'},\r\n          { id: 3, icon: 'gavel', title: 'Legal AI Trial Copilot', file: 'https://nexmind-public-resources.s3.ap-southeast-1.amazonaws.com/NexLaw+Video+-+Case+law+Search+2024.mp4' },\r\n          { id: 4, icon: 'balance', title: 'Law Features', file: 'https://nexmind-public-resources.s3.ap-southeast-1.amazonaws.com/NexLaw+Video+-+Legislation+Search_Jan+24.mp4' },\r\n          { id: 5, icon: 'settings', title: 'Other Configurations', file: 'https://nexmind-public-resources.s3.ap-southeast-1.amazonaws.com/NexLaw+Video+-+Legislation+Search_Jan+24.mp4' },\r\n        ];\r\n        this.currentVideo = this.videos[0]; // Set first video as default\r\n        this.isLoading = false;\r\n      }, 1000);\r\n    },\r\n\r\n    // Set the Current Video for Playback\r\n    setCurrentVideo(video) {\r\n      this.currentVideo = video;\r\n      this.$refs.videoPlayer.load(); // Reload video source\r\n    },\r\n\r\n    // Move to the Next Video\r\n    nextVideo() {\r\n      const currentIndex = this.videos.findIndex(video => video.id === this.currentVideo.id);\r\n      const nextIndex = (currentIndex + 1) % this.videos.length;\r\n      this.setCurrentVideo(this.videos[nextIndex]);\r\n    },\r\n\r\n    // Get Video Source Path\r\n    getVideoSrc(file) {\r\n      return file.startsWith('http') ? file : `path_to_video_files/${file}`;\r\n    },\r\n\r\n    // Handle Video Playback Errors\r\n    handleVideoError() {\r\n      console.error('Error loading video:', this.currentVideo.title);\r\n      alert('Sorry, the video could not be loaded. Please try another one.');\r\n      this.nextVideo();\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.main-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background: var(--interface-grey);\r\n}\r\n.page-content{\r\n  padding:0;\r\n}\r\n\r\n/* Navigation Bar */\r\n.nav {\r\n  width: 100%;\r\n  padding: 20px;\r\n  background: var(--dark-blue);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n\r\n.nav .title {\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  line-height: 48px;\r\n  color: #FFFFFF !important;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.nav p {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n/* Main Content */\r\n.content {\r\n  display: flex;\r\n  width: 100%;\r\n  max-width: 940px;\r\n  padding-top: 10%;\r\n}\r\n\r\n/* Sidebar */\r\n.sidebar {\r\n  width: 284px;\r\n  margin: 20px;\r\n}\r\n\r\n.sidetext {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  text-align: left;\r\n  color: var(--neutral-black);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.c_text {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  color: var(--dark-grey);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.list {\r\n  margin-top: 20px;\r\n}\r\n\r\n.list .con_v {\r\n  display: flex;\r\n  align-items: top;\r\n  justify-content: flex-start;\r\n  margin-bottom: 10px;\r\n  cursor: pointer;\r\n  border-radius: 8px;\r\n  transition: background 0.2s;\r\n}\r\n.con_v span {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 8px;\r\n  background: #FFFFFF;\r\n  box-shadow: 0px 4px 10px rgba(227, 229, 235, 0.6);\r\n  color: var(--dark-grey);\r\n  margin-right: 15px;\r\n  flex-shrink: 0;\r\n}\r\n.con_v:hover span {\r\n  color: #FFFFFF;\r\n  background: var(--primary) !important;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.con_v:hover .v-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  line-height: 28px;\r\n  color: var(--primary) !important;\r\n}\r\n\r\n.v-title {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  text-align: left;\r\n  margin-bottom: 4px;\r\n  color: var(--dark-grey) !important;\r\n}\r\n.sub-title{\r\n  color: var(--dark-grey) !important;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n/* Video Section */\r\n.video-section {\r\n  flex-grow: 1;\r\n  padding: 15px;\r\n  margin-left: 20px;\r\n  background: #FFFFFF;\r\n  border-radius: 16px;\r\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-bottom: 15%;\r\n}\r\n\r\n.video-display {\r\n  width: 100%;\r\n  max-width: 640px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.video-display p {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  margin-bottom: 10%;\r\n  color: var(--neutral-black);\r\n}\r\n\r\nvideo {\r\n  max-height: 324px;\r\n  max-width: 576px;\r\n  width: 100%;\r\n  border-radius: 16px;\r\n  margin-bottom: 15px;\r\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\nbutton {\r\n  padding: 10px 20px;\r\n  color: #FFFFFF;\r\n  border: none;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background 0.3s;\r\n}\r\n\r\nbutton:hover {\r\n  background-color: var(--hover-dark-blue);\r\n}\r\n.video-item {\r\n  display: flex;   \r\n  flex-direction: column; \r\n  justify-content: center;   \r\n  align-items: center;    \r\n  text-align: center;  \r\n}\r\n.next-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center; \r\n  padding: 10px 20px;\r\n  border: none;\r\n  color: white;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  background: var(--primary) !important;\r\n  height: 32px;\r\n}\r\n\r\n.next-text {\r\n  margin-right: 8px;\r\n}\r\n\r\n</style>\r\n\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!./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=0d58fc44&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=0d58fc44&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  \"0d58fc44\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}