{"version":3,"file":"CfyTJ4F6.js","sources":["../../../../pages/help/services-resources/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { MastheadSecondary, SearchGeneric, SectionWrapper, DividerWayFinder, RichText, SectionCardsWithIllustrations, BlockCallToAction } from 'ucla-library-website-components'\n\nimport { onMounted } from 'vue'\n\n// HELPERS\nimport _get from 'lodash/get'\n\n// SEARCH UTILS\nimport getListingFilters from '../utils/getListingFilters'\nimport config from '../utils/searchConfig'\nimport queryFilterHasValues from '../utils/queryFilterHasValues'\nimport parseFilters from '../utils/parseFilters'\n\n// UTILITIES\nimport removeTags from '../utils/removeTags'\nimport sortByTitle from '../utils/sortByTitle'\n\n// GQL\nimport SERVICE_RESOURCE_WORKSHOPSERIES_LIST from '../gql/queries/ServiceResourceWorkshopSeriesList.gql'\nimport HELP_TOPIC_LIST from '../gql/queries/HelpTopicList.gql'\n\nconst { $graphql, $elasticsearchplugin, $dataApi } = useNuxtApp()\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData('services-resources-list', async () => {\n  const data = await $graphql.default.request(SERVICE_RESOURCE_WORKSHOPSERIES_LIST)\n  const helpTopicData = await $graphql.default.request(HELP_TOPIC_LIST)\n  return { data, helpTopicData }\n})\n\nif (error.value) {\n  throw createError({\n    ...error.value, statusMessage: 'Page not found.' + error.value, fatal: true\n  })\n}\n\nif (!data.value.data && !data.value.helpTopicData) {\n  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\n\n// ELASTIC SEARCH INDEX\n// GETS DATA FROM CRAFT\n// CREATES ES INDEX TO BE SEARCHED\n// CHECK THAT NUXT IS RUNNING ON THE SERVER (import.meta.server)\n// console.log('DATA-DATA-DATA-DATA' + data)\nif (\n  data.value.data.externalResource &&\n  data.value.data.externalResource.length > 0 &&\n  import.meta.server\n) {\n  for (const externalResource of data.value.data.externalResource) {\n    await $elasticsearchplugin.index(\n      { ...externalResource, serviceOrResourceType: 'external resource' },\n      externalResource.slug\n    )\n  }\n}\n\nif (data.value.entry && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  const doc = {\n    title: data.value.entry.title,\n    text: data.value.entry.text,\n    uri: 'help/services-resources/'\n  }\n  await $elasticsearchplugin.index(doc, 'services-resources-list')\n}\n\nconst page = ref(data.value.data)\nconst helpTopic = ref(data.value.helpTopicData)\nconst summaryData = ref(_get(data.value.data, 'entry', {}))\n\n// ENABLE PREVIEW\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = newVal.data\n  helpTopic.value = newVal.helpTopicData\n  summaryData.value = _get(newVal.data, 'entry', {})\n})\n\n// ES SEARCH FUNCTIONALITY\nconst hits = ref([])\nconst noResultsFound = ref(false)\nconst searchFilters = ref([])\nconst searchGenericQuery = ref({\n  queryText: route.query.q || '',\n  queryFilters: parseFilters(route.query.filters || ''),\n})\n\n// THIS WATCHER IS CALLED WHEN THE ROUTER PUSHES UPDATES TO THE QUERY PARAM\n// ie: someone changes the query or starts viewing from a bookmarked page\n\nwatch(\n  () => route.query,\n  (newVal, oldVal) => {\n    // console.log('ES newVal, oldVal', newVal, oldVal)\n    searchGenericQuery.value.queryText = route.query.q || ''\n    searchGenericQuery.value.queryFilters = parseFilters(route.query.filters || '')\n    searchES()\n  }, { deep: true, immediate: true }\n)\n\n// ES search function\nasync function searchES() {\n  if (\n    (route.query.q && route.query.q !== '') ||\n    (route.query.filters &&\n      queryFilterHasValues(\n        parseFilters(route.query.filters || ''),\n        config.serviceOrResources.filters\n      ))\n  ) {\n    // console.log('Search ES HITS query,', route.query.q)\n    const queryText = route.query.q || '*'\n    const results = await $dataApi.keywordSearchWithFilters(\n      queryText,\n      config.serviceOrResources.searchFields,\n      '(sectionHandle:serviceOrResource OR sectionHandle:workshopSeries OR sectionHandle:helpTopic) OR (sectionHandle:externalResource AND displayEntry:yes)',\n      parseFilters(route.query.filters || ''),\n      config.serviceOrResources.sortField,\n      config.serviceOrResources.orderBy,\n      config.serviceOrResources.resultFields,\n    )\n\n    if (results && results.hits && results.hits.total.value > 0) {\n      // console.log('Search ES HITS,', results.hits.hits)\n      hits.value = results.hits.hits\n      noResultsFound.value = false\n    } else {\n      noResultsFound.value = true\n      hits.value = []\n    }\n  } else {\n    // console.log('data.value', data.value)\n\n    hits.value = []\n    noResultsFound.value = false\n  }\n}\n\n// METADATA FOR THE TAB\nuseHead({\n  title: page.value ? summaryData.value.title : '... loading',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: removeTags(summaryData.value.text),\n    },\n  ],\n})\n\n// COMPUTED PROPERTIES\n\n// DATA FROM CRAFT\nconst parsedPages = computed(() => {\n  if (\n    page.value &&\n    (page.value.serviceOrResource ||\n      page.value.workshopseries ||\n      page.value.externalResource ||\n      helpTopic.value.entries)\n  ) {\n    return [\n      ...(page.value.serviceOrResource || []),\n      ...(page.value.workshopseries || []),\n      ...(page.value.externalResource || []),\n      ...(helpTopic.value.entries || []),\n    ]\n  } else {\n    return []\n  }\n})\n\nconst parsedServiceAndResourceList = computed(() => {\n  const externalResourcesDisplay = (\n    page.value.externalResource || []\n  ).filter(obj => obj.displayEntry === 'yes')\n  return [\n    ...(page.value.serviceOrResource || []),\n    ...(page.value.workshopseries || []),\n    ...(externalResourcesDisplay || []),\n    ...(helpTopic.value.entries || []),\n  ]\n    .sort(sortByTitle)\n    .map((obj) => {\n      return {\n        ...obj,\n        category:\n          obj.category === 'help/services-resources'\n            ? 'workshop series'\n            : obj.typeHandle === 'helpTopic'\n              ? 'help topic'\n              : obj.typeHandle === 'externalResource'\n                ? 'resource'\n                : obj.category,\n        to:\n          obj.typeHandle === 'externalResource'\n            ? `${obj.to}`\n            : `/${obj.to}`,\n      }\n    })\n})\n\nconst parsedPlaceholder = computed(() => {\n  return `Search ${summaryData.value.title}`\n})\n\n// DATA FROM ELASTIC SEARCH\nconst parseHitsResults = computed(() => {\n  return hits.value.map((obj) => {\n    return {\n      title: obj._source.title,\n      sectionHandle: obj._source.sectionHandle,\n      to:\n        obj._source.sectionHandle === 'externalResource'\n          ? `${obj._source.externalResourceUrl}`\n          : `/${obj._source.uri}`,\n      iconName:\n        obj._source.illustrationsResourcesAndServices,\n      text: obj._source.text || obj._source.summary,\n      category:\n        obj._source.sectionHandle === 'workshopSeries'\n          ? 'workshop'\n          : obj._source.sectionHandle === 'helpTopic'\n            ? 'help topic'\n            : obj._source.sectionHandle ===\n              'externalResource'\n              ? 'resource'\n              : obj._source.type,\n    }\n  })\n})\n\n// Not being used?\n// const parseDisplayResultsText = computed(() => {\n//   if (hits.value.length > 1)\n//     return `Displaying ${hits.value.length} results`\n//   else return `Displaying ${hits.value.length} result`\n// })\n\n// ES MOUNTED for FILTERS\nonMounted(async () => {\n  // console.log('onMounted called')\n  await setFilters()\n})\n\n// ELEASTIC SEARCH METHODS\n// FETCH FILTERS FROM ES\nasync function setFilters() {\n  const searchAggsResponse = await $dataApi.getAggregations(\n    config.serviceOrResources.filters,\n    'serviceOrResource OR workshopSeries OR helpTopic OR externalResource',\n  )\n  searchFilters.value = getListingFilters(\n    searchAggsResponse,\n    config.serviceOrResources.filters\n  )\n}\n\n//  This event handler is invoked by the search-generic component (filtered search )selections\nfunction getSearchData(data) {\n  // console.log('On the page getsearchdata called')\n  // Construct the filters parameter dynamically\n  const filters = []\n  for (const key in data.filters) {\n    if (data.filters[key].length > 0) {\n      filters.push(`${key}:(${data.filters[key].join(' OR ')})`)\n    }\n  }\n  // Use the router to navigate with the new query parameters\n  useRouter().push({\n    path: '/help/services-resources/',\n    query: {\n      q: data.text,\n      filters: filters.join(' AND ')\n    }\n  })\n}\n</script>\n\n<template lang=\"html\">\n  <main\n    id=\"main\"\n    class=\"page page-help\"\n  >\n    <MastheadSecondary\n      v-show=\"summaryData\"\n      :title=\"summaryData.title || ''\"\n      :text=\"summaryData.text || ''\"\n    />\n\n    <SearchGeneric\n      search-type=\"help\"\n      class=\"generic-search\"\n      :filters=\"searchFilters\"\n      :search-generic-query=\"searchGenericQuery\"\n      :placeholder=\"parsedPlaceholder\"\n      @search-ready=\"getSearchData\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        color=\"help\"\n        class=\"search-margin\"\n      />\n    </SectionWrapper>\n\n    <!-- ALL RESULTS -->\n    <SectionWrapper\n      v-show=\"(page.serviceOrResource || page.workshopseries) &&\n        hits.length == 0 && !noResultsFound\"\n      class=\"section-no-top-margin\"\n    >\n      <SectionCardsWithIllustrations\n        :items=\"parsedServiceAndResourceList\"\n        :is-horizontal=\"true\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"hits && hits.length > 0\"\n      class=\"section-no-top-margin\"\n    >\n      <h2\n        v-if=\"route.query && route.query.q\"\n        class=\"about-results\"\n      >\n        Displaying {{ hits.length }} results for\n        <strong><em>“{{ route.query.q }}”</em></strong>\n      </h2>\n      <h2\n        v-else\n        class=\"about-results\"\n      >\n        Displaying {{ hits.length }} results\n      </h2>\n      <SectionCardsWithIllustrations\n        :items=\"parseHitsResults\"\n        :is-horizontal=\"true\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"noResultsFound && route.query.q\"\n      class=\"section-no-top-margin\"\n    >\n      <div class=\"error-text\">\n        <RichText>\n          <h2>Search for “{{ route.query.q }}” not found.</h2>\n          <p>\n            We can’t find the term you are looking for on this page,\n            but we're here to help. <br>\n            Try searching the whole site from\n            <a href=\"https://library.ucla.edu/\">UCLA Library Home</a>, or try one of the these\n            regularly visited links:\n          </p>\n          <ul>\n            <li>\n              <a href=\"https://www.library.ucla.edu/research-teaching-support/research-help/\">Research\n                Help</a>\n            </li>\n            <li>\n              <a href=\"/help/services-resources/ask-us/\">Ask Us</a>\n            </li>\n            <li>\n              <a href=\"https://www.library.ucla.edu/use/access-privileges/disability-resources/\">Accessibility\n                Resources</a>\n            </li>\n          </ul>\n        </RichText>\n      </div>\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <DividerWayFinder\n        class=\"divider-way-finder\"\n        color=\"help\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <BlockCallToAction\n        class=\"block-call-to-action\"\n        :is-global=\"true\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-help {\n  :deep(label.label) {\n    text-transform: capitalize;\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","SERVICE_RESOURCE_WORKSHOPSERIES_LIST","HELP_TOPIC_LIST","$elasticsearchplugin","doc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,EAAE,UAAU,sBAAsB,SAAQ,IAAK,WAAY;AACjE,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,MAAM,MAAO,KAAS,CAAA,QAAA,SAAA,IAAAA,iBAAA,YAAA,aAAa,2BAA2B,YAAY;AAChF,YAAMC,QAAO,MAAM,SAAS,QAAQ,QAAQC,KAAoC;AAChF,YAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQC,GAAe;AACpE,aAAO,EAAE,MAAAF,OAAM,cAAe;AAAA,IAChC,CAAC,CAAA;AAED,QAAI,MAAM,OAAO;AACf,YAAM,YAAY;AAAA,QAChB,GAAG,MAAM;AAAA,QAAO,eAAe,oBAAoB,MAAM;AAAA,QAAO,OAAO;AAAA,MAC3E,CAAG;AAAA,IACH;AAEA,QAAI,CAAC,KAAK,MAAM,QAAQ,CAAC,KAAK,MAAM,eAAe;AACjD,YAAM,YAAY,EAAE,YAAY,KAAK,SAAS,kBAAkB,OAAO,MAAM;AAAA,IAC/E;AAOA,QACE,KAAK,MAAM,KAAK,oBAChB,KAAK,MAAM,KAAK,iBAAiB,SAAS,KAC1C,OACA;AACA,iBAAW,oBAAoB,KAAK,MAAM,KAAK,kBAAkB;AAC/D,QAAM,CAAA,QAAA,SAAA,IAAAD,iBAAA,MAAA,qBAAqB;AAAA,UACzB,EAAE,GAAG,kBAAkB,uBAAuB,oBAAqB;AAAA,UACnE,iBAAiB;AAAA,QACvB,CAAI;MACD;AAAA,IACH;AAEA,QAAI,KAAK,MAAM,SAAS,OAAoB;AAC1C,YAAM,EAAE,sBAAAI,sBAAsB,IAAG,WAAY;AAC7C,YAAMC,OAAM;AAAA,QACV,OAAO,KAAK,MAAM,MAAM;AAAA,QACxB,MAAM,KAAK,MAAM,MAAM;AAAA,QACvB,KAAK;AAAA,MACN;AACD,MAAM,CAAA,QAAA,SAAA,IAAAL,iBAAA,MAAAI,sBAAqB,MAAMC,MAAK,yBAAyB,CAAA;IACjE;AAEA,UAAM,OAAO,IAAI,KAAK,MAAM,IAAI;AAChC,UAAM,YAAY,IAAI,KAAK,MAAM,aAAa;AAC9C,UAAM,cAAc,IAAI,KAAK,KAAK,MAAM,MAAM,SAAS,CAAA,CAAE,CAAC;AAG1D,UAAM,MAAM,CAAC,QAAQ,WAAW;AAE9B,WAAK,QAAQ,OAAO;AACpB,gBAAU,QAAQ,OAAO;AACzB,kBAAY,QAAQ,KAAK,OAAO,MAAM,SAAS,EAAE;AAAA,IACnD,CAAC;AAGD,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,qBAAqB,IAAI;AAAA,MAC7B,WAAW,MAAM,MAAM,KAAK;AAAA,MAC5B,cAAc,aAAa,MAAM,MAAM,WAAW,EAAE;AAAA,IACtD,CAAC;AAKD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ,WAAW;AAElB,2BAAmB,MAAM,YAAY,MAAM,MAAM,KAAK;AACtD,2BAAmB,MAAM,eAAe,aAAa,MAAM,MAAM,WAAW,EAAE;AAC9E,iBAAU;AAAA,MACX;AAAA,MAAE,EAAE,MAAM,MAAM,WAAW,KAAM;AAAA,IACpC;AAGA,mBAAe,WAAW;AACxB,UACG,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,MACnC,MAAM,MAAM,WACX;AAAA,QACE,aAAa,MAAM,MAAM,WAAW,EAAE;AAAA,QACtC,OAAO,mBAAmB;AAAA,MAClC,GACI;AAEA,cAAM,YAAY,MAAM,MAAM,KAAK;AACnC,cAAM,UAAU,MAAM,SAAS;AAAA,UAC7B;AAAA,UACA,OAAO,mBAAmB;AAAA,UAC1B;AAAA,UACA,aAAa,MAAM,MAAM,WAAW,EAAE;AAAA,UACtC,OAAO,mBAAmB;AAAA,UAC1B,OAAO,mBAAmB;AAAA,UAC1B,OAAO,mBAAmB;AAAA,QAC3B;AAED,YAAI,WAAW,QAAQ,QAAQ,QAAQ,KAAK,MAAM,QAAQ,GAAG;AAE3D,eAAK,QAAQ,QAAQ,KAAK;AAC1B,yBAAe,QAAQ;AAAA,QAC7B,OAAW;AACL,yBAAe,QAAQ;AACvB,eAAK,QAAQ,CAAE;AAAA,QAChB;AAAA,MACL,OAAS;AAGL,aAAK,QAAQ,CAAE;AACf,uBAAe,QAAQ;AAAA,MACxB;AAAA,IACH;AAGA,YAAQ;AAAA,MACN,OAAO,KAAK,QAAQ,YAAY,MAAM,QAAQ;AAAA,MAC9C,MAAM;AAAA,QACJ;AAAA,UACE,KAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAS,WAAW,YAAY,MAAM,IAAI;AAAA,QAC3C;AAAA,MACF;AAAA,IACH,CAAC;AAKmB,aAAS,MAAM;AACjC,UACE,KAAK,UACJ,KAAK,MAAM,qBACV,KAAK,MAAM,kBACX,KAAK,MAAM,oBACX,UAAU,MAAM,UAClB;AACA,eAAO;AAAA,UACL,GAAI,KAAK,MAAM,qBAAqB;UACpC,GAAI,KAAK,MAAM,kBAAkB;UACjC,GAAI,KAAK,MAAM,oBAAoB;UACnC,GAAI,UAAU,MAAM,WAAW;QAChC;AAAA,MACL,OAAS;AACL,eAAO,CAAE;AAAA,MACV;AAAA,IACH,CAAC;AAED,UAAM,+BAA+B,SAAS,MAAM;AAClD,YAAM,4BACJ,KAAK,MAAM,oBAAoB,CAAE,GACjC,OAAO,SAAO,IAAI,iBAAiB,KAAK;AAC1C,aAAO;AAAA,QACL,GAAI,KAAK,MAAM,qBAAqB;QACpC,GAAI,KAAK,MAAM,kBAAkB;QACjC,GAAI,4BAA4B,CAAA;AAAA,QAChC,GAAI,UAAU,MAAM,WAAW;MAChC,EACE,KAAK,WAAW,EAChB,IAAI,CAAC,QAAQ;AACZ,eAAO;AAAA,UACL,GAAG;AAAA,UACH,UACE,IAAI,aAAa,4BACb,oBACA,IAAI,eAAe,cACjB,eACA,IAAI,eAAe,qBACjB,aACA,IAAI;AAAA,UACd,IACE,IAAI,eAAe,qBACf,GAAG,IAAI,EAAE,KACT,IAAI,IAAI,EAAE;AAAA,QACjB;AAAA,MACP,CAAK;AAAA,IACL,CAAC;AAED,UAAM,oBAAoB,SAAS,MAAM;AACvC,aAAO,UAAU,YAAY,MAAM,KAAK;AAAA,IAC1C,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,KAAK,MAAM,IAAI,CAAC,QAAQ;AAC7B,eAAO;AAAA,UACL,OAAO,IAAI,QAAQ;AAAA,UACnB,eAAe,IAAI,QAAQ;AAAA,UAC3B,IACE,IAAI,QAAQ,kBAAkB,qBAC1B,GAAG,IAAI,QAAQ,mBAAmB,KAClC,IAAI,IAAI,QAAQ,GAAG;AAAA,UACzB,UACE,IAAI,QAAQ;AAAA,UACd,MAAM,IAAI,QAAQ,QAAQ,IAAI,QAAQ;AAAA,UACtC,UACE,IAAI,QAAQ,kBAAkB,mBAC1B,aACA,IAAI,QAAQ,kBAAkB,cAC5B,eACA,IAAI,QAAQ,kBACZ,qBACE,aACA,IAAI,QAAQ;AAAA,QACvB;AAAA,MACL,CAAG;AAAA,IACH,CAAC;AAUD,cAAU,YAAY;AAEpB,YAAM,WAAY;AAAA,IACpB,CAAC;AAID,mBAAe,aAAa;AAC1B,YAAM,qBAAqB,MAAM,SAAS;AAAA,QACxC,OAAO,mBAAmB;AAAA,QAC1B;AAAA,MACD;AACD,oBAAc,QAAQ;AAAA,QACpB;AAAA,QACA,OAAO,mBAAmB;AAAA,MAC3B;AAAA,IACH;AAGA,aAAS,cAAcJ,OAAM;AAG3B,YAAM,UAAU,CAAE;AAClB,iBAAW,OAAOA,MAAK,SAAS;AAC9B,YAAIA,MAAK,QAAQ,GAAG,EAAE,SAAS,GAAG;AAChC,kBAAQ,KAAK,GAAG,GAAG,KAAKA,MAAK,QAAQ,GAAG,EAAE,KAAK,MAAM,CAAC,GAAG;AAAA,QAC1D;AAAA,MACF;AAED,gBAAS,EAAG,KAAK;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,UACL,GAAGA,MAAK;AAAA,UACR,SAAS,QAAQ,KAAK,OAAO;AAAA,QAC9B;AAAA,MACL,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}