{"version":3,"file":"answerFeedbackEditor-B-2RDYg0.js","sources":["../../../app/javascript/components/questions/similarity_check/turnitin_answer_report.vue","../../../app/javascript/components/questions/open_question_grader.vue","../../../app/javascript/components/questions/GenerateFeedbackMenu.vue","../../../app/javascript/components/questions/feedbackChip.vue","../../../app/javascript/components/questions/answerFeedbackEditor.vue"],"sourcesContent":["<template>\n  <v-card flat>\n    <v-card-title>\n      <template v-if=\"submission.general_state !== 'pending'\">\n        <evalmee-chip\n          v-if=\"submission.general_state === 'done'\"\n          :color=\"color(submission.report?.overall_match_percentage)\"\n          class=\"mr-2\"\n        >\n          {{ submission.report?.overall_match_percentage }}%\n        </evalmee-chip>\n        {{ $t(\"quiz.settings.similarityCheck.submission.title\") }}\n        <v-spacer />\n        <v-btn\n          v-if=\"submission.general_state === 'done'\"\n          text\n          small\n          :href=\"answer?.links?.similarity_tool\"\n          target=\"_blank\"\n        >\n          Turnitin\n          <v-icon\n            small\n            rigth\n          >\n            mdi-open-in-new\n          </v-icon>\n        </v-btn>\n      </template>\n      <template v-else>\n        {{ $t(\"quiz.settings.similarityCheck.submission.inProgress\") }}\n        <evalmee-chip\n          small\n          class=\"ml-4\"\n          v-tooltip=\"submission.state\"\n        >\n          {{ $t(`quiz.settings.similarityCheck.submission.states.${submission.general_state}`) }}\n        </evalmee-chip>\n      </template>\n    </v-card-title>\n    <v-card-text v-if=\"submission.too_little_text\">\n      {{ $t(\"quiz.settings.similarityCheck.submission.errors.tooLittleText\") }}\n    </v-card-text>\n\n    <template v-if=\"submission.state === 'report_ready'\">\n      <v-list dense>\n        <v-list-item\n          v-for=\"(match, index) in submission.report.top_matches\"\n          :key=\"index\"\n        >\n          <v-list-item-avatar>\n            <evalmee-chip\n              :color=\"color(match.percentage)\"\n              small\n            >\n              {{ Math.round(match.percentage) }}%\n            </evalmee-chip>\n          </v-list-item-avatar>\n          <v-list-item-content>\n            <v-list-item-title>\n              {{ match.name }}\n            </v-list-item-title>\n            <v-list-item-subtitle>\n              {{ match.source_type }} - {{ match.matched_word_count_total }} words\n            </v-list-item-subtitle>\n          </v-list-item-content>\n        </v-list-item>\n      </v-list>\n    </template>\n    <!--    {{ submission.report }}-->\n  </v-card>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\"\nimport EvalmeeChip from \"../../shared/evalmee_chip.vue\"\n\nexport default {\n  name: \"TurnitinAnswerReport\",\n  components: { EvalmeeChip },\n  props: {\n    answer: { type: Object, required: true },\n  },\n  computed: {\n    ...mapGetters([\"similarityCheckSubmissionsByAnswer\"]),\n    submission() {\n      return this.similarityCheckSubmissionsByAnswer(this.answer.id)\n    },\n  },\n  methods: {\n    color(percentage) {\n      if (percentage < 10) return \"green\"\n      if (percentage < 30) return \"orange\"\n      return \"red\"\n    },\n  },\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n  <v-card\n    v-if=\"answer\"\n    flat\n    outlined\n  >\n    <v-card-text>\n      {{ label }}\n      <v-btn-toggle\n        v-model=\"answer.manual_score\"\n        :mandatory=\"false\"\n        @change=\"save\"\n        dense\n      >\n        <v-btn\n          v-for=\"(grade, index) in grades\"\n          :value=\"grade\"\n          :key=\"index\"\n          :class=\"{\n            'ai-suggestion': grade === gradeSuggestion,\n          }\"\n        >\n          {{ displayGrade(grade) }}\n        </v-btn>\n        <v-btn :value=\"customGrade != null && customGrade\">\n          <v-text-field\n            flat\n            v-model=\"customGrade\"\n            @click.stop\n            @change=\"saveCustomGrade\"\n            hide-details\n            class=\"input-in-btn pt-1 pb-2 no-border\"\n            type=\"number\"\n            :placeholder=\"\n              $t(\n                'evalmee.home.teacher.openQuestionGrader.customGrade.placerholder'\n              )\n            \"\n            :rules=\"gradesRules()\"\n            :v-tooltip=\"\n              $t(\n                'evalmee.home.teacher.openQuestionGrader.customGrade.tooltip',\n                { maxGrade }\n              )\n            \"\n            ref=\"customGrade\"\n            dense\n          />\n        </v-btn>\n      </v-btn-toggle>\n\n      <v-icon\n        color=\"green\"\n        class=\"fixed_width_icon\"\n      >\n        {{ toGrade ? \"\" : \"check\" }}\n      </v-icon>\n\n\n      <div\n        v-if=\"answerFeedback?.grade_by_criterion && answerFeedback.grade_by_criterion.length > 0\"\n        class=\"mt-4\"\n      >\n        <v-list-item\n          v-for=\"criterion in answerFeedback.grade_by_criterion\"\n          :key=\"criterion.uuid\"\n          class=\"mb-2 px-0\"\n          dense\n          v-tooltip.left=\"$t('evalmee.home.teacher.openQuestionGrader.gradingCriteriaSuggestion.hiddenTooltip')\"\n        >\n          <v-list-item-content>\n            <v-list-item-title class=\"d-flex\">\n              {{ criterion.name }}\n              <v-spacer />\n              <chip-points\n                :score=\"criterion.grade * question.attributes.coefficient * criterion.weight / 100\"\n                :coefficient=\"criterion.weight * question.attributes.coefficient / 100\"\n                icon=\"mdi-creation-outline\"\n              />\n            </v-list-item-title>\n            <span class=\"grey--text font-weight-medium\">\n              {{ criterion.comment }}\n            </span>\n          </v-list-item-content>\n          <v-list-item-action-text />\n        </v-list-item>\n      </div>\n    </v-card-text>\n\n    <turnitin-answer-report\n      v-if=\"quiz.similarity_tool_enabled\"\n      class=\"mt-4\"\n      :answer=\"answer\"\n    />\n  </v-card>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\nimport TurnitinAnswerReport from \"./similarity_check/turnitin_answer_report.vue\"\nimport getFeatureMixin from \"@/components/shared/get_feature_mixin\"\nimport ChipPoints from \"@/components/questions/chip_points.vue\"\n\nexport default {\n  name: \"OpenQuestionGrader\",\n  components: { ChipPoints, TurnitinAnswerReport },\n  mixins: [getFeatureMixin],\n  props: {\n    answer: { type: Object, required: true },\n    label: { type: String, default: null },\n    quiz: { type: Object, required: true },\n    question: { type: Object, required: true },\n  },\n  data: () => ({\n    comment: \"\",\n    customGrade: null,\n    gradeSuggestion: null,\n  }),\n  computed: {\n    ...mapGetters([\"currentUser\", \"answersFeedbackByAnswerId\", \"questionById\"]),\n    toGrade() {\n      if (this.answer.score === this.customGrade && this.answer.score != null)\n        return false\n      if (\n        parseFloat(this.customGrade) > 0 &&\n        !this.validCustomGrade(this.customGrade)\n      )\n        return true\n\n      return this.answer?.require_manual_grading\n    },\n    grades() {\n      const scale = this.gradeScales.find((gs) => gs.maxGrade === this.maxGrade)?.scale ||\n        this.defaultScale\n\n      if(this.gradeSuggestion && !scale.includes(this.gradeSuggestion)) {\n        scale.push(this.gradeSuggestion)\n      }\n      return scale.sort((a, b) => a - b)\n    },\n    gradeScales() {\n      return [\n        {\n          maxGrade: 1,\n          scale: [...this.wrongAnswerScore, 0, 0.25, 0.5, 0.75, 1],\n        },\n        {\n          maxGrade: 1.5,\n          scale: [...this.wrongAnswerScore, 0, 0.5, 1, 1.5],\n        },\n        {\n          maxGrade: 2,\n          scale: [...this.wrongAnswerScore, 0, 0.5, 1, 1.5, 2],\n        },\n        {\n          maxGrade: 3,\n          scale: [...this.wrongAnswerScore, 0, 1, 2, 3],\n        },\n        {\n          maxGrade: 4,\n          scale: [...this.wrongAnswerScore, 0, 1, 2, 3, 4],\n        },\n        {\n          maxGrade: 5,\n          scale: [...this.wrongAnswerScore, 0, 1, 2, 3, 4, 5],\n        },\n        {\n          maxGrade: 6,\n          scale: [...this.wrongAnswerScore, 0, 2, 4, 6],\n        },\n      ]\n    },\n    defaultScale() {\n      return [\n        ...this.wrongAnswerScore,\n        0,\n        Math.round((this.maxGrade * 100) / 2) / 100,\n        this.maxGrade,\n      ]\n    },\n    maxGrade() {\n      return this.questionWithCorrection?.coefficient || 0\n    },\n    questionWithCorrection() {\n      return this.questionById(this.question.id)\n    },\n    wrongAnswerScore() {\n      if (this.quiz?.score_for_wrong_answer == null) return []\n      if (this.quiz?.score_for_wrong_answer === 0) return []\n\n      return [this.quiz.score_for_wrong_answer]\n    },\n    answerFeedback() {\n      return this.answersFeedbackByAnswerId(this.answer.id)\n    },\n  },\n  methods: {\n    ...mapActions([\"updateAnswer\", \"newAppNotification\"]),\n    save() {\n      this.answer.comment = this.comment\n      this.updateAnswer(this.answer)\n        .then(() =>\n          this.newAppNotification({\n            message: this.$t(\n              \"evalmee.home.teacher.openQuestionGrader.toast.gradeSaved\"\n            ),\n            type: \"success\",\n          })\n        )\n        .catch((error) =>\n          this.newAppNotification({\n            message: this.$t(\n              \"evalmee.home.teacher.openQuestionGrader.toast.invalidGrade\",\n              { error }\n            ),\n            type: \"error\",\n          })\n        )\n    },\n    saveCustomGrade() {\n      this.answer.manual_score = this.customGrade\n      this.save()\n    },\n    updateCustomGrade() {\n      if (this.grades.includes(this.answer.manual_score)) {\n        this.customGrade = null\n        this.$refs.customGrade?.validate()\n        this.$refs.customGrade?.blur()\n        return\n      }\n\n      this.customGrade = this.answer.manual_score\n    },\n    validCustomGrade(grade) {\n      return this.gradesRules()\n        .map((rule) => rule(grade) === true)\n        .reduce(Boolean)\n    },\n    displayGrade(grade) {\n      return `${grade}`.replace(\".\", \",\")\n    },\n    gradeValidator(grade) {\n      if ((parseFloat(grade) || 0) <= this.maxGrade) return true\n\n      return this.$t(\n        \"evalmee.home.teacher.openQuestionGrader.addComment.errors.maxGrade\",\n        { maxGrade: this.maxGrade }\n      )\n    },\n    gradesRules() {\n      return [this.gradeValidator]\n    },\n  },\n  watch: {\n    \"answerFeedback.user_content\": {\n      handler(val) {\n        this.comment = val\n        this.updateCustomGrade()\n      },\n      immediate: true,\n    },\n    \"answerFeedback.grade_suggestion\": {\n      handler(val) {\n        this.gradeSuggestion = val\n      },\n      immediate: true,\n    },\n  },\n}\n</script>\n\n<style scoped>\n.fixed_width_icon {\n  width: 24px;\n}\n\n.input-in-btn {\n  width: 60px;\n}\n\n.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn.ai-suggestion {\n  border-width: 3px !important;\n  background:\n    radial-gradient(ellipse, rgb(245, 245, 245, 1) 50%, rgb(245, 245, 245, 0.7)) padding-box,\n    linear-gradient(\n        var(--angle),\n        #ff82f4 var(--light-size),\n        #ff4ff3,\n        #7678ff ,\n        #051eff\n      ) border-box;\n  animation: 8s rotate linear infinite,\n             2s expend-light linear infinite;\n}\n\n@keyframes rotate {\n  to {\n    --angle: 360deg;\n  }\n}\n@keyframes expend-light {\n  0%  {--light-size: 0%;}\n  50% {--light-size: 50%;}\n  100%{--light-size: 0%;}\n}\n\n@property --angle {\n  syntax: \"<angle>\";\n  initial-value: 0deg;\n  inherits: false;\n}\n\n@property --light-size {\n  syntax: \"<percentage>\";\n  initial-value: 1%;\n  inherits: false;\n}\n</style>\n","<template>\n  <div>\n    <v-card\n      v-if=\"menuOpen\"\n      outlined\n    >\n      <v-card-actions class=\"px-2 pt-2 pb-2\">\n        <eva-button\n          v-if=\"canRollback\"\n          dense\n          @click=\"rollback\"\n          v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.undo')\"\n        >\n          <v-icon small>\n            mdi-undo-variant\n          </v-icon>\n        </eva-button>\n        <eva-button\n          dense\n          @click=\"generateFeedback\"\n          v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.regenerate')\"\n        >\n          <v-icon small>\n            mdi-refresh\n          </v-icon>\n        </eva-button>\n        <template v-if=\"llmResponseLog\">\n          <v-spacer />\n          <eva-button\n            v-if=\"!rated\"\n            dense\n            @click=\"rateSuggestion(-1)\"\n            v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.unhelpful')\"\n          >\n            <v-icon small>\n              mdi-thumb-down-outline\n            </v-icon>\n          </eva-button>\n          <eva-button\n            v-if=\"!rated\"\n            dense\n            @click=\"rateSuggestion(1)\"\n            v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.helpful')\"\n          >\n            <v-icon small>\n              mdi-thumb-up-outline\n            </v-icon>\n          </eva-button>\n        </template>\n      </v-card-actions>\n      <template v-if=\"rated && !userFeedbackSent\">\n        <v-divider class=\"pb-0\" />\n        <v-card-text\n\n          class=\"pa-2\"\n        >\n          <template>\n            <v-textarea\n              v-model=\"userFeedback\"\n              dense\n              auto-grow\n              solo\n              filled\n              flat\n              hide-details\n              class=\"mb-2\"\n              :label=\"rated < 0 ? $t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.userFeedback.unhelpful') : $t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.userFeedback.helpful')\"\n            />\n            <div class=\"d-flex\">\n              <v-spacer />\n\n              <eva-button\n                dense\n                primary\n                @click=\"submitUserFeedback\"\n              >\n                <v-icon\n                  small\n                >\n                  mdi-send-outline\n                </v-icon>\n              </eva-button>\n            </div>\n          </template>\n        </v-card-text>\n      </template>\n    </v-card>\n  </div>\n</template>\n<script>\n\nimport { computed, ref, watch } from \"vue\"\nimport axios from \"axios\"\nimport { useStore } from \"@/store\"\nimport vueI18n from \"@/plugins/i18n\"\n\n\nexport default {\n  name: \"GenerateFeedbackMenu\",\n  components: {  },\n  props: {\n    answer: { type: Object, required: true },\n  },\n  emits: [\"insert\", \"update-grade-suggestion\", \"replace\", \"generating\"],\n  setup(props, { emit }) {\n    const showLoader = ref(false)\n    const menuOpen = ref(false)\n    const feedbackSuggestion = ref({})\n    const llmResponseLog = ref(null)\n    const rated = ref(null)\n    const userFeedback = ref(\"\")\n    const userFeedbackSent = ref(false)\n    const store = useStore()\n    const previousFeedbackContent = ref(\"\")\n\n    const show = ()=> {\n      menuOpen.value = true\n    }\n\n    const feedback = computed(() => {\n      return store.getters.answersFeedbackByAnswerId(props.answer.id)\n    })\n    const generateFeedback = () => {\n      showLoader.value = true\n      llmResponseLog.value = null\n      menuOpen.value = false\n      emit(\"generating\", true)\n      store.dispatch(\"generateFeedbackForAnswer\", { answer: props.answer })\n        .then((returnedLlmResponseLogs) => {\n          show()\n          rated.value = null\n          userFeedbackSent.value = false\n          feedbackSuggestion.value = { ...feedback.value }\n          llmResponseLog.value = returnedLlmResponseLogs[0]\n          insert()\n        })\n        .catch((error) => {\n          store.dispatch(\"newAppNotification\", {\n            message: vueI18n.t(\n              \"evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.generationError\",\n              { error }\n            ),\n            type: \"error\",\n          })\n        })\n        .finally(() => {\n          showLoader.value = false\n          emit(\"generating\", false)\n        })\n    }\n\n    const rateSuggestion = (rate) => {\n      if (!llmResponseLog.value) return\n      axios\n        .patch(llmResponseLog.value.links.self, { llm_response_log : { user_rating: rate } })\n        .then(() => {\n          rated.value = rate\n        })\n    }\n\n    const submitUserFeedback = () => {\n      if (!llmResponseLog.value) return\n      axios\n        .patch(llmResponseLog.value.links.self, { llm_response_log : { user_feedback: userFeedback.value } })\n        .then(() => {\n          rated.value = true\n          userFeedback.value = \"\"\n          userFeedbackSent.value = true\n        })\n    }\n\n    const insert = () => {\n      if (!feedbackSuggestion.value.generated_content) return\n      previousFeedbackContent.value = `${feedbackSuggestion.value.user_content}`\n      emit(\"replace\", feedbackSuggestion.value.generated_content)\n      // menuOpen.value = false\n    }\n\n    const rollback = () => {\n      if (!previousFeedbackContent.value) return\n      feedbackSuggestion.value.user_content = `${previousFeedbackContent.value}`\n      previousFeedbackContent.value = \"\"\n      emit(\"replace\", feedbackSuggestion.value.user_content)\n    }\n\n    const canRollback = computed(() => {\n      return !!previousFeedbackContent.value\n    })\n\n    const generatedContent = computed(() => feedbackSuggestion.value.generated_content)\n\n    watch(generatedContent, (value) => {\n      if (value) {\n        show()\n      }\n    })\n\n    return {\n      showLoader,\n      menuOpen,\n      generateFeedback,\n      feedbackSuggestion,\n      insert,\n      rateSuggestion,\n      llmResponseLog,\n      userFeedback,\n      rated,\n      submitUserFeedback,\n      userFeedbackSent,\n      show,\n      rollback,\n      canRollback,\n      previousFeedbackContent,\n    }\n  },\n}\n</script>\n","<template>\n  <evalmee-chip\n    color=\"blue\"\n    small\n    label\n    icon=\"mdi-creation-outline\"\n  >\n    {{ $t('live.correction.generalFeedback.aiGenerated') }}\n  </evalmee-chip>\n</template>\n\n\n<script>\nimport EvalmeeChip from \"@/components/shared/evalmee_chip.vue\"\n\nexport default {\n  name: \"FeedbackChip\",\n  components: { EvalmeeChip },\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n  <v-card\n    flat\n    tile\n    v-if=\"answer\"\n    v-click-outside=\"() => focused = false\"\n  >\n    <v-expand-transition>\n      <div v-show=\"!inEmptyState\">\n        <div\n          class=\"pa-2\"\n        >\n          <div\n            class=\"d-flex align-center\"\n          >\n            <eva-big-icon\n              icon=\"mdi-account-outline\"\n              :size=\"20\"\n              color=\"blue\"\n            />\n            <span\n              class=\"ml-2\"\n              :class=\"{\n                'subtitle-2': !inEmptyState,\n                'body-2': inEmptyState,\n                'grey--text': inEmptyState,\n              }\"\n            >\n              {{ inEmptyState ?\n                $t('live.correction.answer.customFeedback.addLabel') :\n                $t('live.correction.answer.customFeedback.label') }}\n            </span>\n            <v-spacer />\n            <feedback-chip\n              class=\"ml-2\"\n              v-if=\"answerFeedback?.status === 'ai_generated'\"\n            />\n          </div>\n        </div>\n        <v-divider />\n      </div>\n    </v-expand-transition>\n    <div @click=\"setFocus\">\n      <div class=\"d-flex\">\n        <div\n          class=\"pa-2 mt-1\"\n          v-if=\"inEmptyState\"\n        >\n          <eva-big-icon\n            icon=\"mdi-account-outline\"\n            :size=\"20\"\n            color=\"blue\"\n          />\n        </div>\n        <div\n          class=\"flex-grow-1 mt-1\"\n        >\n          <v-expand-transition>\n            <text-editor\n              v-show=\"!pendingFeedbackGeneration\"\n              v-if=\"!(pendingFeedbackGeneration && (!answerFeedback || answerFeedback.blank_content ))\"\n              v-model=\"comment\"\n              :placeholder=\"$t('live.correction.answer.customFeedback.addLabel')\"\n              ref=\"textEditor\"\n              :style=\"{\n                'min-height': inEmptyState ? '10px !important' : 'none',\n                'max-height': inEmptyState ? '10px !important' : 'none',\n              }\"\n              :class=\"{\n                'mx-n7': inEmptyState,\n                'my-n2': inEmptyState,\n                'mx-2': !inEmptyState,\n\n              }\"\n            />\n          </v-expand-transition>\n          <v-expand-transition>\n            <div\n              v-if=\"pendingFeedbackGeneration\"\n              class=\"mx-8 my-4\"\n            >\n              <v-skeleton-loader\n                v-for=\"i in 7\"\n                :key=\"i\"\n                type=\"text\"\n                class=\"mb-0\"\n                :loading=\"false\"\n                :width=\"`${\n                  Math.floor(Math.random() * 50) + 50\n                }%`\"\n              />\n            </div>\n          </v-expand-transition>\n        </div>\n        <div\n          class=\"pa-2\"\n          v-if=\"answer.feedback_generation_allowed\"\n        >\n          <eva-button\n            dense\n            v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.buttonTooltip')\"\n            class=\"pa-2\"\n            @click.stop=\"() => $refs.generateFeedbackMenu?.generateFeedback()\"\n          >\n            <v-icon small>\n              mdi-creation-outline\n            </v-icon>\n          </eva-button>\n        </div>\n      </div>\n      <div v-show=\"!inEmptyState\">\n        <generate-feedback-menu\n          :answer=\"answer\"\n          @insert=\"(content) => comment = [(comment || '') + content].join(`\\n`)\"\n          @replace=\"(content) => comment = content\"\n          @update-grade-suggestion=\"gradeSuggestion = $event\"\n          @generating=\"pendingFeedbackGeneration = $event\"\n          ref=\"generateFeedbackMenu\"\n          class=\"mx-2\"\n        />\n        <v-card-actions class=\"px-0\">\n          <v-spacer />\n          <eva-button\n            @click=\"approve\"\n            dense\n            v-if=\"isNotSaved && answerFeedback?.status === 'ai_generated' && !pendingFeedbackGeneration\"\n            class=\"mr-2\"\n            icon-left=\"mdi-check-decagram-outline\"\n          >\n            {{ $t(\"evalmee.home.teacher.openQuestionGrader.validateFeedback\") }}\n          </eva-button>\n          <eva-button\n            @click=\"saveFeedback\"\n            dense\n            primary\n            v-if=\"isNotSaved\"\n            class=\"mr-2\"\n          >\n            {{ $t(\"evalmee.home.teacher.openQuestionGrader.saveComment\") }}\n          </eva-button>\n        </v-card-actions>\n      </div>\n    </div>\n  </v-card>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\nimport GenerateFeedbackMenu from \"@/components/questions/GenerateFeedbackMenu.vue\"\nimport getFeatureMixin from \"@/components/shared/get_feature_mixin\"\nimport TextEditor from \"@/components/shared/text_editor/text_editor.vue\"\nimport FeedbackChip from \"@/components/questions/feedbackChip.vue\"\nimport EvaBigIcon from \"@/components/shared/eva-big-icon.vue\"\n\nexport default {\n  name: \"AnswerFeedbackEditor\",\n  components: { EvaBigIcon, FeedbackChip, TextEditor, GenerateFeedbackMenu },\n  mixins: [getFeatureMixin],\n  props: {\n    answer: { type: Object, required: true },\n  },\n  data: () => ({\n    pendingFeedbackGeneration: false,\n    focused: false,\n  }),\n  computed: {\n    ...mapGetters([\"answersFeedbackByAnswerId\"]),\n    answerFeedback() {\n      return this.answersFeedbackByAnswerId(this.answer.id)\n    },\n    inEmptyState() {\n      if(this.focused) return false\n      if(this.pendingFeedbackGeneration) return false\n      if(!this.answerFeedback) return true\n      if(this.comment !== this.answerFeedback?.user_content) return false\n      return this.answerFeedback.blank_content\n    },\n    comment: {\n      get() {\n        return this.answerFeedback?.user_content\n      },\n      set(val) {\n        if (val === this.answerFeedback?.user_content) return\n        \n        this.createFeedbackForAnswer({ answer: this.answer, feedbackContent: val })\n      },\n    },\n    isNotSaved() {\n      return this.answerFeedback?.is_saved === false\n    },\n  },\n  methods: {\n    ...mapActions([\"newAppNotification\", \"createFeedbackForAnswer\", \"approveFeedback\", \"saveFeedbackForAnswer\"]),\n    saveFeedback() {\n      this.saveFeedbackForAnswer({\n        answer: this.answer,\n      })\n    },\n    approve() {\n      this.approveFeedback({ feedback: this.answerFeedback })\n    },\n    setFocus() {\n      this.focused = true\n      this.$nextTick(() => {\n        this.$refs.textEditor.focus()\n      })\n    },\n  },\n  // watch: {\n  //   \"answerFeedback.user_content\": {\n  //     handler(val) {\n  //       this.comment = val\n  //     },\n  //     immediate: true,\n  //   },\n  // },\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["_sfc_main","EvalmeeChip","__spreadProps","__spreadValues","mapGetters","percentage","ChipPoints","TurnitinAnswerReport","getFeatureMixin","_a","scale","gs","a","b","_b","mapActions","error","grade","rule","val","props","emit","showLoader","ref","menuOpen","feedbackSuggestion","llmResponseLog","rated","userFeedback","userFeedbackSent","store","useStore","previousFeedbackContent","show","feedback","computed","generateFeedback","returnedLlmResponseLogs","insert","vueI18n","rateSuggestion","rate","axios","submitUserFeedback","rollback","canRollback","generatedContent","watch","value","EvaBigIcon","FeedbackChip","TextEditor","GenerateFeedbackMenu"],"mappings":"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"}