\n ${overline ? `
${joinWithCommas(hit[overline])}` : ''}\n
\n `;\n}\n","export default function page(hit, overline) {\n const { excerpt } = hit;\n\n return `\n
\n ${hit[overline] ? `
${hit[overline]}` : ''}\n
\n
\n `;\n}\n","import { joinWithCommas } from './utils';\n\nexport default function studentStory(hit, overline) {\n const { title, url, program, intro_quote, thumbnail } = hit;\n\n const renderedThumbnail = thumbnail\n ? `\n
\n
![\"${title}\"](\"${thumbnail}\")
\n
\n `\n : '';\n\n const renderedProgram = program\n ? `\n
\n ${program}\n
\n `\n : '';\n\n const renderedIntroQuote = intro_quote\n ? `
${intro_quote}
`\n : '';\n\n return `\n
\n ${\n hit[overline] !== undefined\n ? `${joinWithCommas(\n hit[overline],\n )}`\n : ''\n}\n \n ${renderedThumbnail}\n
\n ${renderedIntroQuote}\n
\n ${title}\n
\n ${renderedProgram}\n \n
\n `;\n}\n","import isEmpty from 'lodash.isempty';\nimport { createStatMarkupForArrays, joinWithCommas } from './utils';\n\nexport default function program(hit, overline, simple = false) {\n const { modes, subject_areas, title, url, intro_headline, stats } = hit;\n\n //Get stats that are not labeled 'Format'\n const noFormatStats = isEmpty(stats) ? stats : stats.filter(stat => stat.label !== 'Format');\n\n const renderedStats = isEmpty(noFormatStats)\n ? ''\n : noFormatStats.reduce(\n (acc, stat) =>\n `${acc}
${stat.label}
${stat.value}
`,\n '',\n );\n\n const renderedFormatAndSubjectArea = `\n ${createStatMarkupForArrays('Format', modes)}\n ${createStatMarkupForArrays('Subject Area', subject_areas)}\n `;\n\n return `\n
\n ${overline ? `
${joinWithCommas(hit[overline])}` : ''}\n
\n
\n
\n ${simple ? renderedFormatAndSubjectArea : renderedStats}\n
\n
\n
`;\n}\n","import isEmpty from 'lodash.isempty';\nimport { createStatMarkupForArrays, joinWithCommas, hasDatePassed } from './utils';\n\nexport default function programPdp(hit, overline, simple = false) {\n const { title, modes, subject_areas, url, intro_headline, program_dates } = hit;\n\n // formats a plaintext date string to a url query string\n const getDateStamp = date => {\n const d = new Date(date);\n const day = `0${d.getDate()}`.slice(-2);\n const month = `0${d.getMonth() + 1}`.slice(-2);\n const year = d.getFullYear();\n return `${month}${day}${year}`;\n };\n\n const renderedFormatAndSubjectArea = `\n ${createStatMarkupForArrays('Format', modes)}\n ${createStatMarkupForArrays('Subject Area', subject_areas)}\n `;\n\n const programDates = !isEmpty(program_dates)\n ? Object.entries(program_dates).reduce(\n (acc, [date, { cost, format, registration_deadline, length }]) => {\n //PDP registration ends midnight of the next day, not on the day of reg deadline\n const reg_deadline_next_day = new Date(registration_deadline);\n reg_deadline_next_day.setDate(reg_deadline_next_day.getDate() + 1);\n const hasPassed = hasDatePassed(reg_deadline_next_day);\n\n if (hasPassed) {\n return acc;\n }\n\n const template = `\n
\n
${date}
\n
\n
\n
Registration Deadline
\n
${registration_deadline}
\n
\n
\n
\n
\n `;\n return acc + template;\n },\n '',\n )\n : '';\n\n return `\n
\n ${overline ? `
${joinWithCommas(hit[overline])}` : ''}\n
\n
\n
\n ${simple ? '' : '
Start Dates
'}\n ${simple ? renderedFormatAndSubjectArea : programDates}\n \n
\n
`;\n}\n","export default function studyAbroad(hit, overline) {\n const { intro_headline } = hit;\n\n return `\n
\n ${hit[overline] ? `
${hit[overline]}` : ''}\n
\n
\n `;\n}\n","import isEmpty from 'lodash.isempty';\nimport { hasDatePassed } from './utils';\n\nexport default function event(hit, overline) {\n const { excerpt, event_date } = hit;\n const dateOptions = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\n let startDate = '';\n\n //If event isn't in the past, show the start date.\n if (!isEmpty(event_date)) {\n const tempStartDate = event_date.find(function(date) {\n if (date.end && !hasDatePassed(new Date(date.end))) {\n return new Date(date.start);\n }\n });\n\n if (tempStartDate) {\n startDate = new Date(tempStartDate.start).toLocaleDateString('en-US', dateOptions);\n }\n }\n\n return `\n
\n ${hit[overline] ? `
${hit[overline]}` : ''}\n ${startDate ? `
${startDate}` : ''}\n
\n
\n `;\n}\n","export default function stats(data) {\n const { hasManyResults, hasOneResult, nbHits } = data;\n\n if (hasManyResults) {\n return `${nbHits} results`;\n } else if (hasOneResult) {\n return '1 result';\n } else {\n return '';\n }\n}\n","export default function pagination(renderOptions) {\n const {\n isFirstPage,\n isLastPage,\n createURL,\n currentRefinement,\n nbPages,\n widgetParams,\n } = renderOptions;\n\n const container = document.querySelector(widgetParams.container);\n\n if (nbPages === 1) {\n container.innerHTML = '';\n container.classList.add('no-pagination');\n return;\n } else {\n container.classList.remove('no-pagination');\n }\n const previous = isFirstPage\n ? ``\n : ``;\n\n const next = isLastPage\n ? ``\n : ``;\n\n container.innerHTML = `\n \n `;\n}\n","import gsap from 'gsap';\n\ngsap.defaults({\n duration: 0.2,\n ease: 'power3.inOut',\n});\n\nexport default function searchBox(renderOptions, isFirstRender) {\n const { query, refine, clear, isSearchStalled, widgetParams } = renderOptions;\n\n const container = document.querySelector(widgetParams.container);\n const loadingContainer = document.querySelector(widgetParams.loadingContainer);\n\n if (isFirstRender) {\n const input = document.createElement('input');\n const label = document.createElement('label');\n input.classList.add('search-box__input');\n label.classList.add('visually-hidden');\n input.setAttribute('id', 'search');\n label.setAttribute('for', 'search');\n label.innerText = 'Search';\n\n const button = document.createElement('button');\n const buttonContent = document.createElement('span');\n button.appendChild(buttonContent);\n button.setAttribute('aria-label', 'Clear Search');\n button.classList.add('search-box__clear');\n buttonContent.classList.add('search-box__clear__icon');\n\n input.placeholder = widgetParams.prompt;\n input.autofocus = true;\n input.addEventListener('input', event => {\n refine(event.target.value);\n event.target.value.length < 1\n ? button.classList.remove('clear-is-visible')\n : button.classList.add('clear-is-visible');\n });\n\n button.addEventListener('click', () => {\n clear();\n button.classList.remove('clear-is-visible');\n });\n\n container.appendChild(label);\n container.appendChild(input);\n container.appendChild(button);\n }\n\n isSearchStalled\n ? () => {\n gsap.to('.search__hits', { autoAlpha: 0 });\n loadingContainer.innerHTML = `\n
\n
Loading
\n
\n \n \n \n
\n
\n `;\n }\n : () => {\n gsap.to('.search__hits', { autoAlpha: 1 });\n loadingContainer.innerHTML = '';\n };\n\n container.querySelector('input').value = query;\n}\n","import gsap from 'gsap';\nimport { ScrollToPlugin } from 'gsap/ScrollToPlugin';\n\ngsap.registerPlugin(ScrollToPlugin);\ngsap.defaults({\n duration: 0.2,\n ease: 'power3.out',\n});\n\nexport default function refinement(renderOptions, isFirstRender) {\n const { items, refine, createURL, widgetParams } = renderOptions;\n const { filtersManager, attribute } = widgetParams;\n\n const container = document.querySelector(widgetParams.container);\n const searchContainer = document.querySelector('.js-search');\n\n if (isFirstRender) {\n const refinementUl = document.createElement('ul');\n refinementUl.classList.add('search-refinement__list', 'js-filters');\n\n container.appendChild(refinementUl);\n }\n\n container.querySelector('ul').innerHTML = items\n .map(\n item => `\n
\n \n ${item.label} ${item.count}\n \n \n `,\n )\n .join('');\n\n filtersManager.setFilters(\n attribute,\n items.filter(({ isRefined }) => isRefined),\n refine,\n );\n\n [...container.querySelectorAll('a')].forEach(element => {\n element.addEventListener('click', e => {\n e.preventDefault();\n refine(e.currentTarget.dataset.value);\n const searchTop = searchContainer.getBoundingClientRect().top;\n if (window.innerWidth >= 1200) {\n if (searchTop < 0) {\n gsap.set(window, { scrollTo: window.scrollY + searchTop });\n }\n }\n });\n });\n\n const refinementList = document.querySelector('.js-refinement-wrapper');\n\n items.length === 0\n ? refinementList.classList.add('is-empty')\n : refinementList.classList.remove('is-empty');\n\n document\n .querySelector('.search-filters__list')\n .classList.toggle('filter-list-is-visible', filtersManager.isVisible());\n}\n","export default function empty(results) {\n return `\n
\n
No Results Found for ${results.query}.
\n
\n `;\n}\n","import isEmpty from 'lodash.isempty';\n\n/**\n * Get search query parameter from current URL.\n *\n * @return string\n */\nexport function getSearchQuery() {\n const url = new URL(window.location.href);\n return url.searchParams.get('q') || '';\n}\n\n/**\n * Create an Algolia filters strings, applying given\n * attribute to every value and stringing them with\n * given operator.\n *\n * @param string attribute\n * @param string[] values\n * @param string operator\n *\n * @returns string e.g. 'type:post AND type:page'\n */\nexport function createFilters(attribute, values, operator = 'OR') {\n if (isEmpty(values)) {\n return '';\n }\n\n return `(${values.map(value => `${attribute}:${value}`).join(` ${operator} `)})`;\n}\n\n/**\n * JSON parse given value. Return null\n * if failure.\n *\n * @param string value\n *\n * @return object\n */\nexport function jsonParse(value) {\n try {\n return JSON.parse(value);\n } catch {\n return null;\n }\n}\n\n/**\n * Compare given months.\n *\n * @param string first\n * @param string second\n *\n * @return > 0 for correct, < 0 for reverse\n */\nexport function compareMonths(first, second) {\n const months = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ];\n\n return months.indexOf(first.name) - months.indexOf(second.name);\n}\n/**\n * Apply constraints to given value. Return\n * min or max if value is under or over.\n *\n * @param {number} value\n * @param {number} min\n * @param {number} max\n *\n * @return {number}\n */\nexport function constrain(value, min, max) {\n const minimum = Math.max(value, min);\n return Math.min(minimum, max);\n}\n","import gsap from 'gsap';\n\nconst BREAKPOINT = 768;\n\ngsap.defaults({\n duration: 0.2,\n ease: 'power3.inOut',\n});\n\nclass Filters {\n constructor(parent) {\n this.parentSelector = parent;\n this.toggleSelector = `${parent} .js-filter-toggle`;\n this.filtersSelector = `${parent} .js-filters`;\n\n this.parent = document.querySelector(this.parentSelector);\n this.button = document.querySelector(this.toggleSelector);\n this.filtersIsOpen = false;\n\n if (this.button) {\n gsap.set(this.filtersSelector, { height: 0, y: -3, overflow: 'hidden', autoAlpha: 0 });\n this.resize();\n this.bindEvents();\n }\n }\n\n close() {\n this.filtersIsOpen = false;\n this.button.classList.remove('search-refinement-title--open');\n this.parent.classList.remove('search-refinement-attribute--open');\n\n this.tl = gsap.timeline();\n gsap.set(this.filtersSelector, { height: 'auto' });\n this.tl\n .to(this.filtersSelector, { duration: 0.3, autoAlpha: 0 })\n .to(this.filtersSelector, { height: 0, delay: 0.05 }, '<')\n .to(this.filtersSelector, { y: -3 }, '<');\n }\n\n open() {\n this.filtersIsOpen = true;\n this.button.classList.add('search-refinement-title--open');\n this.parent.classList.add('search-refinement-attribute--open');\n\n this.tl = gsap.timeline();\n gsap.set(this.filtersSelector, { height: 'auto' });\n this.tl\n .from(this.filtersSelector, { height: 0 })\n .to(this.filtersSelector, { duration: 0.3, autoAlpha: 1 }, '<')\n .to(this.filtersSelector, { y: 0, delay: 0.05 }, '<')\n .to(this.filtersSelector, { height: '100%' });\n }\n\n toggle() {\n if (this.filtersIsOpen) {\n this.close();\n } else {\n this.open();\n }\n }\n\n resize() {\n if (window.innerWidth >= BREAKPOINT) {\n if (!this.filtersIsOpen) {\n this.open();\n }\n }\n }\n\n bindEvents() {\n this.button.addEventListener('click', () => this.toggle());\n window.addEventListener('resize', () => this.resize());\n }\n}\n\nexport default Filters;\n","import isEmpty from 'lodash.isempty';\n\n/**\n * Manages the refinement filters \"pills\" across\n * all refinement attributes.\n */\nclass RefinementFiltersManager {\n constructor(container) {\n this.container = document.querySelector(container);\n this.filters = {};\n\n const filtersUl = document.createElement('ul');\n filtersUl.classList.add('search-filters__list');\n\n this.container.appendChild(filtersUl);\n }\n\n /**\n * Set filter items for an attribute.\n *\n * @param string attribute filter attribute\n * @param array items current items for attribute\n * @param func refine refine function for attribute\n */\n setFilters(attribute, items, refine) {\n if (isEmpty(items)) {\n delete this.filters[attribute];\n } else {\n this.filters[attribute] = { items, refine };\n }\n\n this.update();\n }\n\n /**\n * Are any filter items toggled on?\n *\n * @return bool\n */\n isVisible() {\n return !isEmpty(this.filters);\n }\n\n /**\n * Update refinement filters container with\n * current items.\n */\n update() {\n const filterEntries = Object.entries(this.filters);\n\n const filtersHTML = filterEntries.reduce((acc, [attribute, { items }]) => {\n const itemsHTML = items\n .map(\n item => `\n
\n \n \n `,\n )\n .join('');\n\n return acc + itemsHTML;\n }, '');\n\n this.container.querySelector('ul').innerHTML = filtersHTML;\n\n [...this.container.querySelectorAll('button')].forEach(element => {\n element.addEventListener('click', e => {\n e.preventDefault();\n const { refine } = this.filters[e.currentTarget.dataset.attribute];\n refine(e.currentTarget.dataset.value);\n });\n });\n }\n}\n\nexport default RefinementFiltersManager;\n","import algoliasearch from 'algoliasearch/lite';\n\nimport instantsearch from 'instantsearch.js';\nimport { stats, configure, hits } from 'instantsearch.js/es/widgets';\nimport {\n connectSearchBox,\n connectPagination,\n connectRefinementList,\n} from 'instantsearch.js/es/connectors';\n\nimport {\n getHitTemplate,\n getEmptyHitsTemplate,\n getSearchBoxTemplate,\n getPaginationTemplate,\n getRefinementTemplate,\n stats as getStatsTemplate,\n} from './templates';\nimport { getSearchQuery, jsonParse, compareMonths, constrain } from './utils';\n\nimport Filters from './filters';\nimport RefinementFiltersManager from './refinement-filters-manager';\n\nconst {\n ALGOLIA_APPLICATION_ID,\n ALGOLIA_SEARCH_ONLY_API_KEY,\n ALGOLIA_INDEX_NAME,\n SEARCH_SETTINGS,\n} = window.harvard.env;\n\nconst containers = {\n searchBox: '#search-searchbox',\n stats: '#search-stats',\n refinement: '#search-refinement',\n refinementFilters: '#search-refinement-filters',\n loading: '#search-loading',\n hits: '#search-hits',\n pagination: '#search-pagination',\n};\n\nclass SearchPage {\n constructor() {\n this.query = getSearchQuery();\n\n this.indexName = ALGOLIA_INDEX_NAME;\n\n const searchSettings = jsonParse(SEARCH_SETTINGS) || {};\n\n this.refinementAttributes = Object.entries(searchSettings.refinement_attributes);\n this.filters = searchSettings.filters;\n this.overline = searchSettings.overline;\n this.prompt = searchSettings.prompt || 'What can we help you find?';\n this.simple = searchSettings.simple;\n this.paginationSize = searchSettings.pagination_size\n ? constrain(searchSettings.pagination_size, 10, 80)\n : null;\n\n const searchClient = algoliasearch(ALGOLIA_APPLICATION_ID, ALGOLIA_SEARCH_ONLY_API_KEY);\n this.search = instantsearch({\n indexName: this.indexName,\n initialUiState: { [this.indexName]: { query: this.query } },\n searchClient,\n routing: true,\n });\n\n this.configure();\n this.search.start();\n\n this.refinementAttributes.forEach(\n ([_, attribute]) => new Filters(`${containers.refinement}-${attribute}`),\n );\n }\n\n configure() {\n const customPagination = connectPagination(getPaginationTemplate);\n const customSearchBox = connectSearchBox(getSearchBoxTemplate);\n const customRefinement = connectRefinementList(getRefinementTemplate);\n const refinementFiltersManager = new RefinementFiltersManager(containers.refinementFilters);\n\n const hitsPerPage = this.paginationSize ? { hitsPerPage: this.paginationSize } : {};\n\n const customRefinements = this.refinementAttributes.map(([_, attribute]) =>\n customRefinement({\n container: `${containers.refinement}-${attribute} .refinements`,\n filtersManager: refinementFiltersManager,\n attribute,\n limit: 30,\n sortBy: attribute === 'program_months' ? compareMonths : ['name:asc', 'count:desc'],\n }),\n );\n\n this.search.addWidgets([\n configure({\n distinct: 1,\n facetingAfterDistinct: true,\n filters: this.filters,\n ...hitsPerPage,\n }),\n\n customSearchBox({\n container: containers.searchBox,\n loadingContainer: containers.loading,\n prompt: this.prompt,\n }),\n\n stats({\n container: containers.stats,\n templates: {\n text: getStatsTemplate,\n },\n }),\n\n ...customRefinements,\n\n hits({\n container: containers.hits,\n templates: {\n empty: getEmptyHitsTemplate,\n item: getHitTemplate(this.overline, this.simple),\n },\n }),\n\n customPagination({\n container: containers.pagination,\n scrollTo: containers.searchBox,\n }),\n ]);\n }\n}\n\nexport default SearchPage;\n","// Hits templates\nimport post from './hits/post';\nimport page from './hits/page';\nimport studentStory from './hits/student-story';\nimport program from './hits/program';\nimport programPdp from './hits/program-pdp';\nimport studyAbroad from './hits/program-studyabroad';\nimport event from './hits/event';\nexport { default as stats } from './widgets/stats';\n\n// Custom widgets\nexport { default as getPaginationTemplate } from './widgets/pagination';\nexport { default as getSearchBoxTemplate } from './widgets/search-box';\nexport { default as getRefinementTemplate } from './widgets/refinement';\nexport { default as getEmptyHitsTemplate } from './empty';\n\n/**\n * Provide a template given hit type.\n *\n * @param string overline attribute for overline\n * @param boolean simple display simple tease?\n *\n * @returns function hit template\n */\nexport function getHitTemplate(overline, simple) {\n return hit => {\n const typeMapping = {\n post,\n page,\n program,\n ['student-story']: studentStory,\n ['pdp-program']: programPdp,\n ['studyabroad-program']: studyAbroad,\n event,\n };\n\n const templateFunction = typeMapping[hit.type] || typeMapping['page'];\n return templateFunction(hit, overline, simple);\n };\n}\n"],"sourceRoot":""}