{"version":3,"file":"C4b4SzPV.js","sources":["../../../../storyblok/faq/Faq.vue"],"sourcesContent":["<template>\n  <div class=\"faq-container\" :class=\"{ [`bg-${blok.bgColor}`]: blok.bgColor }\">\n    <GridContainer>\n      <GridItem>\n        <div class=\"header-container\">\n          <h2>{{ blok.title }}</h2>\n        </div>\n        <div class=\"content-container\">\n          <StoryblokComponent\n            :blok=\"item\"\n            :level=\"1\"\n            v-for=\"item in blok.faqItems\"\n          />\n        </div>\n        <div class=\"reviewer-container\" v-if=\"blok.reviewer\">\n          <div class=\"image-container\">\n            <StoryblokImg :image=\"reviewer.image\" height=\"40\" width=\"40\" />\n          </div>\n          <div class=\"text-container\">\n            <i18n-t keypath=\"reviewed\" tag=\"div\" class=\"reviewed-by\">\n              <NuxtLink :href=\"`/${blok.reviewer.full_slug}`\">\n                {{ reviewer.name }}\n              </NuxtLink>\n            </i18n-t>\n            <div class=\"faq-role\">\n              {{ reviewer.roleFaq }}\n            </div>\n            <div class=\"faq-about\">\n              {{ reviewer.aboutFaq }}\n            </div>\n          </div>\n        </div>\n      </GridItem>\n    </GridContainer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { GridContainer, GridItem } from \"cja-phoenix\";\nimport { FaqStoryblok } from \"~/types/bloks\";\n\nconst { blok } = defineProps<{ blok: FaqStoryblok }>();\n\n// Do not remove this, the i18n translations will stop working\nuseI18n();\n\nconst reviewer = blok.reviewer.content;\n\nconst extractQuestion = (f: { question: string; answer: any }) => ({\n  \"@type\": \"Question\",\n  name: f.question,\n  acceptedAnswer: {\n    \"@type\": \"Answer\",\n    text: extractRichText(f.answer),\n  },\n});\n\nuseJsonld({\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"FAQPage\",\n  //@ts-ignore\n  mainEntity: blok.faqItems.map((f) =>\n    f.component == \"faq-section\"\n      ? f.questions.map((f) => extractQuestion(f))\n      : extractQuestion(f)\n  ),\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.faq-container {\n  padding: 40px 0;\n\n  .header-container {\n    @include blok-header;\n  }\n\n  .content-container {\n    .faq-section,\n    .faq-question.level-1 {\n      & + .faq-section,\n      & + .faq-question.level-1 {\n        border-top: 1px solid $light-grey;\n      }\n    }\n  }\n\n  .reviewer-container {\n    border-top: 1px solid $light-grey;\n    padding-top: 24px;\n    display: grid;\n    grid-template-columns: 46px 1fr;\n    gap: 16px;\n\n    .image-container {\n      height: 46px;\n      padding: 3px;\n      background: $gradient-cja-1;\n      border-radius: 50%;\n\n      img {\n        display: block;\n        width: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .text-container {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n\n      .reviewed-by {\n        font-size: 13px;\n        font-weight: 700;\n\n        a {\n          color: $main-blue;\n          transition: all 0.2s ease-in-out;\n          text-decoration: underline;\n\n          &:hover {\n            color: $dark-blue;\n          }\n        }\n      }\n\n      .faq-role {\n        color: $blue-grey;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .faq-about {\n        color: $blue-grey;\n        font-size: 10px;\n      }\n    }\n  }\n}\n</style>\n\n<i18n lang=\"json\">\n{\n  \"pt\": {\n    \"reviewed\": \"Conteúdo Revisto por {0}\"\n  }\n}\n</i18n>\n"],"names":["useI18n","reviewer","__props","extractQuestion","f","extractRichText","useJsonld"],"mappings":"+dA4CQA,EAAA,EAEF,MAAAC,EAAWC,EAAI,KAAC,SAAS,QAEzBC,EAAmBC,IAA0C,CACjE,QAAS,WACT,KAAMA,EAAE,SACR,eAAgB,CACd,QAAS,SACT,KAAMC,EAAgBD,EAAE,MAAM,CAAA,CAChC,GAGQ,OAAAE,EAAA,CACR,WAAY,qBACZ,QAAS,UAET,WAAYJ,OAAK,SAAS,IAAKE,GAC7BA,EAAE,WAAa,cACXA,EAAE,UAAU,IAAKA,GAAMD,EAAgBC,CAAC,CAAC,EACzCD,EAAgBC,CAAC,CAAA,CACvB,CACD"}