{"version":3,"file":"item-_id_.Ckq5OvFG.js","sources":["../../../../components/answers/AnswersList.vue","../../../../components/questions/QuestionsItemPageContent.vue"],"sourcesContent":["<template>\n  <div class=\"space-y-4\">\n    <div class=\"font-bold text-xl text-gray-900\">\n      {{ $t('answers.answers') }}\n    </div>\n    <AnswersForm\n      :question-id=\"questionId\"\n      :disabled=\"!authStore.auth\"\n      @click=\"onClick\"\n      @create=\"onCreate\"\n    />\n    <template v-for=\"(answer, idx) in answersList.state.hits\" :key=\"answer.id\">\n      <AnswersItem\n        :answer=\"answer\"\n        :is-last=\"idx === (answersList?.state.hits.length || 0) - 1\"\n        @delete=\"onDelete(idx)\"\n        @edit=\"(answerData: Answer) => onEdit(idx, answerData)\"\n      />\n    </template>\n    <BaseButton\n      v-if=\"\n        answersList &&\n        !answersList?.allRecordsLoaded &&\n        !answersList?.state.processing\n      \"\n      look=\"link\"\n      size=\"none\"\n      class=\"w-full font-bold text-sm\"\n      @click=\"onShowMore\"\n      >{{ $t('common.show_more') }}\n    </BaseButton>\n    <div\n      v-if=\"!answersList || answersList?.state.processing\"\n      class=\"py-3 flex justify-center\"\n    >\n      <BaseSpinner />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuth } from '~/stores/auth'\nimport { useQuestions } from '~/stores/questions'\nimport type { Answer } from '~/models/questions'\n\nconst props = defineProps({\n  questionId: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst emits = defineEmits(['loaded', 'create', 'delete'])\n\nconst authStore = useAuth()\nconst questionsStore = useQuestions()\nconst answersList = questionsStore.initAnswersList(props.questionId)\n\nasync function onShowMore() {\n  await answersList.nextPage()\n}\n\nfunction onClick() {\n  if (!authStore.auth) {\n    authStore.openLoginModal()\n  }\n}\n\nonMounted(async () => {\n  await answersList.getPage()\n  emits('loaded')\n})\n\nconst onDelete = (questionIndex: number) => {\n  answersList.state.hits.splice(questionIndex, 1)\n  emits('delete')\n}\n\nconst onCreate = (answerData: Answer) => {\n  answersList.state.hits.unshift(answerData)\n  emits('create')\n}\n\nconst onEdit = (questionIndex: number, answerData: Answer) => {\n  answersList.state.hits[questionIndex] = answerData\n}\n</script>\n","<template>\n  <div>\n    <div v-if=\"!questionsStore.question\" class=\"py-10 flex justify-center\">\n      <BaseSpinner />\n    </div>\n    <div v-else class=\"flex flex-col gap-6\">\n      <article\n        class=\"p-4 sm:p-8 bg-white rounded-xl text-gray-900 flex flex-col gap-4\"\n      >\n        <div class=\"w-full flex justify-between gap-4\">\n          <div class=\"flex items-center gap-4 flex-wrap\">\n            <div\n              v-if=\"categories.length\"\n              class=\"flex flex-wrap items-center gap-1\"\n            >\n              <BaseLocaleLink\n                v-for=\"item in categories\"\n                :key=\"item.id\"\n                :to=\"item.route\"\n                class=\"flex no-underline font-normal\"\n                :class=\"item.hidden && 'pointer-events-none'\"\n              >\n                <BaseButton\n                  size=\"xs\"\n                  look=\"none\"\n                  class=\"bg-primary-100 hover:bg-primary-400\"\n                >\n                  {{ item.local }}\n                </BaseButton>\n              </BaseLocaleLink>\n            </div>\n            <span class=\"text-xs sm:text-sm whitespace-nowrap text-gray-400\">\n              {{\n                questionsStore.formatDate(questionsStore.question.updated_at)\n              }}\n            </span>\n          </div>\n          <BaseButton\n            look=\"link\"\n            theme=\"dark\"\n            class=\"font-normal hidden sm:inline-flex\"\n            size=\"xs\"\n            @click=\"goBackToQuestions\"\n          >\n            <BaseIcon name=\"outline_arrow_turn_left\" size=\"xs\" class=\"mr-2\" />\n            <span class=\"text-sm\">\n              {{ $t('questions.back_to_questions') }}\n            </span>\n          </BaseButton>\n        </div>\n        <div class=\"flex py-1 justify-between gap-4\">\n          <div class=\"flex gap-2\">\n            <div>\n              <UsersUserAvatar\n                :src=\"questionsStore.question.user?.media\"\n                :abbr=\"\n                  getAbbrFromFullName(questionsStore.question.user?.name || '')\n                \"\n                size=\"lg\"\n              >\n                <template\n                  v-if=\"questionsStore.question.user.is_subscription_active\"\n                  #topBadge\n                >\n                  <SubscriptionsProBadge />\n                </template>\n              </UsersUserAvatar>\n            </div>\n            <div class=\"font-bold text-sm text-gray flex gap-2 items-center\">\n              <BaseLocaleLink\n                v-if=\"\n                  authStore.auth && !questionsStore.question.user.is_removed\n                \"\n                :to=\"`/users/${questionsStore.question.sender_id}`\"\n                class=\"hover:text-gray-700\"\n              >\n                {{ questionsStore.question.user.name }}\n              </BaseLocaleLink>\n              <span\n                v-else\n                :class=\"questionsStore.question.user.is_removed && 'opacity-60'\"\n              >\n                {{ questionsStore.question.user.name }}\n              </span>\n              <span class=\"font-normal text-gray-400 whitespace-nowrap\">\n                ·\n                {{\n                  questionsStore.formatDateFrom(\n                    questionsStore.question.created_at\n                  )\n                }}\n              </span>\n            </div>\n          </div>\n          <QuestionsMenu\n            :question=\"questionsStore.question\"\n            :page-link=\"pageLink\"\n          />\n        </div>\n        <h2 class=\"text-3xl font-bold\">\n          {{ questionsStore.question.title }}\n        </h2>\n        <div class=\"pb-2 whitespace-pre-wrap\">\n          {{ questionsStore.question.text }}\n        </div>\n        <div class=\"pt-5 border-t border-gray-200\">\n          <CardActionsPanel\n            :name=\"questionsStore.question.title\"\n            :reactions=\"reactionsCounters\"\n            :comments=\"questionsStore.question.count_answers\"\n            :page-link=\"pageLink\"\n            :is-counters-processing=\"isCountersProcessing\"\n            @change-reaction=\"onChangeReaction\"\n          />\n        </div>\n      </article>\n      <div\n        ref=\"answersElement\"\n        class=\"p-4 sm:p-8 bg-white rounded-lg\"\n        style=\"scroll-margin-top: calc(4rem + var(--sat))\"\n      >\n        <AnswersList\n          :question-id=\"id\"\n          @loaded=\"scrollToAnswers\"\n          @create=\"onCreateAnswer\"\n          @delete=\"onDeleteAnswer\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useQuestions } from '~/stores/questions'\nimport { EntityType } from '~/models/common'\nimport { useNavigation } from '~/stores/navigation'\nimport { useAuth } from '~/stores/auth'\n\nconst nuxtApp = useNuxtApp()\nconst questionsStore = useQuestions()\nconst route = useRoute()\nconst router = useRouter()\nconst { getCategoryItemsByIds, getPageLinkCategorySlug } = useNavigation()\nconst authStore = useAuth()\nconst answersElement = ref<HTMLElement | null>(null)\n\nconst id = Array.isArray(route.params.id)\n  ? Number(route.params.id[0])\n  : Number(route.params.id)\n\nconst categories = computed(() =>\n  getCategoryItemsByIds(questionsStore.question?.categories || [], 'questions')\n)\n\nconst categorySlug = computed(() => getPageLinkCategorySlug(categories.value))\nconst pageLink = computed(() => {\n  return questionsStore.getQuestionPageLink(id, categorySlug.value)\n})\n\nonServerPrefetch(async () => {\n  await questionsStore.fetchQuestion(id)\n  nuxtApp.runWithContext(() => initMeta())\n})\n\nconst entity = {\n  entity_id: id,\n  entity_type: EntityType.Question,\n}\n\nconst {\n  initCountersHelper,\n  reactionsCounters,\n  onChangeReaction,\n  isCountersProcessing,\n} = useCountersHelper()\n\nconst countersCallbacks = {\n  onSendReaction: () => questionsStore.voteForQuestion(id),\n  onDeleteReaction: () => questionsStore.deleteVoteForQuestion(id),\n}\n\nonMounted(async () => {\n  await questionsStore.fetchQuestion(id)\n  initMeta()\n  await initCountersHelper({\n    entity,\n    callbacks: countersCallbacks,\n    isLoadReactions: true,\n  })\n})\n\nfunction scrollToAnswers() {\n  route.query.scroll === 'comments' && answersElement.value?.scrollIntoView()\n}\n\nconst initMeta = () => {\n  if (questionsStore.question) {\n    const categoriesNames = categories.value.map((item) => item.local)\n\n    useHeadMeta(\n      {\n        title: questionsStore.question.title,\n        description: questionsStore.question.text,\n        keywords: categoriesNames.join(', '),\n      },\n      { canonical: pageLink }\n    )\n  }\n}\n\nconst goBackToQuestions = () => {\n  const prevRoute = router.options.history.state.back?.toString() || ''\n\n  if (prevRoute.includes('questions') && !prevRoute.includes('item-')) {\n    router.back()\n  } else {\n    router.push(useLocaleRoute()({ name: 'questions' }) as RouteLocationRaw)\n  }\n}\n\nconst onCreateAnswer = () => {\n  if (questionsStore.question) {\n    questionsStore.question.count_answers += 1\n  }\n}\n\nconst onDeleteAnswer = () => {\n  if (questionsStore.question) {\n    questionsStore.question.count_answers -= 1\n  }\n}\n</script>\n"],"names":["props","__props","emits","__emit","authStore","useAuth","answersList","useQuestions","onShowMore","onClick","onMounted","onDelete","questionIndex","onCreate","answerData","onEdit","questionsStore","route","useRoute","router","useRouter","getCategoryItemsByIds","getPageLinkCategorySlug","useNavigation","answersElement","ref","id","categories","computed","_a","categorySlug","pageLink","entity","EntityType","initCountersHelper","reactionsCounters","onChangeReaction","isCountersProcessing","useCountersHelper","countersCallbacks","initMeta","scrollToAnswers","categoriesNames","item","useHeadMeta","goBackToQuestions","prevRoute","useLocaleRoute","onCreateAnswer","onDeleteAnswer"],"mappings":"i0BA6CA,MAAMA,EAAQC,EAORC,EAAQC,EAERC,EAAYC,IAEZC,EADiBC,IACY,gBAAgBP,EAAM,UAAU,EAEnE,eAAeQ,GAAa,CAC1B,MAAMF,EAAY,UACpB,CAEA,SAASG,GAAU,CACZL,EAAU,MACbA,EAAU,eAAe,CAE7B,CAEAM,EAAU,SAAY,CACpB,MAAMJ,EAAY,UAClBJ,EAAM,QAAQ,CAAA,CACf,EAEK,MAAAS,EAAYC,GAA0B,CAC1CN,EAAY,MAAM,KAAK,OAAOM,EAAe,CAAC,EAC9CV,EAAM,QAAQ,CAAA,EAGVW,EAAYC,GAAuB,CAC3BR,EAAA,MAAM,KAAK,QAAQQ,CAAU,EACzCZ,EAAM,QAAQ,CAAA,EAGVa,EAAS,CAACH,EAAuBE,IAAuB,CAChDR,EAAA,MAAM,KAAKM,CAAa,EAAIE,CAAA,q/CCwD1C,MAAME,EAAiBT,IACjBU,EAAQC,KACRC,EAASC,KACT,CAAE,sBAAAC,EAAuB,wBAAAC,CAAwB,EAAIC,GAAc,EACnEnB,EAAYC,IACZmB,EAAiBC,GAAwB,IAAI,EAE7CC,EAAK,MAAM,QAAQT,EAAM,OAAO,EAAE,EACpC,OAAOA,EAAM,OAAO,GAAG,CAAC,CAAC,EACzB,OAAOA,EAAM,OAAO,EAAE,EAEpBU,EAAaC,EAAS,IAC1B,OAAA,OAAAP,IAAsBQ,EAAAb,EAAe,WAAf,YAAAa,EAAyB,aAAc,CAAA,EAAI,WAAW,EAAA,EAGxEC,EAAeF,EAAS,IAAMN,EAAwBK,EAAW,KAAK,CAAC,EACvEI,EAAWH,EAAS,IACjBZ,EAAe,oBAAoBU,EAAII,EAAa,KAAK,CACjE,EAOKE,EAAS,CACb,UAAWN,EACX,YAAaO,GAAW,QAAA,EAGpB,CACJ,mBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,qBAAAC,GACEC,GAAkB,EAEhBC,EAAoB,CACxB,eAAgB,IAAMvB,EAAe,gBAAgBU,CAAE,EACvD,iBAAkB,IAAMV,EAAe,sBAAsBU,CAAE,CAAA,EAGjEhB,EAAU,SAAY,CACd,MAAAM,EAAe,cAAcU,CAAE,EAC5Bc,IACT,MAAMN,EAAmB,CACvB,OAAAF,EACA,UAAWO,EACX,gBAAiB,EAAA,CAClB,CAAA,CACF,EAED,SAASE,GAAkB,OACzBxB,EAAM,MAAM,SAAW,cAAcY,EAAAL,EAAe,QAAf,MAAAK,EAAsB,iBAC7D,CAEA,MAAMW,EAAW,IAAM,CACrB,GAAIxB,EAAe,SAAU,CAC3B,MAAM0B,EAAkBf,EAAW,MAAM,IAAKgB,GAASA,EAAK,KAAK,EAEjEC,GACE,CACE,MAAO5B,EAAe,SAAS,MAC/B,YAAaA,EAAe,SAAS,KACrC,SAAU0B,EAAgB,KAAK,IAAI,CACrC,EACA,CAAE,UAAWX,CAAS,CAAA,CAE1B,CAAA,EAGIc,EAAoB,IAAM,OAC9B,MAAMC,IAAYjB,EAAAV,EAAO,QAAQ,QAAQ,MAAM,OAA7B,YAAAU,EAAmC,aAAc,GAE/DiB,EAAU,SAAS,WAAW,GAAK,CAACA,EAAU,SAAS,OAAO,EAChE3B,EAAO,KAAK,EAEZA,EAAO,KAAK4B,GAAe,EAAE,CAAE,KAAM,WAAa,CAAA,CAAqB,CACzE,EAGIC,EAAiB,IAAM,CACvBhC,EAAe,WACjBA,EAAe,SAAS,eAAiB,EAC3C,EAGIiC,EAAiB,IAAM,CACvBjC,EAAe,WACjBA,EAAe,SAAS,eAAiB,EAC3C"}