{"version":3,"file":"Br5Z77_Y.js","sources":["../../../../components/blog/SearchHeaderForm.vue","../../../../composables/storyblok/useSearchPosts.ts"],"sourcesContent":["<template>\n  <div class=\"search-header\">\n    <GridContainer>\n      <GridItem class=\"search-header-wrapper\">\n        <div class=\"text-container\">\n          <h4>\n            <NuxtLink href=\"/blog\">{{ t(\"subtitle\") }}</NuxtLink>\n          </h4>\n          <h1>\n            <NuxtLink href=\"/blog\">{{ t(\"title\") }}</NuxtLink>\n          </h1>\n          <p>\n            {{ t(\"description\") }}\n          </p>\n        </div>\n        <div class=\"form-container\">\n          <TextInput\n            :placeholder=\"t('input.search.placeholder')\"\n            :model-value=\"searchTerm\"\n            @update:model-value=\"(v) => $emit('update:searchTerm', v)\"\n          />\n        </div>\n      </GridItem>\n    </GridContainer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { GridContainer, GridItem, TextInput } from \"cja-phoenix\";\n\nconst { t } = useI18n();\n\nconst props = defineProps<{\n  search?: string;\n}>();\n\nconst searchTerm = ref(props.search || \"\");\n\ndefineEmits([\"update:searchTerm\"]);\n</script>\n\n<style lang=\"scss\" scoped>\n.search-header {\n  padding: 24px 0;\n  background: linear-gradient(80deg, $extra-light-blue 1%, $white 100%);\n\n  @media screen and (min-width: $break-lg-min) {\n    padding: 40px 0;\n  }\n\n  .search-header-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    @media screen and (min-width: $break-md-min) {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n      gap: 24px;\n    }\n  }\n\n  .text-container {\n    max-width: 640px;\n\n    h4 {\n      font-size: 20px;\n      line-height: 24px;\n      font-weight: 700;\n      margin: 0 0 16px;\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n    }\n\n    h1 {\n      font-size: 30px;\n      line-height: 34px;\n      font-weight: 800;\n      margin: 0;\n      @include text-gradient-dark-blue;\n\n      @media screen and (min-width: $break-lg-min) {\n        font-size: 36px;\n        line-height: 42px;\n      }\n\n      @media screen and (min-width: $break-xl-min) {\n        margin: 0 0 16px;\n      }\n    }\n\n    p {\n      font-size: 16px;\n      line-height: 22px;\n      margin: 0;\n\n      @media screen and (max-width: $break-lg-max) {\n        display: none;\n      }\n    }\n  }\n\n  .form-container {\n    max-width: 400px;\n    width: 100%;\n  }\n}\n</style>\n\n<i18n lang=\"json\">\n{\n  \"pt\": {\n    \"subtitle\": \"Blog\",\n    \"title\": \"Tempo & Dinheiro\",\n    \"description\": \"Dicas, artigos e ferramentas para gerir as tuas finanças pessoais de forma inteligente.\",\n    \"input\": {\n      \"search\": {\n        \"placeholder\": \"Pesquisa um tópico\"\n      }\n    }\n  }\n}\n</i18n>\n","import { Post } from \"@/types/Post\";\nimport { Status } from \"~/types/CustomFetch\";\nimport { mapResultToPosts } from \"~/utils/storyblok/mapResultToPosts\";\n\nexport const useSearchPosts = (\n  searchTerm: Ref<string>,\n  searchTag?: Ref<string>\n) => {\n  const status: Ref<Status> = ref(\"idle\");\n  const { storyblokVersion } = useRuntimeConfig().public;\n\n  const posts: Ref<Post[]> = ref([]);\n  const page = ref(1);\n  const totalPages = ref(0);\n  const nFound = ref(0);\n\n  let timer: any;\n\n  watch(\n    [page, searchTerm],\n    () => {\n      status.value = \"pending\";\n\n      clearTimeout(timer);\n      timer = setTimeout(() => {\n        useStoryblokApi()\n          .getStories(\n            (() => {\n              const options: any = {\n                version: storyblokVersion as \"draft\" | \"published\",\n                content_type: \"post\",\n                page: page.value,\n                per_page: 12,\n                resolve_links: \"url\",\n                resolve_relations: [\"post.author\", \"post.specialist\"],\n                filter_query: {\n                  postType: {\n                    in: \"post\",\n                  },\n                },\n              };\n\n              if (searchTerm.value) {\n                options.search_term = searchTerm.value;\n                options.filter_query.title = {\n                  like: `*${searchTerm.value}*`,\n                };\n              } else if (searchTag?.value) {\n                options.with_tag = searchTag.value;\n                options.sort_by = \"first_published_at:desc\";\n              }\n\n              return options;\n            })()\n          )\n          .then((r) => {\n            const mappedResult = mapResultToPosts(r);\n\n            posts.value = mappedResult.posts;\n            totalPages.value = mappedResult.totalPages;\n            nFound.value = r.total;\n\n            status.value = \"success\";\n          })\n          .catch(() => {\n            status.value = \"error\";\n          });\n      }, 500);\n    },\n    {\n      immediate: searchTerm.value || searchTag?.value ? true : false,\n    }\n  );\n\n  return {\n    status,\n    posts,\n    page,\n    totalPages,\n    nFound,\n  };\n};\n"],"names":["t","useI18n","searchTerm","ref","__props","useSearchPosts","searchTag","status","storyblokVersion","useRuntimeConfig","posts","page","totalPages","nFound","timer","watch","useStoryblokApi","options","r","mappedResult","mapResultToPosts"],"mappings":"iXA8BM,KAAA,CAAE,EAAAA,CAAE,EAAIC,EAAQ,EAMhBC,EAAaC,EAJLC,EAIe,QAAU,EAAE,2/BChC5BC,EAAiB,CAC5BH,EACAI,IACG,CACG,MAAAC,EAAsBJ,EAAI,MAAM,EAChC,CAAE,iBAAAK,CAAA,EAAqBC,EAAA,EAAmB,OAE1CC,EAAqBP,EAAI,EAAE,EAC3BQ,EAAOR,EAAI,CAAC,EACZS,EAAaT,EAAI,CAAC,EAClBU,EAASV,EAAI,CAAC,EAEhB,IAAAW,EAEJ,OAAAC,EACE,CAACJ,EAAMT,CAAU,EACjB,IAAM,CACJK,EAAO,MAAQ,UAEf,aAAaO,CAAK,EAClBA,EAAQ,WAAW,IAAM,CACvBE,EACG,EAAA,YACE,IAAM,CACL,MAAMC,EAAe,CACnB,QAAST,EACT,aAAc,OACd,KAAMG,EAAK,MACX,SAAU,GACV,cAAe,MACf,kBAAmB,CAAC,cAAe,iBAAiB,EACpD,aAAc,CACZ,SAAU,CACR,GAAI,MAAA,CACN,CAEJ,EAEA,OAAIT,EAAW,OACbe,EAAQ,YAAcf,EAAW,MACjCe,EAAQ,aAAa,MAAQ,CAC3B,KAAM,IAAIf,EAAW,KAAK,GAC5B,GACSI,GAAA,MAAAA,EAAW,QACpBW,EAAQ,SAAWX,EAAU,MAC7BW,EAAQ,QAAU,2BAGbA,CACN,GAAA,CAAA,EAEJ,KAAMC,GAAM,CACL,MAAAC,EAAeC,EAAiBF,CAAC,EAEvCR,EAAM,MAAQS,EAAa,MAC3BP,EAAW,MAAQO,EAAa,WAChCN,EAAO,MAAQK,EAAE,MAEjBX,EAAO,MAAQ,SAAA,CAChB,EACA,MAAM,IAAM,CACXA,EAAO,MAAQ,OAAA,CAChB,GACF,GAAG,CACR,EACA,CACE,UAAW,GAAAL,EAAW,OAASI,GAAA,MAAAA,EAAW,MAAe,CAE7D,EAEO,CACL,OAAAC,EACA,MAAAG,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,CACF,CACF"}