{"version":3,"file":"info-triangle-a2235959.js","sources":["../../src/components/header/navigation/MobileNavigation.vue","../../src/components/header/navigation/MobileProfileTab.vue","../../src/assets/images/ide/info-triangle.svg?component"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\nimport { MOBILEIDENAVIGATIONIDS } from '@/utils/ide'\nimport { useNavStore } from '@/stores/nav.store'\nimport { useIdeStore } from '@/stores/ide.store'\n\nimport SolutionsMegaMenu from '@/components/header/navigation/SolutionsMegaMenu.vue'\nimport ResourcesMegaMenu from '@/components/header/navigation/ResourcesMegaMenu.vue'\nimport CodeSearchBar from '@/components/code/CodeSearchBar.vue'\nimport Logo from '@/components/utils/LogoComp.vue'\n\nconst ideStore = useIdeStore()\nconst navStore = useNavStore()\n\n/**\n * @param event Click event\n * If clicking outside of dropdown div, dropdown will disappear\n */\nconst clickEventHandler = (event: any) => {\n  const mobileIdeNavigation = document.getElementById(MOBILEIDENAVIGATIONIDS.IDENAVIGATION)\n\n  if (navStore.showMobileNav) {\n    if (\n      mobileIdeNavigation &&\n      !mobileIdeNavigation.contains(event.target) &&\n      event.target.id != MOBILEIDENAVIGATIONIDS.MENUDARKETLOGOID &&\n      event.target.id != MOBILEIDENAVIGATIONIDS.CODESEARCHBARID\n    ) {\n      navStore.setMobileNav(false)\n    } else {\n      navStore.setMobileNav(true)\n    }\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('click', clickEventHandler)\n})\n\nonUnmounted(() => {\n  navStore.setMobileNav(false)\n  document.removeEventListener('click', clickEventHandler)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"ideStore.currentMobileTab != null\"\n    :id=\"MOBILEIDENAVIGATIONIDS.IDENAVIGATION\"\n    class=\"border-primary surface-primary-base absolute left-0 order-2 flex h-full w-full min-w-[13.5rem] flex-col gap-2 overflow-auto border-r p-1 [--adaptive:none] [--strategy:static] [--trigger:click] lg:flex lg:h-full lg:flex-row lg:items-center lg:gap-0 lg:[--strategy:absolute]\"\n  >\n    <div>\n      <Logo />\n      <CodeSearchBar\n        :isWithAnimation=\"true\"\n        :is-full-size=\"false\"\n        :isMini=\"true\"\n        :isIdeMobileNav=\"true\"\n      />\n    </div>\n    <!-- Solutions -->\n    <div\n      class=\"hs-dropdown w-full [--adaptive:none] [--strategy:static] [--trigger:click] lg:flex lg:items-center lg:[--strategy:absolute]\"\n    >\n      <button\n        type=\"button\"\n        class=\"flex w-full items-center justify-between px-3 py-1 lg:rounded-md lg:px-2\"\n      >\n        Solutions\n        <FontAwesomeIcon\n          icon=\"fa-chevron-right\"\n          class=\"ml-2 mr-2 h-3 w-3 lg:mr-0 lg:h-2.5 lg:w-2.5\"\n        />\n      </button>\n      <SolutionsMegaMenu />\n    </div>\n\n    <!-- Resources -->\n    <div\n      class=\"hs-dropdown [--adaptive:none] [--strategy:static] [--trigger:click] lg:flex lg:items-center lg:[--strategy:absolute]\"\n    >\n      <button\n        type=\"button\"\n        class=\"flex w-full items-center justify-between px-3 py-1 lg:rounded-md lg:px-2\"\n      >\n        Resources\n        <FontAwesomeIcon\n          icon=\"fa-chevron-right\"\n          class=\"ml-2 mr-2 h-3 w-3 lg:mr-0 lg:h-2.5 lg:w-2.5\"\n        />\n      </button>\n      <ResourcesMegaMenu />\n    </div>\n\n    <!-- Pricing -->\n    <div class=\"w-full\">\n      <RouterLink class=\"flex w-full items-center px-3 py-1 lg:rounded-md lg:px-2\" to=\"/pricing\">\n        Pricing\n      </RouterLink>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\nimport { onBeforeRouteUpdate } from 'vue-router'\nimport { MOBILEIDENAVIGATIONIDS } from '@/utils/ide'\nimport { useNavStore } from '@/stores/nav.store'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useOrganisationStore } from '@/stores/organisation.store'\n\nimport ProfilePictureComp from '@/components/header/auth/profile/ProfilePictureComp.vue'\nimport LogoutComp from '@/components/header/auth/profile/LogoutComp.vue'\n\nimport StartCodingButton from '@/components/ide/ide/ai/launchPage/StartCodingButton.vue'\nimport UserIcon from '@/assets/images/svg/profile-menu/user.svg?component'\nimport DashboardIcon from '@/assets/images/svg/profile-menu/dashboard.svg?component'\nimport CreditCardIcon from '@/assets/images/svg/profile-menu/credit-card.svg?component'\n\nconst authStore = useAuthStore()\nconst organisationStore = useOrganisationStore()\nconst navStore = useNavStore()\n\nconst viewOrganisations = ref<boolean>(false)\nconst dropdownItem = ref<HTMLDivElement | null>(null)\n\nconst isCollapsedHeader = computed(() => {\n  return navStore.isCollapsedHeader\n})\n\nconst showPersonalProfilePic = computed(() => {\n  return organisationStore.activeAccountId == organisationStore.personalAccountId\n})\n\nconst currentAccountName = computed(() => {\n  return authStore.firstName\n})\n\n// Roles\nconst showPlansPayment = computed(() => {\n  return (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isIndividualAccount ||\n    organisationStore.isOrganisationAdmin\n  )\n})\n\nconst showAssessmentsManagement = computed(() => {\n  return (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isOrganisationAdmin ||\n    organisationStore.isTeacher ||\n    organisationStore.isInstituteAdmin\n  )\n})\n\nconst showStudentAssessment = computed(() => {\n  return organisationStore.isStudent\n})\n\nconst showApi = computed(() => {\n  return (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isOrganisationAdmin ||\n    organisationStore.isApiAdmin ||\n    organisationStore.isApiViewer ||\n    organisationStore.isIndividualAccount\n  )\n})\n\nconst showEmbed = computed(() => {\n  return (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isOrganisationAdmin ||\n    organisationStore.isEmbedAdmin ||\n    organisationStore.isEmbedViewer ||\n    organisationStore.isIndividualAccount\n  )\n})\n\nconst showTeams = computed(() => {\n  return (\n    organisationStore.isOrganisationOwner ||\n    organisationStore.isOrganisationAdmin ||\n    organisationStore.isTeacher\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 (navStore.showMobileProfileNav) {\n    if (\n      event.target.id != MOBILEIDENAVIGATIONIDS.PROFILETAB &&\n      event.target.id != MOBILEIDENAVIGATIONIDS.PROFILEPICID\n    ) {\n      navStore.setMobileProfileNav(false)\n    } else {\n      navStore.setMobileProfileNav(true)\n    }\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('click', clickEventHandler)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', clickEventHandler)\n})\n\nonBeforeRouteUpdate(() => {\n  viewOrganisations.value = false\n})\n</script>\n\n<template>\n  <div\n    ref=\"dropdownItem\"\n    :id=\"MOBILEIDENAVIGATIONIDS.PROFILETAB\"\n    class=\"border-primary surface-primary-base h-full w-full min-w-[13.5rem] border-l p-1 sm:min-w-[15rem]\"\n  >\n    <!-- START User Basic Info -->\n    <div class=\"surface-primary-header mb-0.5 flex items-center gap-2 rounded p-2\">\n      <ProfilePictureComp\n        :show-personal-profile-pic=\"showPersonalProfilePic\"\n        :isUserProfileImage=\"true\"\n        :currentName=\"currentAccountName\"\n        :widthAndHeightClass=\"'h-10 w-10'\"\n      />\n      <div class=\"max-w-32 overflow-hidden truncate\">\n        <h3 class=\"text-sm font-semibold\">{{ currentAccountName }}</h3>\n      </div>\n    </div>\n    <!-- END User Basic Info -->\n\n    <!-- START Menu buttons and links -->\n    <div class=\"flex flex-col\">\n      <!-- Only when individual profile -->\n      <RouterLink\n        class=\"text-button-secondary hover:surface-primary-header hover:text-high flex items-center gap-5 rounded px-2 py-1.5 text-sm font-medium lg:gap-3\"\n        to=\"/profile\"\n      >\n        <UserIcon /> Profile\n      </RouterLink>\n      <hr class=\"stroke-primary-default my-0.5\" />\n      <!-- Start Dashboard -->\n      <div>\n        <RouterLink\n          class=\"text-button-secondary hover:surface-primary-header hover:text-high flex items-center gap-5 rounded px-2 py-1.5 text-sm font-medium lg:gap-3\"\n          to=\"/dashboard\"\n        >\n          <DashboardIcon /> Dashboard\n        </RouterLink>\n\n        <div>\n          <StartCodingButton :isProfileMenu=\"true\" />\n          <RouterLink\n            class=\"text-button-secondary hover:surface-primary-header hover:text-high block rounded py-1.5 pl-[3.25rem] text-sm font-medium\"\n            to=\"/chat-jdroid\"\n          >\n            Chat JDroid\n          </RouterLink>\n          <RouterLink\n            v-if=\"showAssessmentsManagement || showStudentAssessment\"\n            class=\"text-button-secondary hover:surface-primary-header hover:text-high block rounded py-1.5 pl-[3.25rem] text-sm font-medium\"\n            :to=\"`/${showStudentAssessment ? 'student-assessments' : 'assessments'}`\"\n          >\n            Assessments\n          </RouterLink>\n          <RouterLink\n            v-if=\"showEmbed\"\n            class=\"text-button-secondary hover:surface-primary-header hover:text-high block rounded py-1.5 pl-[3.25rem] text-sm font-medium\"\n            to=\"/embed-manager\"\n          >\n            Embed\n          </RouterLink>\n          <RouterLink\n            v-if=\"showApi\"\n            class=\"text-button-secondary hover:surface-primary-header hover:text-high block rounded py-1.5 pl-[3.25rem] text-sm font-medium\"\n            to=\"/subscribe-api\"\n          >\n            API\n          </RouterLink>\n          <RouterLink\n            v-if=\"showTeams || showPlansPayment\"\n            class=\"text-button-secondary hover:surface-primary-header hover:text-high block rounded py-1.5 pl-[3.25rem] text-sm font-medium\"\n            :to=\"organisationStore.isTeacher ? `/teams/student-groups` : `/teams/users`\"\n          >\n            Manage Teams\n          </RouterLink>\n          <hr class=\"stroke-primary-default my-0.5\" />\n        </div>\n      </div>\n\n      <RouterLink\n        v-if=\"showPlansPayment\"\n        class=\"text-button-secondary hover:surface-primary-header hover:text-high flex items-center gap-5 rounded px-2 py-1.5 text-sm font-medium lg:gap-3\"\n        to=\"/plans-payments\"\n      >\n        <CreditCardIcon />\n        Plans & Payments\n      </RouterLink>\n\n      <LogoutComp v-if=\"isCollapsedHeader\" />\n    </div>\n    <!-- END Menu buttons and links -->\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 40 41\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \"2.5\",\n  d: \"M19.998 16.71h.017m-1.683 5h1.666v6.667h1.667m-4.6-21.739L3.028 30.072a3.315 3.315 0 0 0 2.834 4.971h28.075a3.314 3.314 0 0 0 2.833-4.971L22.732 6.638a3.315 3.315 0 0 0-5.667 0\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_3]))\n}\nexport default { render: render }"],"names":["ideStore","useIdeStore","navStore","useNavStore","clickEventHandler","event","mobileIdeNavigation","MOBILEIDENAVIGATIONIDS","onMounted","onUnmounted","authStore","useAuthStore","organisationStore","useOrganisationStore","viewOrganisations","ref","dropdownItem","isCollapsedHeader","computed","showPersonalProfilePic","currentAccountName","showPlansPayment","showAssessmentsManagement","showStudentAssessment","showApi","showEmbed","showTeams","onBeforeRouteUpdate","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","InfoTriangle"],"mappings":"8iCAWA,MAAMA,EAAWC,IACXC,EAAWC,IAMXC,EAAqBC,GAAe,CACxC,MAAMC,EAAsB,SAAS,eAAeC,EAAuB,aAAa,EAEpFL,EAAS,gBAETI,GACA,CAACA,EAAoB,SAASD,EAAM,MAAM,GAC1CA,EAAM,OAAO,IAAME,EAAuB,kBAC1CF,EAAM,OAAO,IAAME,EAAuB,gBAE1CL,EAAS,aAAa,EAAK,EAE3BA,EAAS,aAAa,EAAI,EAE9B,EAGF,OAAAM,EAAU,IAAM,CACL,SAAA,iBAAiB,QAASJ,CAAiB,CAAA,CACrD,EAEDK,EAAY,IAAM,CAChBP,EAAS,aAAa,EAAK,EAClB,SAAA,oBAAoB,QAASE,CAAiB,CAAA,CACxD,8wCC1BD,MAAMM,EAAYC,IACZC,EAAoBC,IACpBX,EAAWC,IAEXW,EAAoBC,EAAa,EAAK,EACtCC,EAAeD,EAA2B,IAAI,EAE9CE,EAAoBC,EAAS,IAC1BhB,EAAS,iBACjB,EAEKiB,EAAyBD,EAAS,IAC/BN,EAAkB,iBAAmBA,EAAkB,iBAC/D,EAEKQ,EAAqBF,EAAS,IAC3BR,EAAU,SAClB,EAGKW,EAAmBH,EAAS,IAE9BN,EAAkB,qBAClBA,EAAkB,qBAClBA,EAAkB,mBAErB,EAEKU,EAA4BJ,EAAS,IAEvCN,EAAkB,qBAClBA,EAAkB,qBAClBA,EAAkB,WAClBA,EAAkB,gBAErB,EAEKW,EAAwBL,EAAS,IAC9BN,EAAkB,SAC1B,EAEKY,EAAUN,EAAS,IAErBN,EAAkB,qBAClBA,EAAkB,qBAClBA,EAAkB,YAClBA,EAAkB,aAClBA,EAAkB,mBAErB,EAEKa,EAAYP,EAAS,IAEvBN,EAAkB,qBAClBA,EAAkB,qBAClBA,EAAkB,cAClBA,EAAkB,eAClBA,EAAkB,mBAErB,EAEKc,EAAYR,EAAS,IAEvBN,EAAkB,qBAClBA,EAAkB,qBAClBA,EAAkB,SAErB,EAMKR,EAAqBC,GAAe,CACpCH,EAAS,uBAETG,EAAM,OAAO,IAAME,EAAuB,YAC1CF,EAAM,OAAO,IAAME,EAAuB,aAE1CL,EAAS,oBAAoB,EAAK,EAElCA,EAAS,oBAAoB,EAAI,EAErC,EAGF,OAAAM,EAAU,IAAM,CACL,SAAA,iBAAiB,QAASJ,CAAiB,CAAA,CACrD,EAEDK,EAAY,IAAM,CACP,SAAA,oBAAoB,QAASL,CAAiB,CAAA,CACxD,EAEDuB,EAAoB,IAAM,CACxBb,EAAkB,MAAQ,EAAA,CAC3B,24EC9GKc,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMC,GAA0BC,EAAoB,OAAQ,CAC1D,OAAQ,eACR,iBAAkB,QAClB,kBAAmB,QACnB,eAAgB,MAChB,EAAG,kLACL,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,EACF,EAEO,SAASG,GAAOC,EAAMC,EAAQ,CACnC,OAAQC,EAAY,EAAEC,EAAoB,MAAOR,GAAY,CAAC,GAAGG,EAAU,CAAC,CAC9E,CACA,MAAeM,GAAA,CAAE,OAAQL,EAAM"}