{"version":3,"file":"DNiygTG_.js","sources":["../../../../../../../apps/frontend/src/components/AI/Generator/AIGeneratorTopicSelector.vue","../../../../../../../apps/frontend/src/components/AI/Generator/AIGeneratorCourseSettings.vue","../../../../../../../apps/frontend/src/components/AI/Generator/AIGeneratorAdditionalPrompt.vue","../../../../../../../apps/frontend/src/components/AI/Generator/AIGeneratorPromptSelector.vue","../../../../../../../apps/frontend/src/components/AI/Generator/Result/AIGeneratorResultList.vue","../../../../../../../apps/frontend/src/components/AI/Generator/Result/AIGeneratorResultText.vue","../../../../../../../apps/frontend/src/components/AI/Generator/Result/AIGeneratorResultQuestions.vue","../../../../../../../apps/frontend/src/components/AI/Generator/Result/AIGeneratorResultTitleDescription.vue","../../../../../../../apps/frontend/src/components/AI/Generator/AIGeneratorCourseSelector.vue","../../../../../../../apps/frontend/src/components/AI/Generator/AIGenerator.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <TH2 class=\"mt-8 text-neutral-950\">{{ $t('ai.topic_selector.title') }}</TH2>\n    <div class=\"disable-select bottom-0 mb-2 w-full max-w-6xl py-4\">\n      <div v-if=\"fetching\" class=\"flex items-center justify-center\">\n        <TIcon name=\"loader\" class=\"animate-spin text-neutral-50\" />\n      </div>\n      <div v-else-if=\"error\">\n        <TCalloutErrorGeneric />\n      </div>\n      <div\n        v-else-if=\"data?.topicInstances.length === 0\"\n        class=\"flex items-center justify-center\"\n      >\n        <TH3>\n          <span> {{ $t('ai.topic_selector.empty') }} </span>\n        </TH3>\n      </div>\n      <div v-else-if=\"data?.topicInstances\" class=\"mt-4 grid grid-cols-2 gap-2\">\n        <template\n          v-if=\"currentTopicInstances && currentTopicInstances.length > 0\"\n        >\n          <TH2 class=\"col-span-2\">{{\n            $t('topic_instance.current_topics')\n          }}</TH2>\n          <button\n            class=\"min-h-[4rem] rounded-md border border-neutral-200 p-4 hover:border-primary-500 hover:bg-neutral-50\"\n            v-for=\"topicInstance in currentTopicInstances\"\n            :key=\"'current' + topicInstance?.id\"\n            @click=\"selectTopicInstance(topicInstance)\"\n          >\n            <span>{{ topicInstance.topic.name }}</span>\n            <span\n              v-if=\"topicInstance.startDate && topicInstance.endDate\"\n              class=\"mt-1 block text-xs text-neutral-500\"\n            >\n              {{ $formatDayShort(new Date(topicInstance.startDate)) }} -\n              {{ $formatDayShort(new Date(topicInstance.endDate)) }}\n            </span>\n          </button>\n          <TH2 class=\"col-span-2 mt-8\">{{\n            $t('topic_instance.all_topics')\n          }}</TH2>\n        </template>\n        <button\n          class=\"min-h-[4rem] rounded-md border border-neutral-200 p-4 hover:border-primary-500 hover:bg-neutral-50\"\n          v-for=\"topicInstance in data?.topicInstances\"\n          :key=\"topicInstance?.id\"\n          @click=\"selectTopicInstance(topicInstance)\"\n        >\n          <span>{{ topicInstance.topic.name }}</span>\n          <span\n            v-if=\"topicInstance.startDate && topicInstance.endDate\"\n            class=\"mt-1 block text-xs text-neutral-500\"\n          >\n            {{ $formatDayShort(new Date(topicInstance.startDate)) }} -\n            {{ $formatDayShort(new Date(topicInstance.endDate)) }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Button from '~/components/AI/AIButton.vue';\nimport { TopicInstance } from '~/graphql';\n\nconst props = defineProps<{ courseId: string }>();\n\nconst emit = defineEmits(['selectTopicInstance']);\n\nconst { fetching, data, error } = useTopicInstancesQuery({\n  variables: {\n    courseIdInput: {\n      id: props.courseId,\n    },\n  },\n});\n\nconst currentTopicInstances = computed(() => {\n  if (!data.value?.topicInstances) {\n    return [];\n  }\n  return data.value.topicInstances.filter((topicInstance) => {\n    return (\n      new Date(topicInstance.endDate) >= new Date() &&\n      new Date(topicInstance.startDate) <= new Date()\n    );\n  });\n});\n\nconst selectTopicInstance = (topicInstance: TopicInstance) => {\n  emit('selectTopicInstance', {\n    topicId: topicInstance.topic.id,\n    topicInstanceId: topicInstance.id,\n    topicName: topicInstance.topic.name,\n  });\n};\n</script>\n","<template>\n  <div\n    v-if=\"fetching || fetchingSettings || dataSettings?.value\"\n    class=\"flex h-[5rem] w-full items-center justify-center\"\n  >\n    <TIcon name=\"loader\" class=\"animate-spin text-neutral-200\" />\n  </div>\n  <div v-else-if=\"error\" class=\"p-2\">\n    <TCalloutErrorGeneric />\n  </div>\n  <div v-else-if=\"data?.course\">\n    <AiCourseSettings\n      :course-id=\"getCurrentCourseId()\"\n      :ai-settings=\"dataSettings.value?.aiSettings\"\n      @saved=\"emits('settingsCompleted', dataSettings.value?.aiSettings)\"\n    ></AiCourseSettings>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useSession } from '~/stores/session';\nimport useAIGenerator from '~/composables/ai/useAIGenerator';\nimport { AiCourseSettings } from '@teachino/ai-ui';\n\nconst { $t } = useNuxtApp();\nconst { trackAISettingsNeeded } = useTrack();\n\nconst emits = defineEmits(['settingsCompleted']);\n\nconst sessionStore = useSession();\n\nconst { getCurrentCourseId } = useAIGenerator();\n\nconst loading = ref(false);\n\nconst { fetching, data, error } = useCourseQuery({\n  variables: {\n    courseIdInput: {\n      id: getCurrentCourseId(),\n    },\n  },\n});\n\nconst {\n  fetching: fetchingSettings,\n  data: dataSettings,\n  error: errorSettings,\n} = useAiSettingsQuery({\n  variables: {\n    courseIdInput: {\n      id: getCurrentCourseId(),\n    },\n  },\n});\n\nwatch(dataSettings, () => {\n  if (dataSettings.value && dataSettings.value.aiSettings) {\n    emits('settingsCompleted', dataSettings.value.aiSettings);\n  } else if (!fetchingSettings.value) {\n    trackAISettingsNeeded();\n  }\n});\n</script>\n\n<style scoped></style>\n","<template>\n  <div class=\"\">\n    <TH3 class=\"text-neutral-950\">{{ title }}</TH3>\n    <div class=\"mt-4 w-full\">\n      <textarea\n        rows=\"5\"\n        ref=\"InputRef\"\n        v-model=\"additionalPrompt\"\n        :class=\"[\n          'w-full rounded-lg border border-neutral-200 px-5 text-sm text-neutral-500',\n        ]\"\n      />\n      <div class=\"flex justify-end\">\n        <TButtonInline class=\"mt-4\" @click=\"submit\">{{\n          $t('generic_next')\n        }}</TButtonInline>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nconst props = defineProps<{\n  title: string;\n}>();\nconst emits = defineEmits(['submit']);\nconst additionalPrompt = ref('');\n\nfunction submit() {\n  emits('submit', additionalPrompt.value);\n}\n</script>\n","<template>\n  <div class=\"\">\n    <TH2 class=\"text-neutral-950\">{{ title }}</TH2>\n    <div class=\"mt-4 grid grid-cols-2 gap-2\">\n      <button\n        class=\"min-h-[8rem] rounded-md border border-neutral-200 p-4 hover:border-primary-500 hover:bg-neutral-50\"\n        @click=\"select(prompt)\"\n        v-for=\"prompt in prompts\"\n      >\n        <strong class=\"text-base text-neutral-950\">{{\n          $t(prompt.title)\n        }}</strong\n        ><br />\n        <span class=\"block text-xs text-neutral-500\">{{\n          $t(prompt.description)\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { AIPrompt } from '~/composables/ai/promptData';\n\nconst props = defineProps<{\n  prompts: AIPrompt[];\n  title: string;\n}>();\nconst emits = defineEmits(['select']);\n\nfunction select(prompt: string) {\n  emits('select', prompt);\n}\n</script>\n","<template>\n  <div>\n    <div\n      v-for=\"suggestion in suggestions\"\n      class=\"mt-2 flex items-center justify-start gap-4\"\n    >\n      <Transition name=\"appear\">\n        <button\n          v-if=\"!promptDTO.loading\"\n          class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-neutral-200 bg-white-500 hover:border-primary-200\"\n          @click=\"suggestion.selected = !suggestion.selected\"\n        >\n          <TIcon\n            v-if=\"suggestion.selected\"\n            name=\"check\"\n            class=\"text-primary-500\"\n          />\n        </button>\n      </Transition>\n      <input\n        ref=\"InputRef\"\n        v-model=\"suggestion.name\"\n        :disabled=\"promptDTO.loading\"\n        :class=\"[\n          'h-9 w-full rounded-lg border border-neutral-200 px-5 text-sm text-neutral-500',\n        ]\"\n        @keydown.enter.prevent.stop=\"submit\"\n      />\n    </div>\n    <Transition name=\"appear\">\n      <div v-if=\"promptDTO.completed\">\n        <TCalloutTutorial\n          class=\"mt-4\"\n          :description=\"$t('ai.success.description')\"\n          :title=\"$t('ai.success.title')\"\n        />\n        <div class=\"flex justify-end\">\n          <TButtonInline class=\"mt-4\" @click=\"saveData\"\n            >Speichern</TButtonInline\n          >\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { AIPromptDTO } from '~/composables/ai/useAIPrompt';\n\nconst props = defineProps<{\n  promptDTO: Ref<AIPromptDTO>;\n}>();\n\nconst emits = defineEmits(['submit']);\n\nconst suggestions = ref<string[]>([]);\n\nwatch(props.promptDTO, () => {\n  suggestions.value = props.promptDTO.result\n    .split('<br>')\n    .map((s) => {\n      return {\n        selected: true,\n        name: s\n          .trim()\n          .replace(/[0-9]+\\.?/i, '')\n          .trim(),\n      };\n    })\n    .filter((s) => s.name.length > 0);\n});\n\nfunction saveData() {\n  emits(\n    'submit',\n    suggestions.value.filter((s) => s.selected).map((s) => s.name),\n  );\n}\n</script>\n<style scoped>\n.appear-enter-active,\n.appear-leave-active {\n  transition: all 0.5s ease;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n","<template>\n  <div>\n    <TWysiwygEditor\n      ref=\"InputRef\"\n      v-model=\"suggestion\"\n      :readonly=\"promptDTO.loading\"\n    />\n    <Transition name=\"appear\">\n      <div v-if=\"promptDTO.completed\">\n        <TCalloutTutorial\n          class=\"mt-4\"\n          :description=\"$t('ai.success.description')\"\n          :title=\"$t('ai.success.title')\"\n        />\n        <div class=\"flex justify-end\">\n          <TButtonInline class=\"mt-4\" @click=\"saveData\">{{\n            $t('generic_save')\n          }}</TButtonInline>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { AIPromptDTO } from '~/composables/ai/useAIPrompt';\nimport { TWysiwygEditor } from '@teachino/shared-editor';\n\nconst props = defineProps<{\n  promptDTO: Ref<AIPromptDTO>;\n}>();\n\nconst emits = defineEmits(['submit']);\n\nconst suggestion = ref<string>('');\n\nwatch(props.promptDTO, () => {\n  suggestion.value = props.promptDTO.result.trim();\n});\n\nfunction saveData() {\n  emits('submit', [suggestion.value]);\n}\n</script>\n<style scoped>\n.appear-enter-active,\n.appear-leave-active {\n  transition: all 0.5s ease;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n","<template>\n  <div>\n    <div\n      v-for=\"suggestion in suggestions\"\n      class=\"items-top mt-2 flex justify-start gap-x-2\"\n    >\n      <Transition name=\"appear\">\n        <button\n          v-if=\"!promptDTO.loading\"\n          class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-neutral-200 bg-white-500 hover:border-primary-200\"\n          @click=\"suggestion.selected = !suggestion.selected\"\n        >\n          <TIcon\n            v-if=\"suggestion.selected\"\n            name=\"check\"\n            class=\"text-primary-500\"\n          />\n        </button>\n      </Transition>\n      <div class=\"mb-2 w-full\">\n        <div class=\"space-x-2 md:grid md:grid-cols-2\">\n          <textarea\n            rows=\"3\"\n            ref=\"InputRef\"\n            v-model=\"suggestion.question\"\n            :disabled=\"promptDTO.loading\"\n            :class=\"[\n              'rounded-lg border border-neutral-200 px-5 text-sm text-neutral-500',\n            ]\"\n            @keydown.enter.prevent.stop=\"submit\"\n          />\n          <textarea\n            rows=\"3\"\n            ref=\"InputRef\"\n            v-model=\"suggestion.solution\"\n            :disabled=\"promptDTO.loading\"\n            :class=\"[\n              'rounded-lg border border-tertiary-500 bg-tertiary-100 px-5 text-sm text-neutral-500',\n            ]\"\n            @keydown.enter.prevent.stop=\"submit\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <Transition name=\"appear\">\n      <div v-if=\"promptDTO.completed\">\n        <TCalloutTutorial\n          class=\"mt-4\"\n          :description=\"$t('ai.success.questions.description')\"\n          :title=\"$t('ai.success.questions.title')\"\n        />\n        <div class=\"flex justify-end\">\n          <TButtonInline class=\"mt-4\" @click=\"saveData\">{{\n            $t('generic_save')\n          }}</TButtonInline>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { AIPromptDTO } from '~/composables/ai/useAIPrompt';\n\nconst props = defineProps<{\n  promptDTO: Ref<AIPromptDTO>;\n}>();\n\nconst emits = defineEmits(['submit']);\n\nconst suggestions = ref<object[]>([\n  /*{ selected: true, question: 'Was ist xy', solution: 'das ist asdf' },\n  { selected: false, question: 'was ist 12345twzt', solution: 'asfgare' },*/\n]);\n\nwatch(props.promptDTO, () => {\n  for (let line of props.promptDTO.result.split('<br>')) {\n    line = line.trim();\n\n    //sometimes the first character F is  missing - this is a workarround for that, see TT-948\n    if (line && line.charAt(0) == 0) {\n      line = 'F' + line;\n    }\n\n    let regex = /[FA]\\d\\d:/i;\n    if (regex.test(line)) {\n      const id = parseFloat(line.slice(1, 3)) - 1;\n      if (!suggestions.value[id]) {\n        suggestions.value[id] = {\n          selected: true,\n          question: '',\n          solution: '',\n        };\n      }\n      if (line.slice(0, 1) === 'F') {\n        suggestions.value[id].question = line.slice(4).trim();\n      }\n\n      if (line.slice(0, 1) === 'A') {\n        suggestions.value[id].solution = line.slice(4).trim();\n      }\n    }\n  }\n});\n\nfunction saveData() {\n  emits(\n    'submit',\n    suggestions.value.filter((s) => s.selected),\n  );\n}\n</script>\n<style scoped>\n.appear-enter-active,\n.appear-leave-active {\n  transition: all 0.5s ease;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n","<template>\n  <div class=\"flex flex-col gap-y-4\">\n    <div\n      v-for=\"suggestion in suggestions\"\n      class=\"items-top mt-2 flex justify-start gap-x-2\"\n    >\n      <Transition name=\"appear\">\n        <button\n          v-if=\"!promptDTO.loading\"\n          class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-neutral-200 bg-white-500 hover:border-primary-200\"\n          @click=\"suggestion.selected = !suggestion.selected\"\n        >\n          <TIcon\n            v-if=\"suggestion.selected\"\n            name=\"check\"\n            class=\"text-primary-500\"\n          />\n        </button>\n      </Transition>\n      <div class=\"w-full\">\n        <div class=\"flex flex-col space-y-2\">\n          <input\n            ref=\"InputRef\"\n            v-model=\"suggestion.title\"\n            :disabled=\"promptDTO.loading\"\n            :class=\"[\n              'h-9 w-full rounded-lg border border-neutral-200 px-5 text-sm font-bold text-neutral-500',\n            ]\"\n            @keydown.enter.prevent.stop=\"submit\"\n          />\n          <textarea\n            rows=\"3\"\n            ref=\"InputRef\"\n            v-model=\"suggestion.description\"\n            :disabled=\"promptDTO.loading\"\n            :class=\"[\n              'rounded-lg border border-neutral-200 px-5 text-sm text-neutral-500',\n            ]\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <Transition name=\"appear\">\n      <div v-if=\"promptDTO.completed\">\n        <TCalloutTutorial\n          class=\"mt-4\"\n          :description=\"$t('ai.success.description')\"\n          :title=\"$t('ai.success.title')\"\n        />\n        <div class=\"flex justify-end\">\n          <TButtonInline class=\"mt-4\" @click=\"saveData\">{{\n            $t('generic_save')\n          }}</TButtonInline>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { AIPromptDTO } from '~/composables/ai/useAIPrompt';\n\nconst props = defineProps<{\n  promptDTO: Ref<AIPromptDTO>;\n}>();\n\nconst emits = defineEmits(['submit']);\n\nconst suggestions = ref<object[]>([]);\n\nwatch(\n  props.promptDTO,\n  () => {\n    let id = -1;\n    const input = props.promptDTO.result.split('<br>');\n    for (let line of input) {\n      line = line.trim();\n\n      if (line.indexOf('⬆️') > -1) {\n        id++;\n      }\n      if (!suggestions.value[id]) {\n        suggestions.value[id] = {\n          selected: true,\n          title: '',\n          description: '',\n        };\n      }\n      if (line.indexOf('⬆️') > -1) {\n        suggestions.value[id].title = line\n          .slice(line.indexOf('⬆️') + 2)\n          .replace(/[0-9]+\\./i, '')\n          .trim();\n        if (suggestions.value[id].title.charAt(0) === '\"') {\n          suggestions.value[id].title = suggestions.value[id].title.slice(1);\n        }\n        if (\n          suggestions.value[id].title.charAt(\n            suggestions.value[id].title.length - 1,\n          ) === '\"'\n        ) {\n          suggestions.value[id].title = suggestions.value[id].title.slice(\n            0,\n            suggestions.value[id].title.length - 1,\n          );\n        }\n      }\n      if (line.indexOf('⬇️') > -1) {\n        suggestions.value[id].description = line\n          .slice(line.indexOf('⬇️') + 2)\n          .trim();\n      }\n    }\n  },\n  { immediate: true },\n);\n\nfunction saveData() {\n  emits(\n    'submit',\n    suggestions.value.filter((s) => s.selected),\n  );\n}\n</script>\n<style scoped>\n.appear-enter-active,\n.appear-leave-active {\n  transition: all 0.5s ease;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n","<template>\n  <div class=\"\">\n    <TH2 class=\"mt-8 text-neutral-950\">{{\n      $t('ai.course_selector.title')\n    }}</TH2>\n    <div class=\"disable-select bottom-0 mb-2 w-full max-w-6xl py-4\">\n      <div v-if=\"fetching\" class=\"flex items-center justify-center\">\n        <TIcon name=\"loader\" class=\"animate-spin text-neutral-50\" />\n      </div>\n      <div v-else-if=\"error\">\n        <TCalloutErrorGeneric />\n      </div>\n      <div\n        v-else-if=\"data?.myCourses.length === 0\"\n        class=\"flex items-center justify-center\"\n      >\n        <TH3>\n          <span> {{ $t('select_course.empty_state') }} </span>\n        </TH3>\n      </div>\n      <div v-else-if=\"data?.myCourses\" class=\"\">\n        <button\n          class=\"mb-4 mr-4\"\n          v-for=\"course in data?.myCourses\"\n          :key=\"course?.id\"\n        >\n          <CourseLongNameLabel\n            @click=\"selectCourse(course)\"\n            :label=\"course.name\"\n            :foreground-color=\"course.foregroundColor\"\n            :background-color=\"course.backgroundColor\"\n          />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Button from '~/components/AI/AIButton.vue';\nimport {\n  Course,\n  CourseListAccessFilter,\n  CourseListStatusFilter,\n  CourseListUsageFilter,\n} from '~/graphql';\n\nconst emit = defineEmits(['selectCourse']);\n\nconst { fetching, data, error } = useMyCoursesQuery({\n  variables: {\n    coursesQueryFilter: {\n      status: CourseListStatusFilter.Open,\n      access: CourseListAccessFilter.Write,\n      usage: CourseListUsageFilter.Regular,\n    },\n  },\n});\n\nconst selectCourse = (course: Course) => {\n  emit('selectCourse', course.id);\n};\n</script>\n","<template>\n  <div\n    class=\"absolute bottom-0 left-0 right-0 top-0 z-[8000] h-screen w-screen overflow-auto bg-white-500\"\n    v-if=\"showAIDialog\"\n  >\n    <div class=\"bg-white-500 px-8\">\n      <div class=\"mx-auto max-w-xl\">\n        <div class=\"h-8\"></div>\n        <div class=\"flex w-full place-content-between items-center\">\n          <img\n            src=\"/pictures/logo_teachino_ai.png\"\n            class=\"h-8\"\n            alt=\"Teachino AI Logo\"\n          />\n          <button\n            class=\"h-10 w-10 rounded-full bg-neutral-50 text-neutral-500 hover:bg-neutral-100\"\n            @click=\"closeAIDialog\"\n          >\n            <TIcon name=\"close\" />\n          </button>\n        </div>\n        <div class=\"\">\n          <div class=\"mt-8 flex items-center space-x-4\">\n            <TH1 class=\"\">{{\n              currentPrompt ? $t(currentPrompt.title) : ''\n            }}</TH1>\n          </div>\n          <TransitionGroup name=\"changepage\">\n            <AIGeneratorCourseSelector\n              v-if=\"currentPage === AiGeneratorPages.CourseSelect\"\n              @select-course=\"courseSelected\"\n              key=\"courses\"\n            />\n            <AIGeneratorTopicSelector\n              v-else-if=\"currentPage === AiGeneratorPages.TopicInstanceSelect\"\n              :course-id=\"getCurrentCourseId()\"\n              @select-topic-instance=\"selectTopicInstance\"\n              key=\"topicInstance\"\n            />\n            <AIGeneratorCourseSettings\n              v-else-if=\"currentPage === AiGeneratorPages.CourseSettings\"\n              @settings-completed=\"courseSettingsCompleted\"\n              key=\"settings\"\n            />\n            <AIGeneratorAdditionalPrompt\n              v-else-if=\"currentPage === AiGeneratorPages.AdditionalPrompt\"\n              @submit=\"additionalPromptSubmitted\"\n              :title=\"$t(additionalPromptTitle)\"\n              key=\"additionalprompt\"\n            />\n            <AIGeneratorPromptSelector\n              v-else-if=\"\n                currentPage === AiGeneratorPages.PromptSelect &&\n                availablePrompts.length > 1\n              \"\n              @select=\"promptSelected\"\n              :prompts=\"availablePrompts\"\n              :title=\"$t(promptSelectorTitle)\"\n              key=\"prompts\"\n            />\n            <div\n              v-else-if=\"currentPage === AiGeneratorPages.Result\"\n              key=\"results\"\n              class=\"w-full\"\n            >\n              <div class=\"w-full\">\n                <TCalloutExclamationBlock v-if=\"promptDTO.error\" class=\"mt-4\">\n                  {{ $t('ai.error.no_results_generated') }}\n                </TCalloutExclamationBlock>\n                <TransitionGroup name=\"changepage\" v-else>\n                  <TransitionGroup\n                    name=\"appear\"\n                    tag=\"ul\"\n                    class=\"mt-4 flex flex-col gap-y-2 text-neutral-500\"\n                    v-if=\"loadingStrings !== null\"\n                    key=\"loading\"\n                  >\n                    <li\n                      class=\"flex items-center gap-2\"\n                      v-for=\"loadingString in loadingStrings\"\n                      :key=\"loadingString\"\n                    >\n                      <TIcon name=\"check_circle_fill\" />\n                      <span>{{ $t(loadingString) }}</span>\n                    </li>\n                  </TransitionGroup>\n                  <div v-else key=\"results\" class=\"mb-8 w-full\">\n                    <AIGeneratorResultList\n                      :promptDTO=\"promptDTO\"\n                      @submit=\"dataSaved\"\n                      v-if=\"currentPrompt.output === AIOutputType.List\"\n                    />\n                    <AIGeneratorResultText\n                      :promptDTO=\"promptDTO\"\n                      @submit=\"dataSaved\"\n                      v-else-if=\"currentPrompt.output === AIOutputType.Text\"\n                    />\n                    <AIGeneratorResultQuestions\n                      :promptDTO=\"promptDTO\"\n                      @submit=\"dataSaved\"\n                      v-else-if=\"\n                        currentPrompt.output === AIOutputType.QuestionAnswer\n                      \"\n                    />\n                    <AIGeneratorResultTitleDescription\n                      :promptDTO=\"promptDTO\"\n                      @submit=\"dataSaved\"\n                      v-else-if=\"\n                        currentPrompt.output === AIOutputType.TitleDescription\n                      \"\n                    />\n                  </div>\n                </TransitionGroup>\n\n                <div\n                  class=\"mb-2 flex items-center space-x-2\"\n                  v-if=\"promptDTO.loading && loadingStrings === null\"\n                >\n                  <TH3 class=\"text-neutral-950\">{{\n                    $t('ai.loading.generating')\n                  }}</TH3>\n                  <TLoadingIndicatorSmall />\n                </div>\n              </div>\n            </div>\n            <div\n              v-else-if=\"currentPage === AiGeneratorPages.Saving\"\n              key=\"saving\"\n              class=\"w-full\"\n            >\n              <TLoadingIndicatorBig />\n            </div>\n\n            <div\n              v-else-if=\"currentPage === AiGeneratorPages.Success\"\n              key=\"success\"\n              class=\"w-full text-center text-success-500\"\n            >\n              <div\n                class=\"m-auto mt-8 flex h-24 w-24 items-center rounded-full bg-success-50\"\n              >\n                <TIcon name=\"check_circle\" class=\"m-auto h-16 w-16\" />\n              </div>\n              <TH1 class=\"mt-4\">{{ $t('ai.success.saved') }}</TH1>\n            </div>\n          </TransitionGroup>\n          <div class=\"h-8\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport useAIGenerator, {\n  AiGeneratorPages,\n} from '~/composables/ai/useAIGenerator';\nimport AIGeneratorCourseSelector from '~/components/AI/Generator/AIGeneratorCourseSelector.vue';\nimport { AIOutputType, AIPrompt } from '~/composables/ai/promptData';\nimport useAISave from '~/composables/ai/useAISave';\n\nconst {\n  showAIDialog,\n  currentAISettings,\n  closeAIDialog,\n  selectCourse,\n  selectTopicInstance,\n  completeAISettings,\n  additionalPromptTitle,\n  submitAdditionalPrompt,\n  promptSelectorTitle,\n  availablePrompts,\n  selectPrompt,\n  loadingStrings,\n  promptDTO,\n  currentPrompt,\n  saveData,\n  currentPage,\n  getCurrentCourseId,\n} = useAIGenerator();\n\nconst { setup } = useAISave();\nsetup();\n\n// show course select if needed\nfunction courseSelected(courseId: string) {\n  selectCourse(courseId);\n}\n\n// show course settings if needed\nfunction courseSettingsCompleted(aiSettings: any) {\n  completeAISettings(aiSettings);\n}\n\nfunction additionalPromptSubmitted(payload: string) {\n  submitAdditionalPrompt(payload);\n}\n\n// select a prompt\nfunction promptSelected(prompt: AIPrompt) {\n  selectPrompt(prompt);\n}\n\nfunction dataSaved(dataToSave: any) {\n  saveData(dataToSave);\n}\n</script>\n<style scoped>\n.appear-enter-active,\n.appear-leave-active {\n  transition: all 0.2s ease;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n\n.grow-enter-active {\n  transition: all 1s ease;\n}\n\n.grow-enter-from {\n  opacity: 0;\n  transform: scale(0);\n}\n\n.changepage-enter-active,\n.changepage-leave-active {\n  transition: all 0s ease;\n}\n\n.changepage-enter-from {\n  opacity: 0;\n  transform: translateX(100px);\n}\n\n.changepage-leave-to {\n  opacity: 0;\n  transform: translateX(-100px);\n}\n</style>\n"],"names":["props","__props","emit","__emit","fetching","data","error","useTopicInstancesQuery","currentTopicInstances","computed","_a","topicInstance","selectTopicInstance","useNuxtApp","trackAISettingsNeeded","useTrack","emits","useSession","getCurrentCourseId","useAIGenerator","ref","useCourseQuery","fetchingSettings","dataSettings","errorSettings","useAiSettingsQuery","watch","additionalPrompt","submit","select","prompt","suggestions","s","saveData","suggestion","line","id","input","useMyCoursesQuery","CourseListStatusFilter","CourseListAccessFilter","CourseListUsageFilter","selectCourse","course","showAIDialog","currentAISettings","closeAIDialog","completeAISettings","additionalPromptTitle","submitAdditionalPrompt","promptSelectorTitle","availablePrompts","selectPrompt","loadingStrings","promptDTO","currentPrompt","currentPage","setup","useAISave","courseSelected","courseId","courseSettingsCompleted","aiSettings","additionalPromptSubmitted","payload","promptSelected","dataSaved","dataToSave"],"mappings":"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"}