{"version":3,"file":"AppLayout-0389c4e6.js","sources":["../../src/components/footer/CookieBanner.vue","../../src/assets/images/footer/australia.webp","../../src/components/footer/FooterMarketing.vue","../../src/services/feedback.service.ts","../../src/components/shared/feedback/LanguageFormComp.vue","../../src/components/header/auth/profile/ChangePasswordModel.vue","../../src/components/header/auth/profile/ChangeUserNameModel.vue","../../src/components/utils/InfoModel.vue","../../src/components/utils/ConfirmModel.vue","../../src/components/utils/AlertModel.vue","../../src/components/ide/ide/restrictions/ProjectLimitWarning.vue","../../src/assets/images/ide/ai/jdroid-small-star-1.svg","../../src/components/ide/ide/ai/launchPage/StartCodingModal.vue","../../src/assets/images/svg/AuthOnboarding/teacherOBBanner1.svg","../../src/assets/images/svg/AuthOnboarding/teacherOBBanner2.svg","../../src/assets/images/svg/AuthOnboarding/teacherOBBanner3.svg","../../src/assets/images/svg/AuthOnboarding/teacherOBBanner5.svg","../../src/components/header/auth/OnboardingFlow/constants/onboarding.constant.ts","../../src/components/header/auth/AuthOnboardingAdvBanner/OnboardingCard.vue","../../src/components/ide/ide/settings/PlatformPaymentModal.vue","../../src/components/shared/OnlineIdesComp.vue","../../src/assets/images/svg/toast-alert.svg?component","../../src/components/shared/GlobalToast.vue","../../src/views/LoadingView.vue","../../src/components/webinar/WebinarHeader.vue","../../src/assets/images/svg/AuthOnboarding/Ellipse522.svg","../../src/components/header/auth/InviteAcceptModel.vue","../../src/layouts/AppLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\n\nconst showCookieBanner = ref(false)\n\n/**\n * @description Hides the cookie banner and sets a local storage key to prevent it from showing again\n */\nconst onClickAccept = () => {\n  localStorage.setItem('cookie:accepted', 'true')\n  showCookieBanner.value = false\n}\n\nonMounted(() => {\n  if (localStorage.getItem('cookie:accepted') === null) {\n    showCookieBanner.value = true\n  }\n})\n</script>\n\n<template>\n  <div\n    v-if=\"showCookieBanner\"\n    class=\"fixed bottom-0 left-1/2 z-[50] mx-auto w-full -translate-x-1/2 transform print:hidden\"\n  >\n    <div class=\"section-tertiary p-5 shadow-2xl\">\n      <div class=\"flex flex-col items-center justify-center gap-5 md:flex-row\">\n        <p class=\"p-normal\">\n          This website uses cookies to ensure you get the best experience on our website.\n        </p>\n        <button @click=\"onClickAccept\" class=\"btn-secondary btn-rounded-full sm:w-auto\">\n          Got it!\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n","export default \"__VITE_ASSET__06d802ae__\"","<script setup lang=\"ts\">\nimport { RouterLink } from 'vue-router'\nimport LogoComp from '@/components/utils/LogoComp.vue'\nimport flagAustralia from '@/assets/images/footer/australia.webp'\nimport { useIdeStore } from '@/stores/ide.store'\nimport { computed } from 'vue'\nimport { useJdroidStore } from '@/stores/jdroid.store'\n\nconst ideStore = useIdeStore()\nconst jdroidStore = useJdroidStore()\n\nconst isIdeView = computed(() => {\n  return ideStore.isIdeView\n})\n\nconst isJdroidChatView = computed(() => jdroidStore.isJdroidChatView)\n\nconst currentYear = computed(() => {\n  return new Date().getFullYear()\n})\n\nconst isIdeFullScreen = computed(() => {\n  return ideStore.isFullScreen\n})\n</script>\n\n<template>\n  <div\n    class=\"section-combined print:hidden\"\n    :class=\"[\n      {\n        'hidden sm:block': isIdeView && !isIdeFullScreen\n      },\n      {\n        hidden: isIdeFullScreen\n      },\n      { hidden: isJdroidChatView }\n    ]\"\n  >\n    <footer class=\"view-container mx-auto w-full pb-5 pt-14\">\n      <div class=\"grid w-full justify-between gap-8 text-sm md:grid-cols-8 lg:grid-cols-9\">\n        <div\n          class=\"order-last w-full flex-col items-start sm:col-span-1 md:order-none md:col-span-full lg:row-start-1 xl:col-span-3\"\n        >\n          <LogoComp />\n\n          <div class=\"text-secondary mb-12 mt-4\">\n            An online programming platform that helps millions of students, teachers and developers\n            with tools to learn, teach and practice programming.\n          </div>\n          <div class=\"flex gap-7 text-gray-800 dark:text-gray-300\">\n            <a\n              href=\"https://www.facebook.com/jdoodleide\"\n              rel=\"nofollow\"\n              target=\"_blank\"\n              aria-label=\"Facebook\"\n            >\n              <FontAwesomeIcon :icon=\"['fab', 'facebook']\" class=\"h-5 w-5\" />\n            </a>\n            <a\n              href=\"https://twitter.com/jdoodleide\"\n              rel=\"nofollow\"\n              target=\"_blank\"\n              aria-label=\"Twitter\"\n            >\n              <FontAwesomeIcon :icon=\"['fab', 'x-twitter']\" class=\"h-5 w-5\" />\n            </a>\n            <a href=\"mailto:hello@jdoodle.com\" target=\"_blank\" aria-label=\"Email\">\n              <FontAwesomeIcon icon=\"fa-envelope\" class=\"h-5 w-5\" />\n            </a>\n            <a\n              href=\"https://www.linkedin.com/company/jdoodle\"\n              rel=\"nofollow\"\n              target=\"_blank\"\n              aria-label=\"LinkedIn\"\n            >\n              <FontAwesomeIcon :icon=\"['fab', 'linkedin']\" class=\"h-5 w-5\" />\n            </a>\n            <a\n              href=\"https://www.instagram.com/jdoodleide/\"\n              rel=\"nofollow\"\n              target=\"_blank\"\n              aria-label=\"Instagram\"\n            >\n              <FontAwesomeIcon :icon=\"['fab', 'instagram']\" class=\"h-5 w-5\" />\n            </a>\n\n            <a\n              href=\"https://www.youtube.com/channel/UCMg38oKj3kRmzksoRDEAs9Q\"\n              rel=\"nofollow\"\n              target=\"_blank\"\n              aria-label=\"Youtube\"\n            >\n              <FontAwesomeIcon :icon=\"['fab', 'youtube']\" class=\"h-5 w-5\" />\n            </a>\n          </div>\n        </div>\n        <div\n          class=\"mt-4 md:col-span-2 md:col-start-1 md:row-start-2 md:mt-0 xl:col-span-1 xl:col-start-5 xl:row-start-1\"\n        >\n          <h4 class=\"mb-4 text-lg font-semibold\">Products</h4>\n          <div class=\"flex flex-col gap-3 font-light\">\n            <RouterLink :to=\"{ path: '/integrate-online-ide-compiler-api-plugins' }\"\n              >Integrate IDE - API & Embed\n            </RouterLink>\n            <RouterLink :to=\"{ path: '/online-assessment-teaching' }\">Teach & Assess</RouterLink>\n          </div>\n        </div>\n        <div class=\"mt-4 md:col-span-2 md:mt-0 xl:col-span-1\">\n          <h4 class=\"mb-4 text-lg font-semibold\">Industry</h4>\n\n          <div class=\"flex flex-col gap-3 font-light\">\n            <RouterLink to=\"/solutions/education-institutions\" class=\"inline-flex\"\n              >Education</RouterLink\n            >\n            <RouterLink to=\"/solutions/education-technology\" class=\"inline-flex\"\n              >Edu Tech</RouterLink\n            >\n            <RouterLink to=\"/solutions/software-library-demostration\" class=\"inline-flex\"\n              >Software libraries & APIs</RouterLink\n            >\n          </div>\n        </div>\n        <div class=\"mt-4 md:col-span-2 md:mt-0 xl:col-span-1\">\n          <h4 class=\"mb-4 text-lg font-semibold\">Resources</h4>\n\n          <div class=\"flex flex-col gap-3 font-light\">\n            <RouterLink to=\"/about-us\" class=\"inline-flex\">About Us</RouterLink>\n            <RouterLink to=\"/docs\" class=\"inline-flex\">Documentation</RouterLink>\n            <RouterLink to=\"/tutorials\" class=\"inline-flex\">Tutorials</RouterLink>\n            <RouterLink to=\"/blog\" class=\"inline-flex\">Blogs</RouterLink>\n            <RouterLink to=\"/webinar\" class=\"inline-flex\">Webinars</RouterLink>\n            <RouterLink to=\"/blog/category/podcast\" class=\"inline-flex\">\n              Programmable Podcast\n            </RouterLink>\n          </div>\n        </div>\n        <div class=\"mt-4 md:col-span-2 md:mt-0 xl:col-span-1\">\n          <h4 class=\"mb-4 text-lg font-semibold\">Use Cases</h4>\n\n          <div class=\"flex flex-col gap-3 font-light\">\n            <RouterLink to=\"/case-study/kansas\" class=\"inline-flex\">Kansas University</RouterLink>\n            <RouterLink to=\"/case-study/itext\" class=\"inline-flex\">iText</RouterLink>\n            <RouterLink to=\"/case-study/linkgroup\" class=\"inline-flex\">Link Edu Group</RouterLink>\n            <RouterLink to=\"/case-study/outlier\" class=\"inline-flex\">Outlier</RouterLink>\n          </div>\n        </div>\n        <div class=\"mt-4 md:col-span-2 md:mt-0 xl:col-span-2\">\n          <h4 class=\"mb-4 text-lg font-semibold\">Get Support</h4>\n\n          <div class=\"flex flex-col gap-3 font-light\">\n            <RouterLink to=\"/contact-us\" class=\"inline-flex\">Contact us</RouterLink>\n            <a\n              class=\"inline-flex\"\n              href=\"https://community.jdoodle.com/c/request-a-feature/\"\n              target=\"_blank\"\n            >\n              Make a feature request\n            </a>\n            <a class=\"inline-flex\" href=\"https://community.jdoodle.com/\" target=\"_blank\">\n              JDoodle community\n            </a>\n            <!-- <div>\n              Stay up to date\n\n              <div class=\"relative\">\n                <input\n                  placeholder=\"Your email address\"\n                  class=\"mt-4 w-full rounded-md bg-neutral-200 px-2.5 py-2 text-xs bg-gray-100 dark:bg-neutral-800\"\n                />\n                <FontAwesomeIcon\n                  icon=\"fa-paper-plane\"\n                  class=\"pointer-events-none absolute right-3 top-6 h-4 w-4 text-gray-400 block md:hidden lg:block\"\n                />\n              </div>\n            </div> -->\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mt-8 border-t pb-6 pt-10 text-sm\">\n        <div class=\"gap-4 md:grid md:grid-cols-8 lg:flex-row lg:items-center lg:justify-between\">\n          <p class=\"text-secondary col-span-4\">\n            © 2013-{{ currentYear }} Nutpan Pty Ltd. All Rights Reserved\n          </p>\n\n          <div class=\"col-span-2 flex flex-row gap-10 py-5 md:justify-center md:py-0\">\n            <RouterLink :to=\"{ path: '/terms' }\"> Terms of Service </RouterLink>\n            <RouterLink :to=\"{ path: '/privacy' }\"> Privacy </RouterLink>\n          </div>\n\n          <div class=\"col-span-2 flex text-center md:justify-end\">\n            <div>\n              <span>Made with </span>\n              <FontAwesomeIcon icon=\"fa-heart\" class=\"mx-1 h-4 w-4 text-text-brand\" />\n              <span class=\"\"> in Australia</span>\n            </div>\n            <div class=\"ml-3 h-4\">\n              <img v-lazy=\"flagAustralia\" alt=\"australia\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  </div>\n</template>\n","import axios from 'axios'\n\nexport interface IFeedbackRequest {\n  comment: string\n  isSurvey: boolean\n}\n/**\n * @param feedbackRequest The feedback request object\n * @returns The response object containing the user details\n */\nconst sendFeedback = async (feedbackRequest: IFeedbackRequest) => {\n  return await axios\n    .post('/api/comment', feedbackRequest)\n    .then((response) => {\n      return response\n    })\n    .catch((error) => {\n      throw error\n    })\n}\n\nexport default { sendFeedback }\n","<script setup lang=\"ts\">\ninterface IAvaliableLanguages {\n  message: string\n  link: string\n}\n\nimport { languagesItems, type ILanguage } from '@/utils/sharedData/languages'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport feedbackService, { type IFeedbackRequest } from '@/services/feedback.service'\nimport { useField, useForm } from 'vee-validate'\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { string } from 'yup'\n\nconst languages: ILanguage[] = [...languagesItems].sort((a: ILanguage, b: ILanguage) =>\n  a.displayName > b.displayName ? 1 : -1\n)\n\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\nconst httpSuccessTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpSuccess = ref<string>('')\n\nconst availableLanguages = ref<IAvaliableLanguages[]>([])\n\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: searchTerm, errorMessage: searchTermError } = useField(\n  'searchTerm',\n  string().required()\n)\n\nconst dynamicId = computed(() => {\n  return `${Math.floor(Math.random() * 1000)}`\n})\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0\n})\n/**\n * Get links based on keywords\n * @param keywords - keywords to search\n * @returns - list of links\n */\nconst getLinks = (keywords: string): ILanguage[] => {\n  const links = languages.filter((o: ILanguage) => {\n    return (\n      // remove extra spaces and convert to lowercase\n      o.language === keywords.toLowerCase().trim() ||\n      o.language === keywords.toLowerCase().trim().replace(/ /g, '') ||\n      o.searchTerm.split(' ').filter((i: string) => {\n        return i === keywords.toLowerCase()\n      }).length > 0\n    )\n  })\n  return links\n}\n\nconst onSubmit = handleSubmit(async (values) => {\n  httpSuccess.value = ''\n  httpError.value = ''\n  availableLanguages.value = []\n\n  const links = getLinks(values.searchTerm)\n  if (links.length > 0) {\n    links.forEach((link) => {\n      availableLanguages.value.push({\n        message: `${link.displayName} already exists at `,\n        link: `https://www.jdoodle.com${link.link}`\n      })\n    })\n    return\n  }\n\n  const requestPayload: IFeedbackRequest = {\n    comment: values.searchTerm,\n    isSurvey: true\n  }\n\n  await feedbackService\n    .sendFeedback(requestPayload)\n    .then(() => {\n      httpSuccess.value = 'Thank you for your input!'\n      httpError.value = ''\n      resetForm()\n    })\n    .catch((error) => {\n      httpSuccess.value = ''\n      httpError.value = error?.response?.data?.message\n    })\n})\nonMounted(() => {\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n  watch(httpSuccess, () => {\n    if (httpSuccess.value) {\n      if (httpSuccessTimeOut.value) clearTimeout(httpSuccessTimeOut.value)\n      httpSuccessTimeOut.value = setTimeout(() => {\n        httpSuccess.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n<template>\n  <form @submit.prevent=\"onSubmit\">\n    <div class=\"flex flex-col gap-3 sm:flex-row\">\n      <div class=\"w-full md:w-[70%]\">\n        <BaseInput\n          :id=\"dynamicId\"\n          label=\"Which language would you like to see next in JDoodle?\"\n          :inputType=\"'input'\"\n          placeholder=\"New Language\"\n          :error=\"searchTermError\"\n          v-model=\"searchTerm\"\n        />\n      </div>\n      <button\n        :disabled=\"!canSubmit\"\n        class=\"btn btn-primary h-[45px] w-full sm:mt-[63px] sm:w-[200px]\"\n        type=\"submit\"\n      >\n        Post Language\n      </button>\n    </div>\n    <div>\n      <p :class=\"['p-xsmall ', 'error', { hidden: !httpError }]\">\n        {{ httpError }}\n      </p>\n      <p :class=\"['p-xsmall ', 'success', { hidden: !httpSuccess }]\">\n        {{ httpSuccess }}\n      </p>\n      <p\n        v-for=\"(availableLanguage, index) of availableLanguages\"\n        :key=\"index\"\n        class=\"p-xsmall success\"\n      >\n        {{ availableLanguage.message }}\n        <span class=\"link-secondary\">\n          <a :href=\"availableLanguage.link\" target=\"_blank\">\n            {{ availableLanguage.link }}\n          </a>\n        </span>\n      </p>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport ModelLayout from '@/layouts/ModelLayout.vue'\nimport authService, { type IChangePasswordRequest } from '@/services/auth.service'\nimport { PROFILEMODELHS } from '@/utils/models'\nimport { useField, useForm } from 'vee-validate'\nimport { computed, onMounted, ref, watch, watchEffect } from 'vue'\nimport { string } from 'yup'\n\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\nconst httpSuccessTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpSuccess = ref<string>('')\n\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: oldPassword, errorMessage: oldPasswordError } = useField(\n  'oldPassword',\n  string().required().min(5)\n)\nconst { value: newPassword, errorMessage: newPasswordError } = useField(\n  'newPassword',\n  string().required().min(5)\n)\nconst { value: confirmNewPassword, errorMessage: confirmNewPasswordError } = useField(\n  'retypeNewPassword',\n  string().required().min(5)\n)\n\nconst passwordNotMatchError = ref<string>('')\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !passwordNotMatchError.value\n})\n\nconst onSubmit = handleSubmit(async (values) => {\n  const requestPayload: IChangePasswordRequest = {\n    oldPassword: values.oldPassword,\n    newPassword: values.newPassword,\n    retypeNewPassword: values.retypeNewPassword\n  }\n\n  await authService\n    .changePassword(requestPayload)\n    .then((response: any) => {\n      httpSuccess.value = response?.data?.message || 'Your password has been changed successfully.'\n      httpError.value = ''\n      resetForm()\n      // close the modal\n    })\n    .catch((error: any) => {\n      httpSuccess.value = ''\n      httpError.value = error?.response?.data?.message\n    })\n})\n\nonMounted(() => {\n  watchEffect(() => {\n    if (newPassword.value !== confirmNewPassword.value) {\n      passwordNotMatchError.value = 'Password does not match'\n    } else {\n      passwordNotMatchError.value = ''\n    }\n  })\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n  watch(httpSuccess, () => {\n    if (httpSuccess.value) {\n      if (httpSuccessTimeOut.value) clearTimeout(httpSuccessTimeOut.value)\n      httpSuccessTimeOut.value = setTimeout(() => {\n        httpSuccess.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n\n<template>\n  <ModelLayout title=\"Change password\" :hs=\"PROFILEMODELHS.CHANGEPASSWORD\">\n    <!-- form -->\n    <form @submit.prevent=\"onSubmit\">\n      <BaseInput\n        label=\"Old Password\"\n        :inputType=\"'password'\"\n        placeholder=\"*****\"\n        autocomplete=\"current-password\"\n        :error=\"oldPasswordError\"\n        v-model=\"oldPassword\"\n      />\n      <BaseInput\n        label=\"New Password\"\n        :inputType=\"'password'\"\n        placeholder=\"*****\"\n        :error=\"newPasswordError\"\n        v-model=\"newPassword\"\n      />\n      <BaseInput\n        label=\"Retype New Password\"\n        :inputType=\"'password'\"\n        placeholder=\"*****\"\n        :error=\"confirmNewPasswordError\"\n        v-model=\"confirmNewPassword\"\n      />\n      <p :class=\"['p-xsmall ', 'error', { hidden: !passwordNotMatchError }]\">\n        {{ passwordNotMatchError }}\n      </p>\n      <p :class=\"['p-xsmall ', 'error', { hidden: !httpError }]\">\n        {{ httpError }}\n      </p>\n      <p :class=\"['p-xsmall ', 'success', { hidden: !httpSuccess }]\">\n        {{ httpSuccess }}\n      </p>\n\n      <button :disabled=\"!canSubmit\" class=\"btn-primary btn-rounded-md\" type=\"submit\">\n        Change password\n      </button>\n    </form>\n  </ModelLayout>\n</template>\n","<script setup lang=\"ts\">\nimport ModelLayout from '@/layouts/ModelLayout.vue'\nimport { PROFILEMODELHS } from '@/utils/models'\nimport { ref, onMounted, watch } from 'vue'\n\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\nconst httpSuccessTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpSuccess = ref<string>('')\n\n// const onSubmit = handleSubmit(async (values) => {\n//   const requestPayload: IChangeUsernameRequest = {\n// displayName: values.displayName\n//   }\n\n//   await authService\n//     .changeUsername(requestPayload)\n//     .then((response: any) => {\n//       httpSuccess.value =\n//         response?.data?.message || 'Your display name has been changed successfully.'\n//       httpError.value = ''\n//       resetForm()\n//       utilModelsService.closeModal(PROFILEMODELHS.CHANGEUSERNAME)\n//     })\n//     .catch((error: any) => {\n//       httpSuccess.value = ''\n//       httpError.value = error?.response?.data?.message\n//     })\n// })\nonMounted(() => {\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n  watch(httpSuccess, () => {\n    if (httpSuccess.value) {\n      if (httpSuccessTimeOut.value) clearTimeout(httpSuccessTimeOut.value)\n      httpSuccessTimeOut.value = setTimeout(() => {\n        httpSuccess.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n\n<template>\n  <ModelLayout title=\"Change Display Name\" :hs=\"PROFILEMODELHS.CHANGEUSERNAME\">\n    <!-- form -->\n    <!-- <form @submit.prevent=\"onSubmit\">\n      <BaseInput\n        label=\"New Display Name\"\n        :inputType=\"'text'\"\n        placeholder=\"Joe\"\n        :error=\"displayNameError\"\n        v-model=\"displayName\"\n      />\n\n      <p :class=\"['p-xsmall ', 'error', { hidden: !httpError }]\">\n        {{ httpError }}\n      </p>\n      <p :class=\"['p-xsmall ', 'success', { hidden: !httpSuccess }]\">\n        {{ httpSuccess }}\n      </p>\n\n      <button :disabled=\"!canSubmit\" class=\"btn-primary btn-rounded-md\" type=\"submit\">\n        Change Display Name\n      </button>\n    </form> -->\n  </ModelLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, watch } from 'vue'\nimport { useUtilModelsStore } from '@/stores/util.models.store'\nimport utilModelsService from '@/services/util.models.service'\nimport Logo from '@/components/utils/LogoComp.vue'\n\nconst hs = 'hs-info'\n\nconst utilModelsStore = useUtilModelsStore()\n\nconst showInfo = computed(() => {\n  return utilModelsStore.showInfo\n})\nconst title = computed(() => {\n  return utilModelsStore.isInfoTitle\n})\nconst subTitle = computed(() => {\n  return utilModelsStore.isInfoSubtitle\n})\nonMounted(() => {\n  watch(showInfo, () => {\n    if (showInfo.value) {\n      utilModelsService.openModal(hs)\n    } else {\n      utilModelsService.closeModal(hs)\n    }\n  })\n})\n</script>\n\n<template>\n  <div\n    :id=\"hs\"\n    class=\"hs-overlay fixed left-0 top-0 z-[60] hidden h-full w-full overflow-y-auto overflow-x-hidden backdrop-blur-lg backdrop-brightness-50 [--overlay-backdrop:static]\"\n  >\n    <div\n      class=\"m-3 mt-0 opacity-0 transition-all ease-out hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 sm:mx-auto sm:w-full sm:max-w-lg\"\n    >\n      <div class=\"section-primary flex flex-col rounded-xl shadow-lg\">\n        <div class=\"flex items-center justify-start px-4 py-3\">\n          <Logo :isLink=\"false\" />\n        </div>\n        <FontAwesomeIcon icon=\"fa-triangle-exclamation\" class=\"rounded-full text-right text-6xl\" />\n        <!-- title -->\n        <div class=\"flex w-full flex-col items-center justify-center p-4 sm:p-7\">\n          <h1 class=\"heading-xsmall mb-2 block text-center\">\n            {{ title }}\n          </h1>\n          <p v-if=\"subTitle\" class=\"p-small text-center\">\n            {{ subTitle }}\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, watch } from 'vue'\nimport { cn } from '@/utils/cn'\nimport { useUtilModelsStore } from '@/stores/util.models.store'\nimport utilModelsService from '@/services/util.models.service'\nimport Button from '@/components/atoms/button/index.vue'\n\nconst hs = 'hs-confirm'\nconst utilModelsStore = useUtilModelsStore()\n\nconst promise = computed(() => {\n  return utilModelsStore.isConfirmPromise\n})\nconst isConfirmPromiseFinished = computed(() => {\n  return utilModelsStore.isConfirmPromiseFinish\n})\nconst title = computed(() => {\n  return utilModelsStore.isConfirmTitle\n})\nconst subTitle = computed(() => {\n  return utilModelsStore.isConfirmSubtitle\n})\nconst returnHS = computed(() => {\n  return utilModelsStore.isConfirmReturnHs\n})\nconst yesBtnText = computed(() => {\n  return utilModelsStore.isConfirmYesBtnText\n})\nconst noBtnText = computed(() => {\n  return utilModelsStore.isConfirmNoBtnText\n})\nconst hideCloseButton = computed(() => {\n  return utilModelsStore.isCloseButtonHide\n})\nconst yesBtnClass = computed(() => {\n  return utilModelsStore.isConfirmYesBtnClass\n})\nconst noBtnClass = computed(() => {\n  return utilModelsStore.isConfirmNoBtnClass\n})\n\n/**\n * Closes the modal and resolves the promise\n */\nconst yes = async () => {\n  await utilModelsService.closeModalAsync(hs)\n  utilModelsService.confirmeResolve()\n  if (returnHS.value) utilModelsService.openModal(returnHS.value)\n}\n/**\n * Closes the modal and rejects the promise\n */\nconst no = () => {\n  utilModelsService.confirmeReject()\n  if (returnHS.value) utilModelsService.openModal(returnHS.value)\n}\n\nonMounted(() => {\n  watch(promise, (val) => {\n    if (!isConfirmPromiseFinished.value && val) {\n      utilModelsService.openModal(hs)\n    }\n  })\n})\n</script>\n\n<template>\n  <div\n    :id=\"hs\"\n    class=\"hs-overlay fixed left-0 top-0 z-[65] hidden h-full w-full overflow-y-auto overflow-x-hidden backdrop-blur-lg backdrop-brightness-50 [--overlay-backdrop:static]\"\n  >\n    <div\n      class=\"m-3 mt-0 opacity-0 transition-all ease-out hs-overlay-open:mt-48 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 sm:mx-auto sm:w-full sm:max-w-lg\"\n    >\n      <div class=\"section-quaternary flex flex-col rounded-md shadow-lg\">\n        <div\n          class=\"section-quaternary flex items-center justify-between rounded-t-md border-b border-border-primary px-4 py-2 dark:border-border-primary-dark dark:bg-[#16171a]\"\n        >\n          <h1 class=\"text-md inline-block font-medium text-black dark:text-white\">{{ title }}</h1>\n          <div v-if=\"!hideCloseButton\" class=\"relative flex h-fit max-w-60 items-center\">\n            <!-- close button -->\n            <button\n              type=\"button\"\n              class=\"link-primary hs-collapse-toggle transition-all\"\n              :data-hs-overlay=\"`#${hs}`\"\n              @click=\"no\"\n            >\n              <span class=\"sr-only\">Close</span>\n              <FontAwesomeIcon icon=\"fa-xmark\" class=\"text-primary hs-collapse-open:block\" />\n            </button>\n          </div>\n        </div>\n        <div class=\"p-4 sm:p-7\">\n          <p v-if=\"subTitle\" class=\"p-small text-center\" v-html=\"subTitle\"></p>\n          <div class=\"mt-8 flex flex-wrap justify-center gap-4\">\n            <Button\n              color=\"secondary\"\n              variant=\"outline\"\n              size=\"small\"\n              v-if=\"yesBtnText\"\n              :class=\"cn('px-6', yesBtnClass)\"\n              @click=\"yes\"\n            >\n              {{ yesBtnText }}\n            </Button>\n            <Button\n              color=\"secondary\"\n              variant=\"filled\"\n              size=\"small\"\n              v-if=\"noBtnText\"\n              :class=\"cn('px-6', noBtnClass)\"\n              :data-hs-overlay=\"`#${hs}`\"\n              @click=\"no\"\n            >\n              {{ noBtnText }}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, watch } from 'vue'\nimport { useUtilModelsStore } from '@/stores/util.models.store'\nimport utilModelsService from '@/services/util.models.service'\nimport Button from '@/components/atoms/button/index.vue'\nimport Logo from '@/components/utils/LogoComp.vue'\n\nconst hs = 'hs-alert'\n\nconst utilModelsStore = useUtilModelsStore()\n\nconst alertTimeOut = computed(() => {\n  return utilModelsStore.alertTimeOut\n})\nconst title = computed(() => {\n  return utilModelsStore.isAlertTitle\n})\nconst subTitle = computed(() => {\n  return utilModelsStore.isAlertSubtitle\n})\nconst returnHS = computed(() => {\n  return utilModelsStore.isAlertReturnHs\n})\n/**\n * Closes the modal\n */\nconst okay = () => {\n  if (alertTimeOut.value) {\n    clearTimeout(alertTimeOut.value as number)\n    utilModelsStore.alertTimeOut = null\n  }\n  if (returnHS.value) utilModelsService.openModal(returnHS.value)\n  else utilModelsService.closeModal(hs)\n}\n\nonMounted(() => {\n  watch(alertTimeOut, () => {\n    if (alertTimeOut.value && alertTimeOut.value == 'new') {\n      utilModelsService.openModal(hs)\n      utilModelsStore.alertTimeOut = setTimeout(() => {\n        okay()\n      }, 3000)\n    }\n  })\n})\n</script>\n\n<template>\n  <div\n    :id=\"hs\"\n    class=\"hs-overlay fixed left-0 top-0 z-[60] hidden h-full w-full overflow-y-auto overflow-x-hidden backdrop-blur-lg backdrop-brightness-50 [--overlay-backdrop:static]\"\n  >\n    <div\n      class=\"m-3 mt-0 opacity-0 transition-all ease-out hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 sm:mx-auto sm:w-full sm:max-w-lg\"\n    >\n      <div class=\"section-primary flex flex-col rounded-xl shadow-lg\">\n        <div class=\"flex items-center justify-start px-4 py-3\">\n          <Logo :isLink=\"false\" />\n        </div>\n        <FontAwesomeIcon icon=\"fa-triangle-exclamation\" class=\"rounded-full text-right text-6xl\" />\n        <!-- title -->\n        <div class=\"flex w-full flex-col items-center justify-center p-4 sm:p-7\">\n          <h1 class=\"heading-xsmall mb-2 block text-center\">\n            {{ title }}\n          </h1>\n          <p v-if=\"subTitle\" class=\"p-small text-center\">\n            {{ subTitle }}\n          </p>\n\n          <Button variant=\"filled\" size=\"medium\" class=\"my-2 w-52\" @click=\"okay\"> Okay </Button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport InfoTriangle from '@/assets/images/ide/info-triangle.svg?component'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport { cn } from '@/utils/cn'\n\nconst authStore = useAuthStore()\nconst organisationStore = useOrganisationStore()\n\nconst projectCount = computed(() => authStore.projectLimit!.projectCount)\nconst projectLimit = computed(() => authStore.projectLimit!.limit)\nconst limitCrossed = computed(\n  () => authStore.isCreateProjectLimitReached || authStore.isCreateProjectLimitExceeded\n)\n/**\n * Owner does not include Admin, Teacher, or Student role\n */\nconst isOwner = computed(() => organisationStore.isOrganisationOwner)\n\nconst warningTitle = computed(() => {\n  if (!limitCrossed.value) {\n    return 'You are nearing the end of project limit'\n  } else {\n    return 'You have run out of project limit'\n  }\n})\n\nconst warningDesc = computed(() => {\n  return `Users on this plan can create and save up to ${projectLimit.value} projects.`\n})\n</script>\n\n<template>\n  <section class=\"surface-primary-header flex rounded-lg p-2\">\n    <div class=\"mt-1\">\n      <InfoTriangle :class=\"cn('icon-ide-default w-10', limitCrossed && 'text-error-500')\" />\n    </div>\n    <div class=\"flex-grow px-2\">\n      <header class=\"flex flex-col justify-between gap-x-2 sm:flex-row sm:items-center\">\n        <h3 id=\"warning-heading\" class=\"my-1 font-bold\">\n          {{ warningTitle }}\n        </h3>\n        <p :class=\"cn('my-1 text-right text-sm font-semibold', limitCrossed && 'text-error-500')\">\n          {{ projectCount }}/ {{ projectLimit }} projects created\n        </p>\n      </header>\n      <p class=\"my-1 text-sm\">\n        {{ warningDesc }}\n        To create more projects\n        <router-link v-if=\"isOwner\" :to=\"{ path: 'pricing' }\" class=\"font-semibold underline\">\n          upgrade your plan\n        </router-link>\n        <span v-else class=\"font-semibold underline\">contact your admin</span>\n      </p>\n    </div>\n  </section>\n</template>\n","export default \"__VITE_ASSET__e12b926a__\"","<script setup lang=\"ts\">\nimport { computed, ref, watch, onMounted, onUnmounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useField } from 'vee-validate'\nimport { useApiStore } from '@/stores/api.store'\n\nimport { ChatStatus, type IChat, AIType } from '@/utils/jDroid'\nimport { type IMeta } from '@/utils/meta'\n\nimport { PLAN_ENUM } from '@/components/organisation/interface/IInstituteSubscriptionInfo'\nimport { IDEVIEWMODELS, CONFIRM } from '@/utils/models'\nimport { languagesItems, type ILanguage } from '@/utils/sharedData/languages'\n\nimport utilModelsService from '@/services/util.models.service'\nimport ideService from '@/services/ide/ide.service'\nimport jdroidService from '@/services/ide/jdroid.service'\nimport settingService from '@/services/ide/settings/setting.service'\nimport projectsService from '@/services/ide/projects.service'\nimport liveCodingService from '@/services/ide/liveCoding.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport { useIdeStore } from '@/stores/ide.store'\nimport { useJdroidStore } from '@/stores/jdroid.store'\nimport { useProjectManager } from '@/stores/projectManager.store'\nimport { useLiveCodeStore } from '@/stores/liveCode.store'\nimport { NavigationFailureType, isNavigationFailure } from 'vue-router'\n\nimport Button from '@/components/atoms/button/index.vue'\nimport BaseSelect from '@/components/forms/BaseSelect.vue'\nimport ProjectLimitWarning from '@/components/ide/ide/restrictions/ProjectLimitWarning.vue'\n\nimport { cloneDeep } from 'lodash-es'\nimport { string } from 'yup'\n\nimport jdroidSmallStar from '@/assets/images/ide/ai/jdroid-small-star-1.svg'\nimport generate from '@/assets/images/ide/refresh.svg'\n\ninterface IProjectSetup {\n  id: string\n  label: string\n  desc: string\n}\n\nconst route = useRoute()\nconst router = useRouter()\nconst authStore = useAuthStore()\nconst organisationStore = useOrganisationStore()\nconst ideStore = useIdeStore()\nconst jdroidStore = useJdroidStore()\nconst projectManagerStore = useProjectManager()\nconst liveCodeStore = useLiveCodeStore()\n\nconst allLanguages: ILanguage[] = cloneDeep(languagesItems)\nconst languages: ILanguage[] = cloneDeep(languagesItems)\n  .filter((langauge: ILanguage) => {\n    return !langauge.isAdvanced\n  })\n  .sort((a: ILanguage, b: ILanguage) => (a.displayName > b.displayName ? 1 : -1))\n\nconst projectSetupOptions: IProjectSetup[] = [\n  {\n    id: 'new-project-start-with-example-button-ide',\n    label: 'Start with an Example',\n    desc: 'Get, set, code!'\n  },\n  {\n    id: 'new-project-jdroid-ai-button-ide',\n    label: 'Use JDroid AI',\n    desc: 'Generate code with a prompt'\n  },\n  {\n    id: 'new-project-start-with-empty-ide',\n    label: 'Empty Project',\n    desc: 'Build code from scratch'\n  }\n]\n\nconst searchTerm = ref<string>('')\nconst showSuggestions = ref<boolean>(false)\nconst selectedLanguage = ref<ILanguage | null>(null)\nconst icon = ref<string | null>(null)\nconst iconDark = ref<string | null>(null)\nconst versionIndex = ref<string | null>(null)\nconst isMultifile = ref<boolean>(false)\nconst prompt = ref<string>('')\nconst projectSetup = ref<string>('')\n\nconst {\n  value: projectName,\n  errorMessage: projectNameError,\n  setErrors\n} = useField<string>('projectName', string().required())\n\nconst isDefaultIde = computed(() => {\n  return ideStore.isDefaultIde\n})\nconst isIdeView = computed(() => {\n  return ideStore.isIdeView\n})\n\nconst links = computed(() => {\n  if (searchTerm.value !== '') {\n    return languages.filter((lang: ILanguage) => {\n      return lang.searchTerm.includes(searchTerm.value.toLowerCase())\n    })\n  } else {\n    return projectsService.groupFrameWorkLanguage(languages)\n  }\n})\n\nconst showDropdown = computed<boolean>(() => {\n  return (\n    (searchTerm.value !== '' && searchTerm.value !== selectedLanguage.value?.displayName) ||\n    showSuggestions.value\n  )\n})\n\nconst versionData = computed(() => {\n  if (isMultifile.value === true) {\n    const selectedVersionLanguage = allLanguages.find((langauge: ILanguage) => {\n      return langauge.language == selectedLanguage.value?.language && langauge.isAdvanced\n    })\n    if (selectedVersionLanguage) {\n      return cloneDeep(selectedVersionLanguage.versions)\n    } else {\n      return []\n    }\n  } else {\n    return cloneDeep(selectedLanguage.value?.versions) || []\n  }\n})\nconst showVersions = computed<boolean>(() => {\n  if (!Array.isArray(versionData.value)) {\n    return false\n  }\n  return versionData.value?.length > 0\n})\nconst showMultifile = computed<boolean>(() => {\n  const hasAny = allLanguages.findIndex((langauge: ILanguage) => {\n    return (\n      langauge.language == selectedLanguage.value?.language &&\n      langauge.isAdvanced &&\n      !langauge.advanceCompiler &&\n      !langauge.advanceCompilerDatabase\n    )\n  })\n  if (hasAny !== -1) return true\n  return false\n})\nconst isJdroidSupported = computed<boolean>(() => {\n  return (\n    selectedLanguage.value?.language !== 'blockly' &&\n    selectedLanguage.value?.language !== 'html' &&\n    !selectedLanguage.value?.advanceCompiler &&\n    !selectedLanguage.value?.advanceCompilerDatabase\n  )\n})\nconst filtedProjectSetupOptions = computed<IProjectSetup[]>(() => {\n  if (isJdroidSupported.value) {\n    if (selectedLanguage.value?.advanceCompilerDatabase) {\n      return projectSetupOptions.filter((project) => project.label !== 'Start with an Example')\n    }\n    return projectSetupOptions\n  } else {\n    if (\n      selectedLanguage.value?.advanceCompilerDatabase ||\n      selectedLanguage.value?.advanceCompiler\n    ) {\n      return projectSetupOptions.filter(\n        (project) => project.label !== 'Empty Project' && project.label !== 'Use JDroid AI'\n      )\n    }\n\n    return projectSetupOptions.filter((project) => project.label !== 'Use JDroid AI')\n  }\n})\nconst isJdroidProjectSetupOptionSelected = computed<boolean>(() => {\n  return projectSetup.value === 'Use JDroid AI'\n})\nconst canSubmit = computed(() => {\n  return (\n    selectedLanguage.value !== null &&\n    selectedLanguage.value?.displayName !== '' &&\n    (isJdroidProjectSetupOptionSelected.value ? prompt.value !== '' : true) &&\n    !projectNameError.value &&\n    !authStore.isCreateProjectLimitReached &&\n    !authStore.isCreateProjectLimitExceeded\n  )\n})\nconst defaultLanguage = computed<ILanguage | null>(() => jdroidStore.startCodingLanguage)\n\nconst isProjectLimitCloseOrReachedOrExceeded = computed(() => {\n  return (\n    authStore.isCreateProjectLimitClose ||\n    authStore.isCreateProjectLimitReached ||\n    authStore.isCreateProjectLimitExceeded\n  )\n})\n\n/**\n * Reset the versions\n */\nconst resetVersions = () => {\n  if (selectedLanguage.value) {\n    if (showVersions.value == true && versionData.value && versionData.value?.length > 0) {\n      versionIndex.value = versionData.value[versionData.value.length - 1]\n    } else {\n      versionIndex.value = null\n    }\n  } else {\n    versionIndex.value = null\n  }\n}\n/**\n * Handle the click of the language\n * @param langauge The language to start coding in\n */\nconst handleClick = (langauge: ILanguage) => {\n  if (!langauge.categoryText) {\n    selectedLanguage.value = langauge\n    searchTerm.value = langauge.displayName\n  }\n}\n\n/**\n * Handle the jdroid data and call the jdroid API\n * @param chat - input object of jdroid\n */\nconst startFromJdroid = async (chat: IChat) => {\n  jdroidService.clearChat()\n  if (chat) {\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    jdroidService.addChat(chat)\n  }\n}\n\n/**\n * Go to the selected IDE\n * @param link The link to go to\n * @param chat The chat to go to\n */\nconst goToIdePush = async (link: string, chat: IChat | null) => {\n  jdroidStore.setStartCodingLanguage(null)\n  selectedLanguage.value = null\n  searchTerm.value = ''\n  prompt.value = ''\n\n  jdroidStore.setStartCoadingVersion(versionIndex.value)\n  if (projectSetup.value === 'Empty Project') {\n    jdroidStore.setStartCoadingEmpty(true)\n  } else {\n    jdroidStore.setStartCoadingEmpty(false)\n  }\n\n  const failure = await router.push(link)\n\n  if (isNavigationFailure(failure, NavigationFailureType.duplicated)) {\n    const confirmModal: Object = {\n      title: 'Hold on! Project in progress...',\n      subtitle: 'Your unsaved changes will be lost.',\n      retunHs: null,\n      yesBtnText: 'Start Fresh',\n      noBtnText: 'Go Back'\n    }\n    ideStore.isCodeUpdated &&\n      utilModelsService.confirmPromise(...Object.values(confirmModal)).then(async () => {\n        await utilModelsService.closeModalAsync(CONFIRM.CONFIRM)\n        startFromJdroid(chat as IChat)\n        ideService.initOnRouterChange(route.meta as IMeta)\n      })\n    if (!ideStore.isCodeUpdated) {\n      startFromJdroid(chat as IChat)\n      ideService.initOnRouterChange(route.meta as IMeta)\n    }\n  } else {\n    startFromJdroid(chat as IChat)\n  }\n}\n/**\n * Go to the selected IDE\n * @param chat The chat to go to\n */\nconst goToIde = async (chat: IChat | null = null) => {\n  utilModelsService.closeModal(IDEVIEWMODELS.STARTCODING)\n  ideStore.setShowStartCodingModal(false)\n  let link = ''\n  if (isMultifile.value == true) {\n    link = allLanguages.find((langauge: ILanguage) => {\n      return langauge.language == selectedLanguage.value?.language && langauge.isAdvanced\n    })?.link as string\n  } else {\n    link = selectedLanguage.value?.link as string\n  }\n  goToIdePush(link, chat)\n}\n/**\n * Submit the form\n */\nconst onSubmit = async () => {\n  if (liveCodeStore.isLiveCodingActive) {\n    liveCodingService.disconnectLiveCoding()\n  }\n  const isAdvancedCompilerDatabaseRoute = selectedLanguage.value?.advanceCompilerDatabase\n  if (isAdvancedCompilerDatabaseRoute) {\n    projectManagerStore.setGeneratedProjectName('')\n    projectName.value = ''\n  } else if (authStore.isUserloggedIn) {\n    try {\n      await projectsService.checkForDubplicateProjectName(projectName.value)\n      projectManagerStore.setGeneratedProjectName(projectName.value)\n      projectName.value = ''\n      projectManagerStore.setComingFromStartCodingModal(true)\n    } catch (err: any) {\n      useApiStore().setGlobalMsg('')\n      setErrors(`file name ${projectName.value} already exists.`)\n      return\n    }\n  } else {\n    projectManagerStore.setGeneratedProjectName(projectName.value)\n    projectName.value = ''\n  }\n\n  if (isJdroidSupported.value && projectSetup.value === 'Use JDroid AI') {\n    const chat: IChat = {\n      type: AIType.CHAT,\n      autoReplaceEditor: true,\n      ideContent: null,\n      outputContent: null,\n      prompt: prompt.value,\n      header: 'Genarate Code',\n      status: ChatStatus.LOADING,\n      response: null\n    }\n    goToIde(chat)\n  } else {\n    goToIde()\n  }\n}\n\n/**\n * Close the modal\n */\nconst onClose = async () => {\n  if (ideStore.isDefaultIde) {\n    if (router.options.history.state.prevPage) {\n      router.go(-1)\n    } else {\n      if (authStore.isUserloggedIn) {\n        router.push(`/dashboard`)\n      } else {\n        router.push('/')\n      }\n    }\n  } else {\n    selectedLanguage.value = null\n    searchTerm.value = ''\n\n    utilModelsService.closeModal(IDEVIEWMODELS.STARTCODING)\n  }\n  ideStore.setShowStartCodingModal(false)\n  jdroidStore.setStartCodingLanguage(null)\n}\n\n/**\n * Open the start coding modal\n * @param language The language to start coding in\n */\nconst open = async (language: ILanguage | null) => {\n  if (language) {\n    selectedLanguage.value = language || null\n    searchTerm.value = language?.displayName || ''\n    icon.value = language.icon\n    iconDark.value = language.darkIcon ?? ''\n  }\n  if (ideStore.showProjectCodingModal) {\n    ideStore.setShowProjectCodingModal(false)\n    await new Promise((resolve) => setTimeout(resolve, 10))\n    settingService.openPopup(IDEVIEWMODELS.MYPROJECTS, true)\n    utilModelsService.closeModal(IDEVIEWMODELS.STARTCODING)\n  } else {\n    await new Promise((resolve) => setTimeout(resolve, 10))\n    utilModelsService.openModal(IDEVIEWMODELS.STARTCODING)\n    ideStore.setShowStartCodingModal(true)\n  }\n}\n\n/**\n * Fetches IDE settings if user is logged in and settings are not completed\n */\nconst getIdeSettings = async () => {\n  if (ideStore.isIdeView) return\n  if (authStore.isInitiated && authStore.isUserloggedIn) {\n    if (organisationStore.isIndividualAccount) {\n      if (authStore.isPremium) {\n        if (ideStore.ideSettings === null) await ideService.initIdeSettings()\n      }\n    } else if (organisationStore.isOrganisationOwner || organisationStore.isOrganisationAdmin) {\n      if (\n        organisationStore.instituteSubscriptionInfo?.plan &&\n        organisationStore.instituteSubscriptionInfo?.plan !== PLAN_ENUM.FREE\n      ) {\n        if (ideStore.ideSettings === null) await ideService.initIdeSettings()\n      }\n    } else if (organisationStore.isPremiumIde) {\n      if (ideStore.ideSettings === null) await ideService.initIdeSettings()\n    }\n  }\n}\n\n/**\n * @param event Click event\n * If clicking outside of dropdown div, dropdown will disappear\n */\nconst clickEventHandler = (event: any) => {\n  if (event.target.id != 'choose-language-input-swo') {\n    if (showSuggestions.value) {\n      if (event.target.id != 'choose-language-dropdown-swo') {\n        showSuggestions.value = false\n      } else {\n        showSuggestions.value = true\n      }\n    }\n  }\n}\n\n/**\n * @description - To open the project manager modal and closing the Project modal\n */\nconst toggleProjectManagerModal = async () => {\n  settingService.openPopup(IDEVIEWMODELS.MYPROJECTS, true)\n  utilModelsService.closeModal(IDEVIEWMODELS.STARTCODING)\n}\n\n/**\n * @description - To generate the project name\n * @param clickGenerate - generate new name\n */\nconst generateProjectName = (clickGenerate: boolean = false) => {\n  if (!projectName.value || projectName.value === '' || clickGenerate) {\n    const generatedName = projectsService.generateProjectName()\n    projectName.value = generatedName\n  }\n}\n\nwatch(\n  () => selectedLanguage.value,\n  () => {\n    icon.value = selectedLanguage.value?.icon as string\n    iconDark.value = selectedLanguage.value?.darkIcon as string\n\n    isMultifile.value = false\n    resetVersions()\n    projectSetup.value = filtedProjectSetupOptions.value[0].label\n\n    generateProjectName()\n  }\n)\n\nwatch(\n  () => isDefaultIde.value,\n  (val) => {\n    if (val) generateProjectName()\n  }\n)\nwatch(\n  () => isIdeView.value,\n  (val) => {\n    if (val) generateProjectName()\n  }\n)\nwatch(\n  () => isMultifile.value,\n  () => {\n    resetVersions()\n  }\n)\nwatch(\n  () => searchTerm.value,\n  () => {\n    if (searchTerm.value.length === 0) {\n      icon.value = null\n      iconDark.value = null\n      selectedLanguage.value = null\n    }\n  }\n)\nwatch(\n  () => defaultLanguage.value,\n  () => {\n    if (defaultLanguage.value !== null && !ideStore.isDefaultIde) {\n      open(defaultLanguage.value)\n    }\n  }\n)\n\nonMounted(() => {\n  isMultifile.value = false\n  versionIndex.value = null\n  projectSetup.value = projectSetupOptions[0].label\n\n  getIdeSettings()\n\n  watch(\n    () => organisationStore.isIndividualAccount,\n    () => {\n      if (authStore.isUserloggedIn && organisationStore.isIndividualAccount) {\n        // ideService.clearIdeSettings()\n        getIdeSettings()\n      }\n    }\n  )\n  watch(\n    () => organisationStore.instituteSubscriptionInfo?.plan,\n    () => {\n      if (authStore.isUserloggedIn) {\n        // ideService.clearIdeSettings()\n        getIdeSettings()\n      }\n    }\n  )\n  watch(\n    () => ideStore.isIdeView,\n    () => {\n      if (!ideStore.isIdeView) {\n        ideService.clearIdeSettings()\n        getIdeSettings()\n      }\n    }\n  )\n})\n\nonMounted(() => {\n  document.addEventListener('click', clickEventHandler)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', clickEventHandler)\n})\n\ndefineExpose({\n  open\n})\n</script>\n\n<template>\n  <div\n    :id=\"IDEVIEWMODELS.STARTCODING\"\n    :data-hs-overlay-keyboard=\"false\"\n    class=\"hs-overlay fixed left-0 top-0 z-[60] hidden h-screen w-full overflow-x-auto overflow-y-auto [--overlay-backdrop:false]\"\n    :class=\"{\n      'bg-gray-900 bg-opacity-70 backdrop-blur-sm dark:bg-opacity-40': isDefaultIde,\n      'bg-gray-900 bg-opacity-40 backdrop-blur-sm dark:bg-opacity-40': !isDefaultIde\n    }\"\n  >\n    <div\n      class=\"flex min-h-screen w-full justify-center py-2 pl-3 pr-2 transition-all ease-out hs-overlay-open:duration-500 sm:p-8 lg:p-32\"\n    >\n      <div class=\"mx-auto mb-16 h-auto w-full max-w-3xl lg:mb-0\">\n        <div class=\"border-primary flex flex-col rounded-md border\">\n          <!-- START Header -->\n          <div\n            class=\"border-primary flex items-center justify-between rounded-t-md border-b bg-new-secondary-100/90 px-4 py-1 dark:bg-new-neutral-700/80\"\n          >\n            <h1 class=\"w-full text-center text-xl font-bold leading-loose\">Create a new Project</h1>\n            <div class=\"relative flex h-fit max-w-60 items-center\">\n              <!-- close button -->\n              <button\n                @click=\"onClose\"\n                type=\"button\"\n                class=\"link-primary hs-collapse-toggle transition-all\"\n              >\n                <span class=\"sr-only\">Close</span>\n                <FontAwesomeIcon icon=\"fa-xmark\" class=\"text-primary hs-collapse-open:block\" />\n              </button>\n            </div>\n          </div>\n          <!-- END Header -->\n\n          <!-- main content -->\n          <form\n            @submit.prevent=\"onSubmit\"\n            class=\"surface-primary-base stroke-primary-default rounded-b-lg pt-6\"\n          >\n            <!-- START Language and Disclose Row -->\n            <div class=\"flex w-full flex-col\">\n              <!-- END Language and Disclose Row -->\n              <h4\n                class=\"text-high px-5 font-medium leading-loose\"\n                :class=\"selectedLanguage ? 'text-sm' : 'text-lg'\"\n              >\n                Pick a language/framework\n                <!-- Select from one of our\n                <span class=\"font-bold\">{{ getLanguageCount() }} Programming Languages</span>\n                and choose the one that's right for you. -->\n              </h4>\n              <div class=\"px-4 py-2\">\n                <div class=\"relative mb-5\">\n                  <!-- Dark -->\n                  <img\n                    v-if=\"iconDark && iconDark.length > 0\"\n                    :src=\"iconDark\"\n                    alt=\"language logo\"\n                    class=\"absolute left-2 top-3 mr-2 hidden h-8 w-8 p-1 dark:inline-block\"\n                  />\n                  <!-- Light -->\n                  <img\n                    v-if=\"icon && icon.length > 0\"\n                    :src=\"icon\"\n                    alt=\"language logo\"\n                    class=\"absolute left-2 top-1 mr-2 inline-block h-8 w-8 p-1\"\n                  />\n                  <input\n                    id=\"choose-language-input-swo\"\n                    autocomplete=\"off\"\n                    v-model=\"searchTerm\"\n                    class=\"background-primary stroke-primary-default dark:focus-text-white placeholder:text-mid text-mid block w-full rounded-md border font-medium outline-none\"\n                    :class=\"[\n                      { 'h-11 pl-12 pr-2 sm:px-12': selectedLanguage || searchTerm.length > 0 },\n                      {\n                        'h-14 px-5': !selectedLanguage || searchTerm.length === 0\n                      }\n                    ]\"\n                    placeholder=\"Search IDE Compiler or Terminal\"\n                    @click=\"\n                      selectedLanguage === null || searchTerm === ''\n                        ? (showSuggestions = !showSuggestions)\n                        : null\n                    \"\n                  />\n\n                  <div\n                    id=\"choose-language-dropdown-swo\"\n                    v-if=\"showDropdown\"\n                    class=\"background-primary stroke-primary-default absolute z-50 mt-[1px] w-full rounded-md border p-3\"\n                  >\n                    <div class=\"max-h-60 overflow-y-auto md:grid\">\n                      <button\n                        v-for=\"(item, indx) in links\"\n                        :key=\"indx\"\n                        class=\"w-full\"\n                        @click=\"handleClick(item as ILanguage)\"\n                      >\n                        <div class=\"text-low w-full truncate pt-2 text-left text-sm font-medium\">\n                          {{ item.categoryText }}\n                        </div>\n                        <div\n                          v-if=\"!item.categoryText\"\n                          class=\"hover:background-secondary hover:text-high text-mid flex items-center justify-start rounded-lg px-2 py-3\"\n                        >\n                          <!-- Dark -->\n                          <img\n                            :src=\"(item as ILanguage).darkIcon ? (item as ILanguage).darkIcon : (item as ILanguage).icon\"\n                            :alt=\"(item as ILanguage).displayName\"\n                            class=\"me-2 hidden h-8 w-8 dark:inline-block\"\n                          />\n                          <!-- Light -->\n                          <img\n                            v-if=\"(item as ILanguage).icon\"\n                            :src=\"(item as ILanguage).icon\"\n                            :alt=\"(item as ILanguage).displayName\"\n                            class=\"me-2 inline-block h-8 w-8 dark:hidden\"\n                          />\n                          <span class=\"inline-block text-sm\">{{\n                            (item as ILanguage).displayName\n                          }}</span>\n\n                          <!-- Empty message -->\n                        </div>\n                      </button>\n                      <p v-if=\"links.length == 0\" class=\"w-full text-sm\">No results found</p>\n                    </div>\n                  </div>\n                </div>\n                <!--  when langauge is selected -->\n                <div v-if=\"selectedLanguage\">\n                  <div v-if=\"!selectedLanguage.advanceCompilerDatabase\" class=\"relative\">\n                    <img\n                      :src=\"generate\"\n                      class=\"absolute z-10 h-5 w-5 cursor-pointer\"\n                      :class=\"!projectNameError ? 'bottom-3 right-3' : 'bottom-8 right-8'\"\n                      @click=\"generateProjectName(true)\"\n                    />\n                    <div class=\"flex flex-col gap-2\">\n                      <div class=\"flex w-full justify-between\">\n                        <div class=\"text-high w-full px-1 text-sm\">\n                          Project name<br class=\"sm:hidden\" />\n                          <span class=\"whitespace-nowrap text-sm font-light sm:pl-1\"\n                            >(Auto generated)</span\n                          >\n                        </div>\n                        <span\n                          class=\"text-low flex w-full items-end justify-end text-right text-sm font-light sm:items-start\"\n                          >Projects are auto-saved!</span\n                        >\n                      </div>\n                      <input\n                        placeholder=\"My Project\"\n                        v-model=\"projectName\"\n                        :error=\"projectNameError\"\n                        class=\"background-primary stroke-primary-default text-mid flex w-full rounded-md border p-3 text-sm\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"flex flex-grow flex-col gap-3 pt-3 sm:flex-row sm:items-center\">\n                    <BaseSelect\n                      v-if=\"showVersions\"\n                      label=\"Choose language version:\"\n                      :list=\"versionData || []\"\n                      v-model=\"versionIndex\"\n                      :isSmallLabel=\"true\"\n                      :isBoldLabel=\"true\"\n                      :isLightGray=\"false\"\n                      customClass=\"h-12 mb-2 text-high background-primary stroke-primary-default text-mid\"\n                      class=\"w-full\"\n                      labelClass=\"pl-1 \"\n                    />\n                    <div\n                      v-if=\"showMultifile\"\n                      :class=\"[\n                        'py-3',\n                        {\n                          'sm:ml-8 ': showVersions\n                        }\n                      ]\"\n                    >\n                      <label class=\"p-small pl-1 pt-2 font-medium\">Project Type:</label>\n                      <div class=\"flex gap-2 text-nowrap pt-1\">\n                        <!-- @input=\"checkBeforeEdit\" -->\n                        <label\n                          for=\"singleFile\"\n                          class=\"p-xsmall stroke-primary-default flex w-full cursor-pointer justify-center gap-2 rounded border-2 px-4 py-3\"\n                          :class=\"[\n                            {\n                              'stroke-primary-default border': !isMultifile\n                            }\n                          ]\"\n                        >\n                          <input\n                            type=\"radio\"\n                            id=\"singleFile\"\n                            v-model=\"isMultifile\"\n                            :value=\"false\"\n                            class=\"custom-radio h-4 w-4\"\n                          />\n                          <div class=\"custom-radio-wrapper\"></div>\n                          <span class=\"text-high\">Single-file</span>\n                        </label>\n\n                        <label\n                          class=\"p-xsmall stroke-primary-default flex w-full cursor-pointer justify-center gap-2 rounded border-2 px-4 py-3\"\n                          :class=\"[\n                            {\n                              'stroke-primary-default border': isMultifile\n                            }\n                          ]\"\n                        >\n                          <input\n                            type=\"radio\"\n                            id=\"multiFile\"\n                            v-model=\"isMultifile\"\n                            :value=\"true\"\n                            class=\"custom-radio h-4 w-4\"\n                          />\n                          <div class=\"custom-radio-wrapper\"></div>\n                          <span for=\"multiFile\" class=\"text-high\">Multi-file</span>\n                        </label>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"mt-4\">\n                    <label for=\"projectSetupOptions\" class=\"p-small pb-4 font-medium\"\n                      >How would you like to configure your project?</label\n                    >\n                    <div class=\"mt-2 flex flex-col gap-4 md:flex-row\">\n                      <div\n                        v-for=\"(project, index) in filtedProjectSetupOptions\"\n                        :key=\"index\"\n                        class=\"relative flex w-full gap-4\"\n                      >\n                        <label\n                          :for=\"project.id\"\n                          class=\"p-xsmall flex w-full flex-grow cursor-pointer items-center gap-2 rounded border px-4 py-5\"\n                          :class=\"[\n                            {\n                              ' stroke-primary-emphasized  border ': projectSetup === project.label\n                            },\n                            {\n                              'stroke-primary-default  border ': projectSetup !== project.label\n                            }\n                          ]\"\n                        >\n                          <!-- @input=\"checkBeforeEdit\" -->\n                          <input\n                            type=\"radio\"\n                            :id=\"project.id\"\n                            v-model=\"projectSetup\"\n                            :value=\"project.label\"\n                            class=\"custom-radio h-4 w-4\"\n                          />\n                          <div class=\"custom-radio-wrapper\"></div>\n                          <div class=\"relative flex flex-col\">\n                            <div :for=\"project.label\" class=\"p-small font-bold\">\n                              {{ project.label }}\n                              <span\n                                v-if=\"project.label === 'Use JDroid AI'\"\n                                class=\"p-xsmall float-end rounded-full bg-success-400 px-1 font-normal text-black\"\n                                >New</span\n                              >\n                            </div>\n                            <span class=\"text-mid pt-1 text-xs\">{{ project.desc }}</span>\n                          </div>\n                        </label>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"mt-1 flex flex-col items-center justify-center rounded-b-md\"\n                :class=\"[\n                  {\n                    ' ': selectedLanguage\n                  }\n                ]\"\n              >\n                <div\n                  v-if=\"selectedLanguage && isJdroidProjectSetupOptionSelected\"\n                  class=\"mt-4 w-full px-4 py-2\"\n                >\n                  <div class=\"relative w-full\">\n                    <textarea\n                      id=\"new-project-jdroid-user-input\"\n                      class=\"background-primary stroke-primary-default block min-h-9 w-full rounded-md border px-7 pt-2 text-xs font-medium outline-none\"\n                      :class=\"[\n                        {\n                          'focus-text-white bg-[#4F4F4F] placeholder:text-gray-200':\n                            !ideStore?.isIdeView && ideStore?.colorMode === 'dark'\n                        },\n                        {\n                          'focus-text-black placeholder:text-low bg-white':\n                            ideStore?.isIdeView && ideStore.colorMode !== 'dark'\n                        }\n                      ]\"\n                      v-model=\"prompt\"\n                      rows=\"8\"\n                      placeholder=\"What can I build for you ?\"\n                    />\n                    <img\n                      :src=\"jdroidSmallStar\"\n                      class=\"absolute left-2 top-2 h-4 w-4\"\n                      alt=\"JDroid\"\n                    />\n                  </div>\n                </div>\n\n                <ProjectLimitWarning\n                  v-if=\"selectedLanguage && isProjectLimitCloseOrReachedOrExceeded\"\n                  class=\"mx-4 my-2\"\n                />\n\n                <!-- section-quaternary -->\n                <div class=\"flex w-full flex-grow flex-wrap justify-between px-4 sm:flex-nowrap\">\n                  <div\n                    class=\"flex w-full cursor-pointer items-center justify-center gap-2 text-[#5F7394] sm:w-fit\"\n                    @click=\"toggleProjectManagerModal\"\n                  >\n                    <FontAwesomeIcon icon=\"fa-folder-open\" class=\"h-4 w-4\" />\n                    <span class=\"text-sm font-medium underline\">Open my project </span>\n                  </div>\n                  <Button\n                    :disabled=\"!canSubmit\"\n                    variant=\"filled\"\n                    class=\"my-4 w-full px-10 py-3 sm:w-fit\"\n                  >\n                    <FontAwesomeIcon class=\"pr-2\" icon=\"fa-folder-plus\" /> Start Coding\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.custom-radio {\n  position: absolute;\n  opacity: 0;\n}\n\n.custom-radio-wrapper {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: 1.5px solid #9ca3af;\n  border-radius: 50%;\n\n  transition: all 0.3s ease;\n}\n\n.custom-radio:checked + .custom-radio-wrapper {\n  accent-color: #9ca3af;\n}\n\n.custom-radio-wrapper::after {\n  content: '';\n  display: block;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: #9ca3af;\n  transform: scale(0);\n  transition: transform 0.3s ease;\n}\n\n.custom-radio:checked + .custom-radio-wrapper::after {\n  transform: scale(1);\n}\n</style>\n","export default \"__VITE_ASSET__9d649d0b__\"","export default \"__VITE_ASSET__e8a7face__\"","export default \"__VITE_ASSET__6c5ac151__\"","export default \"__VITE_ASSET__ef813014__\"","import onboardingVector1 from '@/assets/images/svg/AuthOnboarding/teacherOBBanner1.svg'\nimport onboardingVector2 from '@/assets/images/svg/AuthOnboarding/teacherOBBanner2.svg'\nimport onboardingVector3 from '@/assets/images/svg/AuthOnboarding/teacherOBBanner3.svg'\nimport onboardingVector4 from '@/assets/images/svg/AuthOnboarding/teacherOBBanner5.svg'\n\nexport const OnboardingBannerConstant = [\n  {\n    title: 'Unlimited AI credits',\n    description: 'Generate, debug, and optimize code with JDroid AI.',\n    path: onboardingVector1\n  },\n  {\n    title: '2x CPU & faster execution',\n    description: 'Get higher output limit with swift execution.',\n    path: onboardingVector2\n  },\n  {\n    title: 'IDE customization',\n    description: 'Change themes and set default language & code.',\n    path: onboardingVector3\n  },\n  {\n    title: '10 Premium Embeds',\n    description: 'Embed customizable IDEs in your platform.',\n    path: onboardingVector4\n  }\n]\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  bannerCard: {\n    type: Object,\n    required: true,\n    default: null\n  },\n  cardStyling: {\n    type: String,\n    required: false,\n    default: 'p-6'\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"inline-flex h-[132px] w-[442px] flex-col items-start justify-start gap-2.5 rounded-lg bg-[#D0DCF0] backdrop-blur-[8.80px]\"\n    :class=\"props?.cardStyling\"\n  >\n    <div class=\"inline-flex items-center justify-start gap-4\">\n      <div class=\"relative h-[92px] w-[92px]\">\n        <div class=\"absolute left-[12.56px] top-[19.25px] h-[54px] w-[67.50px]\">\n          <img class=\"absolute left-0 top-0 h-[54px] w-[67.50px]\" :src=\"props.bannerCard.path\" />\n          <div class=\"absolute left-[16.88px] top-[22.65px] h-[20.37px] w-[33.75px]\"></div>\n        </div>\n      </div>\n      <div class=\"props.bannerCards-start inline-flex w-[274px] flex-col justify-start gap-2.5\">\n        <div class=\"text-lg font-semibold leading-[27px]\">\n          {{ props.bannerCard.title }}\n        </div>\n        <div class=\"w-[238px] text-base font-normal leading-normal\">\n          {{ props.bannerCard.description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport { IDEVIEWMODELS } from '@/utils/models'\nimport { APICONSTANT } from '@/utils/api'\nimport { PLAN_ENUM } from '@/components/organisation/interface/IInstituteSubscriptionInfo'\nimport { OnboardingBannerConstant } from '@/components/header/auth/OnboardingFlow/constants/onboarding.constant'\n\nimport ModalLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport PaymentMethod from '@/components/api-plan/PaymentMethod.vue'\nimport OnboardingCard from '@/components/header/auth/AuthOnboardingAdvBanner/OnboardingCard.vue'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport { computed } from 'vue'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\n\nconst isOwner = computed(() => {\n  return useOrganisationStore().isOwner\n})\n</script>\n\n<template>\n  <ModalLayoutAuth :hs=\"IDEVIEWMODELS.JDROIDGETMORECREDITS\">\n    <div class=\"flex max-h-full min-h-screen w-full\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${IDEVIEWMODELS.JDROIDGETMORECREDITS}`\"\n        />\n      </div>\n      <div class=\"flex w-full gap-6 p-3\">\n        <div\n          class=\"mb-2 hidden w-1/2 lg:flex lg:items-center lg:justify-center\"\n          :class=\"`bg-[url('@/assets/images/header/AIBackground.svg')] bg-cover  bg-no-repeat`\"\n        >\n          <div class=\"flex flex-col py-4\">\n            <span class=\"heading-small mb-4 flex w-full justify-start text-black\">\n              With JDoodle Pro, you’ll get :</span\n            >\n            <div class=\"flex flex-1 flex-col gap-3\">\n              <div\n                class=\"flex w-full cursor-pointer flex-col items-start justify-center\"\n                v-for=\"(item, index) in OnboardingBannerConstant\"\n                :key=\"index\"\n              >\n                <OnboardingCard\n                  :bannerCard=\"item\"\n                  :cardStyling=\"'xl:h-[120px] w-[250px] h-[100px] xl:p-6 p-1'\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"flex flex-col items-center justify-center px-4 sm:w-full lg:w-1/2 lg:px-0 dark:text-background-quinary-dark\"\n        >\n          <div class=\"flex w-full flex-col items-center justify-center 2xl:w-[72%]\">\n            <h1 class=\"heading-small flex w-full justify-start\">\n              Smart coders grow with JDoodle Pro\n            </h1>\n            <span v-show=\"isOwner\" class=\"my-4 flex w-full justify-start\"\n              >At <span class=\"mx-1 font-bold\">$10</span> USD per month, cancel anytime.\n            </span>\n            <div v-if=\"isOwner\" class=\"flex w-full items-start justify-start lg:mr-2\">\n              <PaymentMethod :id=\"APICONSTANT.PAYMENT\" :plan=\"PLAN_ENUM.PRO\" :isModal=\"true\">\n              </PaymentMethod>\n            </div>\n            <span v-else class=\"my-4 flex w-full justify-start\">\n              <FontAwesomeIcon icon=\"fa-circle-exclamation\" class=\"mr-2 text-xl\" />\n              Please contact your organization admin to upgrade plan for more AI credits.\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ModalLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { HOMEVIEWMODELS } from '@/utils/models'\nimport { languagesItems, type ILanguage } from '@/utils/sharedData/languages'\nimport { computed, ref } from 'vue'\nimport { RouterLink } from 'vue-router'\n\ninterface IFilterItem {\n  id: string\n  title: string\n}\n\nconst searchTerm = ref<string>('')\nconst selectedFilter = ref<string>('popular')\n\nconst languages: ILanguage[] = languagesItems.sort((a: ILanguage, b: ILanguage) =>\n  a.displayName > b.displayName ? 1 : -1\n)\n\n/**\n * @param filter  - filter by first letter of language name\n */\nconst onSelectedFilter = (filter: string): void => {\n  selectedFilter.value = filter\n  searchTerm.value = ''\n}\n\nconst filterItems: IFilterItem[] = [\n  {\n    id: 'popular',\n    title: 'Popular'\n  },\n  {\n    id: 'A-E',\n    title: 'A-E'\n  },\n  {\n    id: 'F-K',\n    title: 'F-K'\n  },\n  {\n    id: 'L-Q',\n    title: 'L-Q'\n  },\n  {\n    id: 'R-Z',\n    title: 'R-Z'\n  },\n  {\n    id: 'terminal',\n    title: 'Terminal'\n  }\n]\n\nconst links = computed<ILanguage[]>(() => {\n  if (searchTerm.value) {\n    let links = languages.filter((o: ILanguage) => {\n      return o.searchTerm.includes(searchTerm.value.toLowerCase())\n    })\n    return links\n  } else if (selectedFilter.value === 'popular' || selectedFilter.value === 'terminal') {\n    return [...languages]\n      .filter((e: ILanguage) => e[selectedFilter.value as keyof ILanguage])\n      .sort((a: ILanguage, b: ILanguage) => {\n        return a.displayName > b.displayName ? 1 : -1\n      })\n  } else if (selectedFilter.value === '') {\n    return languages\n      .slice()\n      .sort((a: ILanguage, b: ILanguage) => (a.displayName > b.displayName ? 1 : -1))\n  } else {\n    return languages\n      .filter((item: ILanguage) => {\n        const firstChar = item.displayName.charAt(0).toUpperCase()\n        return firstChar >= selectedFilter.value[0] && firstChar <= selectedFilter.value[2]\n      })\n      .sort((a: ILanguage, b: ILanguage) => (a.displayName > b.displayName ? 1 : -1))\n  }\n})\n</script>\n\n<template>\n  <div class=\"flex w-full flex-col items-center justify-center gap-10\">\n    <div class=\"relative w-full\">\n      <input\n        name=\"languageSearch\"\n        class=\"section-primary p-small block w-full rounded-md border px-10 py-3\"\n        v-model=\"searchTerm\"\n      />\n      <div class=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n        <FontAwesomeIcon icon=\"fa-magnifying-glass\" class=\"h-5 w-5\" />\n      </div>\n      <button\n        v-if=\"searchTerm\"\n        @click=\"searchTerm = ''\"\n        class=\"absolute inset-y-0 right-0 flex items-center pr-3\"\n      >\n        <FontAwesomeIcon icon=\"fa-circle-xmark\" class=\"h-5 w-5\" />\n      </button>\n    </div>\n    <div class=\"flex w-full items-center justify-between gap-2 border-b px-4 py-2\">\n      <button\n        v-for=\"(item, index) in filterItems\"\n        :key=\"index\"\n        :class=\"[\n          'w-fit',\n          'font-semibold',\n          {\n            'text-btn-secondary': selectedFilter === item.id\n          }\n        ]\"\n        @click=\"onSelectedFilter(item.id)\"\n      >\n        {{ item.title }}\n      </button>\n    </div>\n    <div>\n      <div class=\"flex max-h-48 flex-wrap justify-between gap-4 overflow-auto\">\n        <template v-for=\"(item, index) in links\" :key=\"index\">\n          <router-link :to=\"item.link\" :data-hs-overlay=\"`#${HOMEVIEWMODELS.ONLINECOMPILER}`\">\n            <span class=\"block w-full px-4 py-2 hover:text-btn-primary-hover\">{{\n              item.displayName\n            }}</span>\n          </router-link>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 28 28\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#FEF3C7\",\n  d: \"M0 14C0 6.268 6.268 0 14 0s14 6.268 14 14-6.268 14-14 14S0 21.732 0 14\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#D97706\",\n  d: \"M13.977 17.456q-.416 0-.704.256a.89.89 0 0 0-.288.672q0 .4.288.672a.99.99 0 0 0 .704.272q.447 0 .736-.272a.87.87 0 0 0 .304-.672.85.85 0 0 0-.304-.656q-.289-.272-.736-.272m.016-9.616q-.352 0-.544.192-.192.208-.192.56v6.656q0 .352.192.544.192.208.544.208t.544-.208q.192-.193.192-.544V8.592q0-.352-.192-.56-.192-.192-.544-.192\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useApiStore } from '@/stores/api.store'\nimport ToastAlertIcon from '@/assets/images/svg/toast-alert.svg?component'\n\nconst msg = computed(() => {\n  return useApiStore().globalMsg\n})\n/**\n * Closes the toast\n */\nconst closeToast = () => {\n  useApiStore().setGlobalMsg('')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"msg\"\n    class=\"stroke-primary-default text-mid background-primary fixed right-4 top-4 z-[70] max-w-[22rem] rounded-xl border shadow\"\n    role=\"alert\"\n  >\n    <div class=\"flex w-full flex-col\">\n      <button @click=\"closeToast\" class=\"absolute right-0 m-2\">\n        <svg\n          class=\"h-4 w-4 text-gray-400 dark:text-gray-300\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M6 18L18 6M6 6l12 12\"\n          ></path>\n        </svg>\n      </button>\n      <div class=\"flex px-5 py-4\">\n        <div class=\"flex-shrink-0\">\n          <ToastAlertIcon class=\"h-6 w-6\" />\n        </div>\n        <div class=\"ml-4\">\n          <p class=\"text-sm text-gray-700 dark:text-gray-400\">\n            {{ msg }}\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport Logo from '@/components/utils/LogoComp.vue'\nimport { LOADINGINDICATORTEXTTYPE } from '@/stores/api.store'\nimport { useApiStore } from '@/stores/api.store'\nimport { computed, type Ref } from 'vue'\n\nconst apiStore = useApiStore()\n\ninterface IIcon {\n  icon: string\n  animation: string | null\n}\n\ninterface IModelData {\n  textColor: string\n  spanText: string\n  icon: IIcon\n}\n\nconst modelData: Ref<IModelData> = computed(() => {\n  switch (apiStore.showLoadingIndicatorText?.type) {\n    case LOADINGINDICATORTEXTTYPE.CRITICAL:\n      return {\n        textColor: 'error',\n        spanText: 'Critical Error:',\n        icon: {\n          icon: 'triangle-exclamation',\n          animation: null\n        }\n      }\n    case LOADINGINDICATORTEXTTYPE.ERROR:\n      return {\n        textColor: 'error',\n        spanText: 'Error:',\n        icon: {\n          icon: 'triangle-exclamation',\n          animation: null\n        }\n      }\n    case LOADINGINDICATORTEXTTYPE.SUCCESS:\n      return {\n        textColor: 'success',\n        spanText: 'Success:',\n        icon: {\n          icon: 'circle-check',\n          animation: null\n        }\n      }\n    default:\n      return {\n        textColor: '',\n        spanText: '',\n        icon: {\n          icon: 'spinner',\n          animation: 'spin'\n        }\n      }\n  }\n})\n\nconst showLoadingIndicator = computed(() => apiStore.showLoadingIndicator)\nconst showLoadingIndicatorText = computed(() => apiStore.showLoadingIndicatorText)\n</script>\n<template>\n  <div\n    v-if=\"showLoadingIndicator\"\n    class=\"fixed left-0 top-0 z-[120] h-screen w-screen overflow-x-hidden overflow-y-hidden backdrop-blur-lg\"\n    @click=\"showLoadingIndicator = !showLoadingIndicator\"\n  >\n    <div class=\"flex h-full w-full items-center justify-center\">\n      <div\n        :class=\"[\n          'section-primary',\n          'flex',\n          'items-center',\n          'justify-between',\n          'gap-8',\n          'w-sm',\n          'max-w-sm',\n          'md:w-md',\n          'md:max-w-md',\n          'p-8',\n          'rounded-lg',\n          'shadow-2xl'\n        ]\"\n      >\n        <FontAwesomeIcon\n          :icon=\"modelData.icon.icon\"\n          :class=\"['text-right text-6xl', 'shadow-lg', 'rounded-full', modelData.textColor]\"\n          :spin=\"modelData.icon.animation === 'spin'\"\n          :shake=\"modelData.icon.animation === 'shake'\"\n          :bounce=\"modelData.icon.animation === 'bounce'\"\n        />\n\n        <div class=\"flex flex-col items-start justify-center gap-4\">\n          <Logo :isLink=\"false\" />\n          <div class=\"flex flex-col items-start justify-center gap-2\">\n            <p class=\"p-normal break-words\">\n              <span\n                v-if=\"showLoadingIndicatorText.type !== LOADINGINDICATORTEXTTYPE.LOADING\"\n                :class=\"modelData.textColor\"\n              >\n                {{ modelData.spanText }}\n              </span>\n              {{ showLoadingIndicatorText.text }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\n\nconst showBanner = ref<Boolean>(true)\n\n/**\n * Hide webinar banner\n */\nconst hideBanner = () => {\n  const currentDate = new Date()\n  setCookie('bannerExpirationTime', currentDate.getTime().toString(), 1)\n  showBanner.value = false\n}\n/**\n * Get the cookie value banner expiration time\n * @param name Key of the cookie\n * @returns Cookie value\n */\nconst getCookie = (name: string): string | undefined => {\n  const value = `; ${document.cookie}`\n  const parts = value.split(`; ${name}=`)\n  return parts.length === 2 ? parts.pop()?.split(';').shift() : undefined\n}\n/**\n * Set the cookie value with banner expiration time\n * @param name Key of the cookie\n * @param value Value of the cookie\n * @param expires Number of days after which banner will expire\n */\nconst setCookie = (name: string, value: string, expires: number): void => {\n  const d = new Date()\n  d.setTime(d.getTime() + (expires || 0) * 24 * 60 * 60 * 1000)\n\n  document.cookie = `${name}=${encodeURIComponent(value)}; expires=${d.toUTCString()}; path=/`\n}\n/**\n * Remove the cookie value (Set the time in past)\n * @param name Key of the cookie\n */\nconst deleteCookie = (name: string): void => {\n  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`\n}\n\nonMounted(() => {\n  const bannerExpirationTime = getCookie('bannerExpirationTime')\n\n  if (bannerExpirationTime) {\n    const nextDayTimestamp = Number(bannerExpirationTime) + 24 * 60 * 60 * 1000\n\n    if (Date.now() < nextDayTimestamp) {\n      showBanner.value = false\n    } else {\n      showBanner.value = true\n      deleteCookie('bannerExpirationTime')\n    }\n  }\n})\n</script>\n\n<template>\n  <div\n    v-if=\"showBanner\"\n    class=\"section-primary relative flex justify-center border-b-[1px] p-4 text-center dark:border-t-[1px] dark:border-[#1C4875] dark:bg-[#0A2540]\"\n  >\n    <div class=\"text-md mt-3 px-4 font-semibold sm:mt-0 lg:text-lg\">\n      <span\n        >Build applications on the go with JDoodle Mobile App.\n        <span class=\"text-brand\">Live Webinar</span> | 8th May at 2:30 pm (AEST) <span> </span\n      ></span>\n      <button class=\"my-2 text-sm lg:text-base xl:my-0\">\n        <a\n          href=\"https://jdoodle.clickmeeting.com/build-applications-with-jdoodle-mobile-app/register\"\n          class=\"btn-primary ml-4 rounded-md px-3 py-2\"\n          target=\"_blank\"\n          >Book Your Seat</a\n        >\n      </button>\n    </div>\n    <div class=\"absolute right-0 top-0 p-1 lg:top-[15px] lg:pr-3\">\n      <button data-cy=\"close-banner\">\n        <FontAwesomeIcon\n          icon=\"fa-xmark\"\n          class=\"text-brand h-5 w-5 dark:text-white\"\n          @click=\"hideBanner\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n","export default \"__VITE_ASSET__1dc9d66f__\"","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport authService from '@/services/auth.service'\nimport utilModelsService from '@/services/util.models.service'\nimport { handleError } from '@/services/errorHandler.service'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport { useOrganisationStore } from '@/stores/organisation.store'\n\nimport roundCircle from '@/assets/images/svg/AuthOnboarding/Ellipse522.svg'\nimport { INVITE_RESPONSE } from '@/components/organisation/enum/organisation.enums'\nimport { createOwnAccount, respondToInvite } from '@/services/teach.service'\nimport { HttpStatusCode } from 'axios'\n\nconst router = useRouter()\nconst organisationStore = useOrganisationStore()\nconst isLoading = ref<boolean>(false)\nconst httpError = ref<string>('')\nconst invitations = computed(() => {\n  return organisationStore.userInvitations\n})\n\n/**\n * Handles the user's response to an invitation.\n * @param currentResponse response\n * @param invitationToken token\n */\nconst handleRespondToInvite = async (currentResponse: INVITE_RESPONSE, invitationToken: string) => {\n  httpError.value = ''\n  isLoading.value = true\n\n  respondToInvite(currentResponse, invitationToken)\n    .then(async (res) => {\n      if (res.status == HttpStatusCode.Ok) {\n        await utilModelsService.closeModalAsync(AUTHMODELHS.INVITEACCEPT).then(async () => {\n          utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n          await authService.initAuth(false, false)\n        })\n        httpError.value = ''\n      }\n    })\n    .catch((error: any) => {\n      httpError.value = handleError(error)\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n/**\n * close model and redirect to org page\n */\nconst handleCreateAccount = async () => {\n  httpError.value = ''\n  isLoading.value = true\n  createOwnAccount()\n    .then(async () => {\n      await authService.initAuth(false, true, false)\n      utilModelsService.closeModal(AUTHMODELHS.INVITEACCEPT)\n      router.push({ name: 'home' })\n      httpError.value = ''\n    })\n    .catch((error: any) => {\n      httpError.value = handleError(error)\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.INVITEACCEPT\">\n    <div class=\"flex h-screen w-full flex-col overflow-hidden\">\n      <div class=\"flex w-full flex-1 gap-10 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[50%]\">\n          <LoginRegisterBanner\n            text=\"A feature-rich coding suite powered by AI\"\n            highlighertext=\"powered by AI\"\n          />\n        </div>\n\n        <div class=\"h-full w-full rounded-md p-10 lg:min-w-[40%]\">\n          <div class=\"flex flex-col items-center justify-center\">\n            <div class=\"flex w-full flex-col justify-start gap-4\">\n              <div class=\"new-secondary flex w-full items-start text-3xl\">\n                You have team invites\n              </div>\n              <div\n                v-if=\"invitations && invitations.length > 0\"\n                class=\"new-secondary-700 flex w-full items-start\"\n              >\n                You can accept only one invite to join a team.\n              </div>\n\n              <div v-else class=\"new-secondary-700 flex w-full items-start\">\n                Accept the invite to join the team.\n              </div>\n            </div>\n\n            <div class=\"mt-10 flex w-full flex-col items-start justify-start gap-2\">\n              <div class=\"flex h-full w-full\" v-for=\"invite in invitations\" :key=\"invite.token\">\n                <div\n                  className=\"max-w-full h-auto sm:h-20 w-full flex sm:flex-row flex-col gap-5 px-3 py-2 rounded-md border border-slate-400 justify-between items-center\"\n                >\n                  <div className=\"h-auto justify-start items-center gap-4 flex\">\n                    <div className=\"justify-start items-center gap-4 flex\">\n                      <div className=\"justify-start items-center gap-2.5 flex\">\n                        <div className=\"w-14 h-14 relative\">\n                          <div\n                            className=\"w-[60px] h-[60px] left-0 top-0 absolute bg-orange-300 rounded-full\"\n                          />\n                          <img\n                            className=\"w-12 h-12 left-1 top-1 absolute rounded-full\"\n                            src=\"https://via.placeholder.com/50x50\"\n                          />\n                          <img\n                            className=\"w-[50px] h-[50px] left-[5px] top-[5px] absolute rounded-full\"\n                            :src=\"roundCircle\"\n                          />\n                        </div>\n                        <div className=\"flex-col justify-start items-start inline-flex\">\n                          <div className=\"justify-start items-center inline-flex\">\n                            <div className=\"justify-center items-center flex\">\n                              <div className=\"text-sky-950 text-base font-semibold leading-normal\">\n                                {{ invite.ownerFirstName }}&nbsp;&nbsp;{{ invite.ownerLastName }}\n                              </div>\n                            </div>\n                          </div>\n                          <div className=\"justify-start items-center inline-flex\">\n                            <div className=\"text-xs font-medium  leading-normal\">\n                              {{ invite.ownerUsername }}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"justify-start items-start gap-4 flex\">\n                    <Button\n                      :disabled=\"isLoading\"\n                      class=\"w-full py-2\"\n                      variant=\"filled\"\n                      size=\"medium\"\n                      @click=\"handleRespondToInvite(INVITE_RESPONSE.ACCEPT, invite.token)\"\n                    >\n                      Accept Invite\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              v-if=\"invitations && invitations.length > 0\"\n              class=\"p-xsmall flex items-center p-4 py-4 text-sm text-text-tertiary before:mr-6 before:flex-[1_1_0%] before:border before:border-neutral-100 after:ml-6 after:flex-[1_1_0%] after:border after:border-neutral-100\"\n            >\n              or\n            </div>\n\n            <div class=\"flex h-full w-full\">\n              <div className=\"max-w-full h-20 w-full flex flex-row justify-between items-center\">\n                <div className=\"flex-col justify-start items-start inline-flex gap-2\">\n                  <div className=\"justify-start items-center inline-flex\">\n                    <div className=\"justify-center items-center flex\">\n                      <div className=\"text-lg font-semibold leading-normal\">\n                        Create my personal account\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"justify-start items-center inline-flex\">\n                    <div class=\"new-secondary-700 flex w-full items-start\">\n                      Ignore all invites and setup your account\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"justify-start items-start flex\">\n                  <div className=\"w-full h-10  rounded justify-end items-center flex\">\n                    <div className=\" justify-center items-center gap-2.5 flex\">\n                      <Button\n                        size=\"medium\"\n                        color=\"secondary\"\n                        variant=\"outline\"\n                        @click=\"handleCreateAccount\"\n                      >\n                        Create my account\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div v-if=\"isLoading\" class=\"text-primary mx-3 mt-2.5 text-sm\">Loading...</div>\n            <p\n              :class=\"[\n                'p-small mt-2',\n                'text-center',\n                { hidden: !httpError && isLoading, 'text-sky-950': isLoading, error: !isLoading }\n              ]\"\n            >\n              {{ httpError }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- form -->\n  </ModelLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, computed, onBeforeMount, onMounted, watch } from 'vue'\nimport { RouterView } from 'vue-router'\nimport { IDERELETIVEHEIGHT } from '@/utils/ide'\nimport { type ILanguage } from '@/utils/sharedData/languages'\nimport { useRoute } from 'vue-router'\nimport { useRouter } from 'vue-router'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useJdroidStore } from '@/stores/jdroid.store'\nimport { useNavStore } from '@/stores/nav.store'\nimport { initAxios } from '@/services/api.service'\nimport authService from '@/services/auth.service'\nimport { getAssociationsAndInstituteOwn, getSubscriptionInfo } from '@/services/teach.service'\nimport { useSSGStore } from '@/stores/ssg.store'\nimport { useIdeStore } from '@/stores/ide.store'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport { setActiveAccount } from '@/services/organisation.service'\nimport { useAssessmentStore } from '@/stores/assessment.store'\nimport { useSubscribeStore } from '@/stores/subscribe.store'\n\nimport type IAssociation from '@/components/organisation/interface/IAssociation'\n\nimport CookieBanner from '@/components/footer/CookieBanner.vue'\nimport FooterMarketing from '@/components/footer/FooterMarketing.vue'\nimport FooterProduct from '@/components/footer/FooterProduct.vue'\nimport FeedbackModel from '@/components/footer/FeedbackModel.vue'\nimport ForgotPasswordModel from '@/components/header/auth/ForgotPasswordModel.vue'\nimport LoginModel from '@/components/header/auth/LoginModel.vue'\nimport OtpModel from '@/components/header/auth/OtpAuthModel.vue'\nimport ResetPassword from '@/components/header/auth/ResetPasswordModel.vue'\nimport RegisterModel from '@/components/header/auth/RegisterModel.vue'\nimport OtpVerifiedSuccess from '@/components/header/auth/OtpVerifiedSuccessModel.vue'\nimport ChangePasswordModel from '@/components/header/auth/profile/ChangePasswordModel.vue'\nimport ChangeUserNameModel from '@/components/header/auth/profile/ChangeUserNameModel.vue'\nimport OnboardingModel from '@/components/header/auth/OnboardingFlow/OnboardingModel.vue'\nimport InfoModel from '@/components/utils/InfoModel.vue'\nimport ConfirmModel from '@/components/utils/ConfirmModel.vue'\nimport AlertModel from '@/components/utils/AlertModel.vue'\nimport StartCodingModel from '@/components/ide/ide/ai/launchPage/StartCodingModal.vue'\nimport PlatformPaymentModal from '@/components/ide/ide/settings/PlatformPaymentModal.vue'\nimport NavigationMenu from '@/components/header/navigation/NavigationMenu.vue'\nimport CompilerModel from '@/components/home/__CompilerModel.vue'\nimport GlobalToast from '@/components/shared/GlobalToast.vue'\n\nimport LoadingView from '@/views/LoadingView.vue'\n\nimport WebinarHeader from '@/components/webinar/WebinarHeader.vue'\nimport InviteAcceptModel from '@/components/header/auth/InviteAcceptModel.vue'\n\nimport MobileNavigation from '@/components/header/navigation/MobileNavigation.vue'\nimport MobileProfileTab from '@/components/header/navigation/MobileProfileTab.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst ssgStore = useSSGStore()\nconst authStore = useAuthStore()\nconst assessmentStore = useAssessmentStore()\nconst ideStore = useIdeStore()\nconst jdroidStore = useJdroidStore()\nconst organisationStore = useOrganisationStore()\nconst navStore = useNavStore()\nconst subscribeStore = useSubscribeStore()\n\nconst startCodingModelRef = ref<any | null>(null)\nconst sticky = ref(true)\nconst firstLoad = ref<boolean>(true)\n\nconst initAndLogedIn = computed(() => authStore.isInitiated && authStore.isUserloggedIn)\n\nconst currentOrgCode = computed(() => {\n  return organisationStore.associations?.find(\n    (org: IAssociation) => org.accountId == organisationStore.activeAccountId\n  )?.institute.code\n})\n\nconst currentOrgName = computed(() => {\n  return organisationStore.associations?.find(\n    (org: IAssociation) => org.accountId == organisationStore.activeAccountId\n  )?.institute.name\n})\n\nconst isMarketingPage = computed(() => {\n  return navStore.isMarketingPage\n})\n\nconst isOwner = computed(() => {\n  return useOrganisationStore().isOwner\n})\n\nconst isPaymentView = computed(() => {\n  return subscribeStore.isPaymentView\n})\n\n/**\n * Gets all associations and roles, and sets current account (personal)\n */\nasync function getAndSetRoles_AndSetActiveAccount() {\n  const res = await getAssociationsAndInstituteOwn()\n  organisationStore.setAssociationAndInstituteOwn(res)\n\n  if (organisationStore.activeAccountId) {\n    organisationStore.getAndSetCurrentAssociation(currentOrgCode.value)\n    organisationStore.setOrgCode(currentOrgCode.value!)\n    organisationStore.setOrgName(currentOrgName.value as string)\n\n    const roles = await setActiveAccount(\n      organisationStore.activeAccountId,\n      firstLoad.value ? false : true\n    )\n    organisationStore.setactiveAccountRoles(roles)\n  }\n\n  if (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isOrganisationAdmin ||\n    organisationStore.isEmbedAdmin ||\n    organisationStore.isEmbedViewer ||\n    organisationStore.isApiAdmin ||\n    organisationStore.isInstituteAdmin ||\n    organisationStore.isTeacher ||\n    organisationStore.isIndividualAccount\n  ) {\n    const subscriptionRes = await getSubscriptionInfo()\n    organisationStore.setSubscriptionInfo(subscriptionRes)\n    assessmentStore.setSubscriptionInfo(subscriptionRes)\n  }\n}\n\n/**\n * Opens the start coding model\n */\nconst startCoding = () => {\n  const language: ILanguage | null = jdroidStore.startCodingLanguage\n  jdroidStore.setStartCodingLanguage(null)\n  startCodingModelRef.value?.open(language)\n}\n\nonBeforeMount(async () => {\n  initAxios()\n  await authService.initAuth().then(() => {\n    const paths = route.fullPath.split('/')\n    let advanceCompilerLangauge: string = ''\n\n    if (route.meta.advanceCompiler) {\n      advanceCompilerLangauge = route.meta.language as string\n    }\n\n    if (\n      paths[1] &&\n      (paths[1] == 'dashboard' ||\n        paths[1] == 'teams' ||\n        paths[1] == 'assessments' ||\n        paths[1] == 'student-assessments' ||\n        paths[1] == 'subscribe-api' ||\n        paths[1] == 'embed-manager' ||\n        paths[1] == 'profile' ||\n        paths[1] == advanceCompilerLangauge)\n    ) {\n      const emailQueryPresent = route.query.email || null\n\n      if (!useAuthStore().isUserloggedIn && !emailQueryPresent) {\n        router.push({ name: 'login-to-continue' })\n      } else if (!useAuthStore().isUserloggedIn && emailQueryPresent) {\n        const decodedEmail = decodeURI(emailQueryPresent as string)\n        authStore.setEmailFromInvitationMail(decodedEmail)\n        router.push({ name: 'signup-to-continue' })\n      } else if (useAuthStore().isUserloggedIn && emailQueryPresent) {\n        router.push({ name: 'home' })\n      }\n    }\n  })\n})\n\nonMounted(async () => {\n  if (authStore.isUserloggedIn) {\n    //Get invitations for notifications\n    await getAndSetRoles_AndSetActiveAccount()\n  }\n\n  // Show/hide sticky navbar on top when scrolling\n  var oldScrollY = window.scrollY\n  window.onscroll = function () {\n    if (oldScrollY < window.scrollY) {\n      sticky.value = false\n    } else {\n      sticky.value = true\n    }\n    oldScrollY = window.scrollY\n  }\n})\n\nwatch(\n  () => [authStore.firstName],\n  async () => {\n    await getAndSetRoles_AndSetActiveAccount()\n  }\n)\n\nwatch(\n  () => organisationStore.currentOrgCode,\n  () => {\n    organisationStore.activeAccountRoles = null\n  }\n)\n\nwatch(\n  () => subscribeStore.getMoreCreditsUpdated,\n  async () => {\n    if (subscribeStore.getMoreCreditsUpdated && isOwner.value) {\n      subscribeStore.setIsFetchingSubscriptionInfo(true)\n      try {\n        const res = await getSubscriptionInfo()\n        organisationStore.setSubscriptionInfo(res)\n        assessmentStore.setSubscriptionInfo(res)\n        jdroidStore.setMoreCreditsUpdated(true)\n      } catch (error) {\n        subscribeStore.setIsFetchingSubscriptionInfo(false)\n      }\n      subscribeStore.setIsFetchingSubscriptionInfo(false)\n    }\n  }\n)\n</script>\n\n<template>\n  <!-- Global notifications -->\n  <template v-if=\"!ssgStore.isSSG\">\n    <GlobalToast />\n    <GlobalToast />\n    <!-- Loading view -->\n    <LoadingView />\n    <!-- Models when not logged in -->\n    <LoginModel />\n    <!-- Models for onboarding flow -->\n    <OnboardingModel />\n\n    <InviteAcceptModel />\n    <div v-if=\"!initAndLogedIn\">\n      <RegisterModel />\n      <ForgotPasswordModel />\n      <OtpModel />\n      <ResetPassword />\n      <OtpVerifiedSuccess />\n    </div>\n    <!-- Models when logged in -->\n    <div v-else>\n      <ChangePasswordModel />\n      <ChangeUserNameModel />\n    </div>\n\n    <!-- Other models -->\n    <FeedbackModel />\n    <CompilerModel />\n    <InfoModel />\n    <ConfirmModel />\n    <AlertModel />\n    <StartCodingModel ref=\"startCodingModelRef\" />\n    <PlatformPaymentModal v-if=\"!isPaymentView\" />\n  </template>\n  <div class=\"flex min-h-screen flex-col justify-between\">\n    <!-- <header\n      class=\"sticky left-0 right-0 top-0 z-50 transform drop-shadow-md transition-all duration-300\"\n      :class=\"sticky ? 'sm:translate-y-0' : 'sm:-translate-y-full'\"\n    > -->\n    <header :id=\"IDERELETIVEHEIGHT.EXCLUDEID\" class=\"sticky top-0 z-[60] sm:z-50\">\n      <!-- This double nav solves preline's dropdown bug when switching from mobile to desktop -->\n\n      <NavigationMenu\n        v-if=\"!ideStore.isIdeView\"\n        class=\"block h-full w-full sm:hidden\"\n        id=\"mobileNav\"\n        :isMobileNav=\"!isMarketingPage ? true : false\"\n      />\n\n      <NavigationMenu\n        v-if=\"!ideStore.isIdeView || !ideStore.currentMobileTab\"\n        class=\"hidden sm:block\"\n        :is-ide-mobile-nav=\"ideStore.isIdeView ? true : false\"\n        id=\"desktopNav\"\n      />\n\n      <WebinarHeader v-if=\"navStore.showWebinarBanner\" />\n    </header>\n\n    <section class=\"relative flex-1\">\n      <div\n        v-if=\"navStore.showMobileNav && ideStore.currentMobileTab != null && !ideStore.isIdeView\"\n        class=\"absolute top-0 z-50 h-full\"\n      >\n        <MobileNavigation />\n      </div>\n      <div\n        v-if=\"\n          navStore.showMobileProfileNav && ideStore.currentMobileTab != null && !ideStore.isIdeView\n        \"\n        class=\"absolute right-0 z-50 h-full\"\n      >\n        <MobileProfileTab />\n      </div>\n      <RouterView @startCoding=\"startCoding\" />\n    </section>\n\n    <CookieBanner />\n    <FooterMarketing v-if=\"!ideStore.isIdeView && isMarketingPage\" />\n    <FooterProduct v-if=\"!ideStore.isIdeView && !isMarketingPage\" />\n  </div>\n</template>\n"],"names":["showCookieBanner","ref","onClickAccept","onMounted","flagAustralia","ideStore","useIdeStore","jdroidStore","useJdroidStore","isIdeView","computed","isJdroidChatView","currentYear","isIdeFullScreen","sendFeedback","feedbackRequest","axios","response","error","feedbackService","languages","languagesItems","a","b","httpErrorTimeOut","httpError","httpSuccessTimeOut","httpSuccess","availableLanguages","errors","handleSubmit","resetForm","useForm","searchTerm","searchTermError","useField","string","dynamicId","canSubmit","getLinks","keywords","o","i","onSubmit","values","links","link","requestPayload","_b","_a","watch","oldPassword","oldPasswordError","newPassword","newPasswordError","confirmNewPassword","confirmNewPasswordError","passwordNotMatchError","authService","watchEffect","hs","utilModelsStore","useUtilModelsStore","showInfo","title","subTitle","utilModelsService","promise","isConfirmPromiseFinished","returnHS","yesBtnText","noBtnText","hideCloseButton","yesBtnClass","noBtnClass","yes","no","val","alertTimeOut","okay","authStore","useAuthStore","organisationStore","useOrganisationStore","projectCount","projectLimit","limitCrossed","isOwner","warningTitle","warningDesc","jdroidSmallStar","route","useRoute","router","useRouter","projectManagerStore","useProjectManager","liveCodeStore","useLiveCodeStore","allLanguages","cloneDeep","langauge","projectSetupOptions","showSuggestions","selectedLanguage","icon","iconDark","versionIndex","isMultifile","prompt","projectSetup","projectName","projectNameError","setErrors","isDefaultIde","lang","projectsService","showDropdown","versionData","selectedVersionLanguage","showVersions","showMultifile","isJdroidSupported","_c","_d","filtedProjectSetupOptions","project","isJdroidProjectSetupOptionSelected","defaultLanguage","isProjectLimitCloseOrReachedOrExceeded","resetVersions","handleClick","startFromJdroid","chat","jdroidService","resolve","goToIdePush","failure","isNavigationFailure","NavigationFailureType","confirmModal","CONFIRM","ideService","goToIde","IDEVIEWMODELS","liveCodingService","useApiStore","AIType","ChatStatus","onClose","open","language","settingService","getIdeSettings","PLAN_ENUM","clickEventHandler","event","toggleProjectManagerModal","generateProjectName","clickGenerate","generatedName","onUnmounted","__expose","onboardingVector1","onboardingVector2","onboardingVector3","onboardingVector4","OnboardingBannerConstant","props","__props","selectedFilter","onSelectedFilter","filter","filterItems","e","item","firstChar","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","render","_ctx","_cache","_openBlock","_createElementBlock","ToastAlertIcon","msg","closeToast","apiStore","modelData","LOADINGINDICATORTEXTTYPE","showLoadingIndicator","showLoadingIndicatorText","showBanner","hideBanner","setCookie","getCookie","name","parts","value","expires","d","deleteCookie","bannerExpirationTime","nextDayTimestamp","roundCircle","isLoading","invitations","handleRespondToInvite","currentResponse","invitationToken","respondToInvite","res","HttpStatusCode","AUTHMODELHS","handleError","handleCreateAccount","createOwnAccount","ssgStore","useSSGStore","assessmentStore","useAssessmentStore","navStore","useNavStore","subscribeStore","useSubscribeStore","startCodingModelRef","sticky","firstLoad","initAndLogedIn","currentOrgCode","org","currentOrgName","isMarketingPage","isPaymentView","getAndSetRoles_AndSetActiveAccount","getAssociationsAndInstituteOwn","roles","setActiveAccount","subscriptionRes","getSubscriptionInfo","startCoding","onBeforeMount","initAxios","paths","advanceCompilerLangauge","emailQueryPresent","decodedEmail","oldScrollY"],"mappings":"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"}