{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/react-components/pagination.jsx","webpack://@verndale/toolkit/./src/js/react-hooks/use-search-listing.js","webpack://@verndale/toolkit/./src/js/react-components/search-listing/card.jsx","webpack://@verndale/toolkit/./src/js/react-components/search-listing/websites.jsx","webpack://@verndale/toolkit/./src/js/react-components/search-listing/facets.jsx","webpack://@verndale/toolkit/./src/js/react-components/search-listing/index.jsx","webpack://@verndale/toolkit/./src/js/react-components/select.jsx","webpack://@verndale/toolkit/./src/js/react-components/spinner.jsx","webpack://@verndale/toolkit/./src/js/react-hooks/use-fetch.js","webpack://@verndale/toolkit/./src/js/react-hooks/use-media-query.js","webpack://@verndale/toolkit/./src/js/react-hooks/use-query-string.js"],"names":[],"mappings":"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","file":"scripts/4.ebfb4843061a6c51ad4c.js","sourcesContent":["// @ts-check\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { classNames } from '../utils';\n\nexport const ELLIPSIS = '…';\n\nexport function calcPagination(currentPage = '1', totalPages = '1') {\n  const current = parseInt(currentPage, 10);\n  const total = parseInt(totalPages, 10);\n\n  return [...new Array(total)]\n    .map((_, index) => index + 1)\n    .filter((number) => {\n      if (total <= 5) return true;\n\n      if (\n        number === 1 ||\n        number === current - 2 ||\n        number === current - 1 ||\n        number === current ||\n        number === current + 1 ||\n        number === current + 2 ||\n        number === total\n      ) {\n        return true;\n      }\n\n      return false;\n    })\n    .flatMap((number, index, array) => {\n      if (index > 0 && number - 1 !== array[index - 1]) {\n        return [ELLIPSIS, number];\n      }\n\n      return number;\n    })\n    .map(String);\n}\n\nexport function Pagination({\n  className,\n  currentPage = '1',\n  totalPages,\n  onPageChange,\n  hideSummary = false\n}) {\n  if (parseInt(totalPages, 10) <= 1) return null;\n\n  return (\n    <div className={classNames('pagination', className)}>\n      <ol className=\"pagination__list\" role=\"list\">\n        <li>\n          <button\n            aria-label=\"Go to previous page\"\n            disabled={currentPage === '1'}\n            onClick={() => onPageChange(`${parseInt(currentPage, 10) - 1}`)}\n          ></button>\n        </li>\n        {calcPagination(currentPage, totalPages).map((page, index) => (\n          <li key={index}>\n            <button\n              onClick={() => onPageChange(page)}\n              disabled={page === currentPage || page === ELLIPSIS}\n              aria-label={`Go to page ${page}`}\n              className={classNames(\n                page === currentPage && 'current',\n                parseInt(page, 10) === parseInt(currentPage, 10) - 2 &&\n                  parseInt(currentPage, 10) !== parseInt(totalPages, 10) &&\n                  'lg-only',\n                parseInt(page, 10) === parseInt(currentPage, 10) + 2 &&\n                  parseInt(currentPage, 10) !== 1 &&\n                  'lg-only',\n                parseInt(page, 10) === 1 &&\n                  parseInt(currentPage, 10) > 2 &&\n                  'lg-only',\n                parseInt(page, 10) === parseInt(totalPages, 10) &&\n                  parseInt(currentPage, 10) + 1 < parseInt(totalPages, 10) &&\n                  'lg-only',\n                page === ELLIPSIS && 'lg-only'\n              )}\n            >\n              {page}\n            </button>\n          </li>\n        ))}\n        <li>\n          <button\n            aria-label=\"Go to next page\"\n            disabled={currentPage === totalPages}\n            onClick={() => onPageChange(`${parseInt(currentPage, 10) + 1}`)}\n          ></button>\n        </li>\n      </ol>\n      {hideSummary ? null : (\n        <span className=\"pagination__summary\">\n          Page {currentPage} of {totalPages}\n        </span>\n      )}\n    </div>\n  );\n}\n\nPagination.propTypes = {\n  className: PropTypes.string,\n  currentPage: PropTypes.string,\n  totalPages: PropTypes.string,\n  onPageChange: PropTypes.func,\n  hideSummary: PropTypes.bool\n};\n","import { stringifyUrl } from 'query-string';\nimport { useState } from 'react';\nimport { useFetch } from './use-fetch';\nimport { useQueryString } from './use-query-string';\n\nexport function useSearchListing({\n  endpoint,\n  pageQueryString,\n  sortByQueryString,\n  itemsPerPageQueryString\n}) {\n  const [page, setPage] = useQueryString(pageQueryString);\n  const [isFacetsOpen, setIsFacetsOpen] = useState(false);\n  const [sortBy, setSortBy] = useQueryString(sortByQueryString);\n  const [itemsPerPage, setItemsPerPage] = useQueryString(\n    itemsPerPageQueryString\n  );\n  const [activeFacets, setActiveFacets] = useState({});\n\n  const stringifiedUrl = stringifyUrl(\n    {\n      url: endpoint,\n      query: {\n        ...(page && { [pageQueryString]: page }),\n        ...(sortBy && { [sortByQueryString]: sortBy }),\n        ...(itemsPerPage && { [itemsPerPageQueryString]: itemsPerPage }),\n        ...activeFacets\n      }\n    },\n    { arrayFormat: 'comma' }\n  );\n  const { data, error, isLoading } = useFetch(stringifiedUrl);\n  return {\n    data,\n    error,\n    isLoading,\n    page,\n    setPage,\n    sortBy,\n    setSortBy,\n    itemsPerPage,\n    setItemsPerPage,\n    activeFacets,\n    setActiveFacets,\n    isFacetsOpen,\n    setIsFacetsOpen\n  };\n}\n","import React, { useId } from 'react';\nimport PropTypes from 'prop-types';\nimport { classNames } from '../../utils';\n\nfunction SearchCard({\n  Author,\n  Type,\n  Title,\n  Link,\n  Thumb,\n  OverlayImage,\n  Description,\n  PublishedDate,\n  PublishedDateText,\n  Breadcumbs,\n  Prices,\n  isLocked,\n  isVideo,\n  ProductImageFlags\n}) {\n  const id = useId();\n\n  return (\n    <article className=\"search-listing-card\" aria-labelledby={`search-${id}`}>\n      {Thumb?.Src ? (\n        <div\n          className={classNames(\n            `picture search-listing-card__image ${\n              OverlayImage ? 'picture--has-badge' : ''\n            }`,\n            isVideo && 'search-listing-card__image--video'\n          )}\n        >\n          {OverlayImage && OverlayImage.Src ? (\n            <div\n              className={`picture__badge picture__badge--${OverlayImage.Position}`}\n            >\n              <img src={OverlayImage.Src} alt={Thumb.Alt} />\n            </div>\n          ) : null}\n          <picture>\n            <img\n              width={500}\n              height={280}\n              src={Thumb.Src}\n              alt={Thumb?.Alt}\n              loading=\"lazy\"\n            />\n          </picture>\n          {ProductImageFlags && ProductImageFlags.length > 0 && (\n            <div className=\"product-card__flag\">\n              {ProductImageFlags.map((flag, index) => (\n                <span\n                  key={index}\n                  className={classNames(\n                    'product-card__flag-item',\n                    flag?.FlagDark === true && 'product-card__flag-item--dark'\n                  )}\n                  style={{\n                    '--flag-color': flag?.FlagColor,\n                    backgroundColor: flag?.FlagColor\n                  }}\n                >\n                  {flag?.FlagText}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      ) : null}\n      <div className=\"search-listing-card__content\">\n        <span className=\"search-listing-card__type\">{Type}</span>\n        <h3 id={`search-${id}`} className=\"search-listing-card__title\">\n          <a\n            href={Link}\n            className={classNames(isLocked && 'locked')}\n            dangerouslySetInnerHTML={{\n              __html: `${Title} ${isLocked ? '<span></span>' : ''}`\n            }}\n          />\n        </h3>\n        {Author ? (\n          <p>\n            <em>{Author}</em>\n          </p>\n        ) : null}\n        <time dateTime={PublishedDate}>{PublishedDateText}</time>\n        <p dangerouslySetInnerHTML={{ __html: Description }} />\n        {Prices ? (\n          <div className=\"search-listing-card__prices\">\n            <strong className=\"search-listing-card__prices-member\">\n              {Prices.MemberPriceLabel} {Prices.MemberPrice}\n            </strong>\n            {Prices.NonMemberPrice && Prices.NonMemberPriceLabel ? (\n              <strong>\n                {Prices.NonMemberPriceLabel} {Prices.NonMemberPrice}\n              </strong>\n            ) : null}\n            {Prices.AdditionalPrices?.map((price, index) => (\n              <strong key={index}>\n                {price.Label} {price.Price}\n              </strong>\n            ))}\n          </div>\n        ) : null}\n\n        {Breadcumbs?.length ? (\n          <nav\n            aria-label={`${Title} Breadcrumbs`}\n            className=\"search-listing-card__breadcrumbs\"\n          >\n            <ul role=\"list\">\n              {Breadcumbs.map((breadcrumb, index) => (\n                <li key={index}>\n                  <a href={breadcrumb.Link}>{breadcrumb.Title}</a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        ) : null}\n      </div>\n    </article>\n  );\n}\n\nSearchCard.propTypes = {\n  Author: PropTypes.string.isRequired,\n  Type: PropTypes.string.isRequired,\n  Title: PropTypes.string.isRequired,\n  Link: PropTypes.string.isRequired,\n  Thumb: PropTypes.shape({\n    Src: PropTypes.string.isRequired,\n    Alt: PropTypes.string.isRequired\n  }),\n  OverlayImage: PropTypes.shape({\n    Src: PropTypes.string.isRequired,\n    Position: PropTypes.string.isRequired\n  }),\n  Description: PropTypes.string.isRequired,\n  PublishedDate: PropTypes.string.isRequired,\n  PublishedDateText: PropTypes.string.isRequired,\n  isLocked: PropTypes.oneOfType([PropTypes.bool, PropTypes.instanceOf(null)]),\n  isVideo: PropTypes.oneOfType([PropTypes.bool, PropTypes.instanceOf(null)]),\n  Breadcumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      Title: PropTypes.string.isRequired,\n      Link: PropTypes.string.isRequired\n    })\n  ),\n  Prices: PropTypes.shape({\n    MemberPrice: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.instanceOf(null)\n    ]),\n    MemberPriceLabel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.instanceOf(null)\n    ]),\n    NonMemberPrice: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.instanceOf(null)\n    ]),\n    NonMemberPriceLabel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.instanceOf(null)\n    ]),\n    AdditionalPrices: PropTypes.arrayOf(\n      PropTypes.shape({\n        Label: PropTypes.string.isRequired,\n        Price: PropTypes.string.isRequired\n      })\n    )\n  }),\n  ProductImageFlags: PropTypes.array\n};\n\nexport default SearchCard;\n","import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { classNames } from '../../utils';\n\nfunction Websites({ websites }) {\n  return (\n    <div className=\"search-facet-group\">\n      <h2 className=\"search-facet-group__title\">{websites?.Label}</h2>\n      <ul role=\"list\">\n        {websites?.Items?.map((item, index) => (\n          <li key={index}>\n            <a\n              href={!item.Current ? item.Url : undefined}\n              className={classNames(\n                'search-facet-group__website-link',\n                item?.Current && 'search-facet-group__website-link--current'\n              )}\n              aria-current={item.Current ? 'page' : false}\n            >\n              {item?.Label} ({item?.Count})\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nWebsites.propTypes = {\n  websites: PropTypes.shape({\n    Label: PropTypes.string.isRequired,\n    Items: PropTypes.arrayOf(\n      PropTypes.shape({\n        Label: PropTypes.string,\n        Count: PropTypes.number,\n        Url: PropTypes.string,\n        Current: PropTypes.bool\n      })\n    ).isRequired\n  }).isRequired\n};\n\nexport default memo(Websites);\n","import React, { useCallback, useEffect, useState, useId, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\nimport { BREAKPOINTS, classNames } from '../../utils';\nimport { useMediaQuery } from '../../react-hooks/use-media-query';\nimport Websites from './websites';\nimport {\n  getQueryStringValue,\n  setQueryStringValue,\n  useQueryString\n} from '../../react-hooks/use-query-string';\n\nfunction Facets({\n  appliedFiltersLabel,\n  activeFacets,\n  data,\n  websites,\n  isOpen,\n  setIsOpen,\n  setActiveFacets,\n  setPage,\n  clearAllLabel\n}) {\n  const id = useId();\n  const isDesktop = useMediaQuery(\n    `(min-width: ${BREAKPOINTS.TABLET_LANDSCAPE}px)`\n  );\n  const [facetsQs, setFacetsQs] = useState({});\n  const [, updateState] = useState();\n  const forceUpdate = useCallback(() => updateState({}), []);\n\n  const updateFacets = useCallback(\n    (keyword) => {\n      const value = getQueryStringValue(keyword);\n\n      setFacetsQs((prev) => ({\n        ...prev,\n        [keyword]: value ?? []\n      }));\n    },\n    [setFacetsQs]\n  );\n\n  const appliedFilters = Object.entries(activeFacets)\n    .filter(([k]) => k !== 'website')\n    .map(([k, v]) => (Array.isArray(v) ? [k, v] : [k, [v]]))\n    .flatMap(([k, v]) =>\n      v.map((i) => {\n        const category = data?.find((item) => item?.Value === k);\n\n        return {\n          key: k,\n          value: i,\n          categoryLabel: category?.Label,\n          label: category?.Items.find((item) => item?.Value === i)?.Label\n        };\n      })\n    );\n\n  const handleFacetRemove = useCallback(\n    (key, value) => {\n      const event = new CustomEvent('popstate');\n      const active = (() => {\n        const facets = getQueryStringValue(key);\n        if (Array.isArray(facets)) return facets;\n        return facets ? [facets] : [];\n      })();\n      setQueryStringValue(\n        key,\n        active.filter((v) => v !== value)\n      );\n      setActiveFacets((prev) => ({\n        ...prev,\n        [key]: active.filter((v) => v !== value)\n      }));\n      setPage('');\n      window.dispatchEvent(event);\n    },\n    [setActiveFacets, setPage]\n  );\n\n  const clearAllFacets = useCallback(() => {\n    const event = new CustomEvent('popstate');\n    Object.keys(activeFacets).forEach((key) => {\n      setQueryStringValue(key, []);\n      setActiveFacets((prev) => ({\n        ...prev,\n        [key]: []\n      }));\n      setPage('');\n    });\n    window.dispatchEvent(event);\n  }, [setActiveFacets, setPage, activeFacets]);\n\n  useEffect(() => {\n    if (Object.keys(facetsQs).length) setActiveFacets(facetsQs);\n  }, [facetsQs]);\n\n  return (\n    <>\n      <button\n        aria-expanded={isOpen}\n        aria-controls={`panel-${id}`}\n        className={classNames(\n          'sm-only search-listing__filters-button',\n          isOpen && 'search-listing__filters-button--expanded'\n        )}\n        id={`trigger-${id}`}\n        onClick={() => setIsOpen((prev) => !prev)}\n      >\n        Narrow result\n      </button>\n      <AnimateHeight\n        aria-labelledby={`trigger-${id}`}\n        className=\"search-listing__facets\"\n        id={`panel-${id}`}\n        role=\"region\"\n        height={isOpen || isDesktop ? 'auto' : 0}\n      >\n        {websites ? <Websites websites={websites} /> : null}\n        {data?.map((facet, index) => (\n          <Facet\n            facet={facet}\n            key={index}\n            index={index}\n            updateFacets={updateFacets}\n            setPage={setPage}\n            forceUpdate={forceUpdate}\n          />\n        ))}\n        {appliedFilters.length ? (\n          <div className=\"search-listing__selected-facets\">\n            <h2 className=\"search-listing__selected-facets-title\">\n              <p>{appliedFiltersLabel}</p>\n              <button className=\"link\" onClick={clearAllFacets}>\n                {clearAllLabel}\n              </button>\n            </h2>\n            <ul role=\"list\">\n              {appliedFilters.map(\n                ({ key, value, categoryLabel, label }, index) => (\n                  <li key={index}>\n                    <button\n                      className=\"search-listing__selected-facet\"\n                      onClick={() => handleFacetRemove(key, value)}\n                      aria-label={`Remove Facet - ${categoryLabel}: ${label}`}\n                    >\n                      {categoryLabel}: {label}\n                      <span>×</span>\n                    </button>\n                  </li>\n                )\n              )}\n            </ul>\n          </div>\n        ) : null}\n      </AnimateHeight>\n    </>\n  );\n}\n\nFacets.propTypes = {\n  appliedFiltersLabel: PropTypes.string,\n  clearAllLabel: PropTypes.string,\n  activeFacets: PropTypes.object,\n  setPage: PropTypes.func.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  setIsOpen: PropTypes.func.isRequired,\n  setActiveFacets: PropTypes.func.isRequired,\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      Label: PropTypes.string,\n      Value: PropTypes.string,\n      Items: PropTypes.arrayOf(\n        PropTypes.shape({\n          Count: PropTypes.number,\n          Label: PropTypes.string,\n          Value: PropTypes.string\n        })\n      )\n    })\n  ),\n  websites: PropTypes.shape({\n    Label: PropTypes.string,\n    Items: PropTypes.arrayOf(\n      PropTypes.shape({\n        Label: PropTypes.string,\n        Count: PropTypes.number,\n        Url: PropTypes.string,\n        Current: PropTypes.bool\n      })\n    )\n  })\n};\n\nfunction Facet({ facet, updateFacets, setPage, forceUpdate, index }) {\n  const [facetQs, setFacetQs] = useQueryString(facet?.Value);\n  const getActiveFilters = useCallback(() => {\n    if (Array.isArray(facetQs)) return facetQs;\n    return facetQs ? [facetQs] : [];\n  }, [facetQs]);\n  const handleChange = useCallback(\n    (val, checked) => {\n      if (checked) {\n        setFacetQs([...getActiveFilters(), val]);\n      } else {\n        setFacetQs(getActiveFilters().filter((f) => f !== val));\n      }\n      setPage('');\n      forceUpdate();\n    },\n    [getActiveFilters, setFacetQs, updateFacets, facet?.Value]\n  );\n\n  useEffect(() => {\n    updateFacets(facet?.Value);\n  }, [facetQs]);\n\n  return (\n    <div\n      className={classNames(\n        'search-facet-group',\n        facet?.Items.length > 8 && 'search-facet-group--scrollable'\n      )}\n    >\n      <h2 className=\"search-facet-group__title\">{facet?.Label}</h2>\n      <ul role=\"list\">\n        {facet?.Items?.map((item) => {\n          const id = `${item?.Value}-${index}`;\n          return (\n            <li key={item?.Value}>\n              <div className=\"checkbox\">\n                <input\n                  type=\"checkbox\"\n                  className=\"checkbox__input\"\n                  id={id}\n                  onChange={(e) => handleChange(item?.Value, e.target.checked)}\n                  checked={getActiveFilters().includes(item?.Value)}\n                />\n                <label className=\"checkbox__label\" htmlFor={id}>\n                  {item?.Label} ({item?.Count})\n                </label>\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n\nFacet.propTypes = {\n  forceUpdate: PropTypes.func.isRequired,\n  index: PropTypes.number.isRequired,\n  setPage: PropTypes.func.isRequired,\n  updateFacets: PropTypes.func.isRequired,\n  facet: PropTypes.shape({\n    Label: PropTypes.string.isRequired,\n    Value: PropTypes.string.isRequired,\n    Items: PropTypes.arrayOf(\n      PropTypes.shape({\n        Label: PropTypes.string.isRequired,\n        Value: PropTypes.string.isRequired,\n        Info: PropTypes.oneOfType([\n          PropTypes.string.isRequired,\n          PropTypes.oneOf([null]).isRequired\n        ])\n      })\n    ).isRequired\n  }).isRequired\n};\n\nexport default memo(Facets);\n","import React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '../select';\nimport { Pagination } from '../pagination';\nimport { useSearchListing } from '../../react-hooks/use-search-listing';\nimport SearchCard from './card';\nimport Facets from './facets';\nimport { scrollToElement } from '../../utils';\nimport Spinner from '../spinner';\n\nfunction SearchListing({\n  endpoint,\n  pageQueryString,\n  itemsPerPageQueryString,\n  itemsPerPageLabel,\n  itemsPerPageOptions,\n  sortByLabel,\n  sortByOptions,\n  sortByQueryString,\n  appliedFiltersLabel,\n  clearAllLabel,\n  queryLabel,\n  errorTemplate\n}) {\n  const { current: sortByData } = useRef(JSON.parse(sortByOptions));\n  const { current: itemsPerPageData } = useRef(JSON.parse(itemsPerPageOptions));\n  const {\n    data,\n    error,\n    isLoading,\n    page,\n    setPage,\n    sortBy,\n    setSortBy,\n    itemsPerPage,\n    setItemsPerPage,\n    activeFacets,\n    setActiveFacets,\n    isFacetsOpen,\n    setIsFacetsOpen\n  } = useSearchListing({\n    endpoint,\n    pageQueryString,\n    sortByQueryString,\n    itemsPerPageQueryString\n  });\n\n  if (error) return null;\n\n  const [needsReload, setNeedsReload] = useState(false);\n\n  useEffect(() => {\n    if (needsReload) {\n      scrollToElement('.search-listing');\n      setNeedsReload(false);\n    }\n  }, [data]);\n\n  function setSelectValue(func, val) {\n    setPage('');\n    func(val);\n    setNeedsReload(true);\n  }\n\n  function handlePageChange(value) {\n    setNeedsReload(true);\n    setPage(value);\n  }\n\n  return (\n    <>\n      {isLoading ? <Spinner /> : null}\n      <div aria-label=\"Filters\" className=\"search-listing__filters\">\n        <p className=\"search-listing__results-label\">{queryLabel}</p>\n        {data?.Facets || data?.Websites ? (\n          <Facets\n            appliedFiltersLabel={appliedFiltersLabel}\n            setPage={setPage}\n            data={data?.Facets}\n            websites={data?.Websites}\n            isOpen={isFacetsOpen}\n            activeFacets={activeFacets}\n            setIsOpen={setIsFacetsOpen}\n            setActiveFacets={setActiveFacets}\n            clearAllLabel={clearAllLabel}\n          />\n        ) : null}\n      </div>\n      <div className=\"search-listing__main\">\n        <div className=\"search-listing__header\">\n          <Select\n            className=\"lg-only\"\n            label={sortByLabel}\n            options={sortByData}\n            value={sortBy}\n            onChange={(value) => setSelectValue(setSortBy, value)}\n          />\n          {data?.TotalPages ? (\n            <Pagination\n              currentPage={page || '1'}\n              totalPages={`${data?.TotalPages}`}\n              onPageChange={handlePageChange}\n            />\n          ) : null}\n          <Select\n            className=\"lg-only\"\n            label={itemsPerPageLabel}\n            options={itemsPerPageData}\n            value={itemsPerPage}\n            onChange={(value) => setSelectValue(setItemsPerPage, value)}\n          />\n        </div>\n        <div className=\"search-listing__list\">\n          {data?.Items ? (\n            data.Items?.map(\n              (\n                {\n                  Author,\n                  Type,\n                  Title,\n                  Link,\n                  Thumb,\n                  OverlayImage,\n                  Description,\n                  PublishedDate,\n                  PublishedDateText,\n                  Breadcumbs,\n                  Prices,\n                  isLocked,\n                  isVideo,\n                  ProductImageFlags\n                },\n                index\n              ) => (\n                <SearchCard\n                  key={index}\n                  Author={Author}\n                  Type={Type}\n                  Title={Title}\n                  Link={Link}\n                  Thumb={Thumb}\n                  OverlayImage={OverlayImage}\n                  Description={Description}\n                  PublishedDate={PublishedDate}\n                  PublishedDateText={PublishedDateText}\n                  Breadcumbs={Breadcumbs}\n                  Prices={Prices}\n                  isLocked={isLocked}\n                  isVideo={isVideo}\n                  ProductImageFlags={ProductImageFlags}\n                />\n              )\n            )\n          ) : (\n            <div\n              className=\"search-listing__error\"\n              dangerouslySetInnerHTML={{ __html: errorTemplate }}\n            />\n          )}\n        </div>\n        <div className=\"search-listing__footer\">\n          <Select\n            label={sortByLabel}\n            options={sortByData}\n            value={sortBy}\n            onChange={(value) => setSelectValue(setSortBy, value)}\n          />\n          <Select\n            className=\"sm-only\"\n            label={itemsPerPageLabel}\n            options={itemsPerPageData}\n            value={itemsPerPage}\n            onChange={(value) => setSelectValue(setItemsPerPage, value)}\n          />\n          {data?.TotalPages ? (\n            <Pagination\n              currentPage={page || '1'}\n              totalPages={`${data?.TotalPages}`}\n              onPageChange={handlePageChange}\n            />\n          ) : null}\n          <Select\n            className=\"lg-only\"\n            label={itemsPerPageLabel}\n            options={itemsPerPageData}\n            value={itemsPerPage}\n            onChange={(value) => setSelectValue(setItemsPerPage, value)}\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n\nSearchListing.propTypes = {\n  endpoint: PropTypes.string.isRequired,\n  pageQueryString: PropTypes.string.isRequired,\n  itemsPerPageQueryString: PropTypes.string.isRequired,\n  itemsPerPageLabel: PropTypes.string.isRequired,\n  itemsPerPageOptions: PropTypes.string.isRequired,\n  sortByLabel: PropTypes.string.isRequired,\n  sortByOptions: PropTypes.string.isRequired,\n  sortByQueryString: PropTypes.string.isRequired,\n  appliedFiltersLabel: PropTypes.string.isRequired,\n  clearAllLabel: PropTypes.string.isRequired,\n  queryLabel: PropTypes.string.isRequired,\n  errorTemplate: PropTypes.string.isRequired\n};\n\nexport default SearchListing;\n","import React, { useId } from 'react';\nimport PropTypes from 'prop-types';\nimport { classNames } from '../utils';\n\nfunction Select({\n  className,\n  label,\n  options,\n  hideLabel = false,\n  placeholder,\n  placeholderClickable = false,\n  value,\n  onChange,\n  rounded = true\n}) {\n  const id = useId();\n\n  return (\n    <div\n      className={classNames('select', rounded && 'select--rounded', className)}\n    >\n      <label\n        className={classNames('select__label', hideLabel && 'sr-only')}\n        htmlFor={`select-${id}`}\n      >\n        {label}\n      </label>\n      <select\n        className=\"select__select\"\n        id={`select-${id}`}\n        value={value || (placeholder ? '' : options[0].Value)}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        {placeholder ? (\n          <option value=\"\" disabled={!placeholderClickable} hidden={!placeholderClickable}>\n            {placeholder}\n          </option>\n        ) : null}\n        {options.map((option) => (\n          <option key={option.Value} value={option.Value}>\n            {option.Label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\nSelect.propTypes = {\n  className: PropTypes.string,\n  hideLabel: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      Label: PropTypes.string.isRequired,\n      Value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired\n    })\n  ).isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onChange: PropTypes.func,\n  rounded: PropTypes.bool,\n  placeholderClickable: PropTypes.bool\n};\n\nexport default Select;\n","import React from 'react';\n\nfunction Spinner() {\n  return (\n    <div className=\"spinner\">\n      <div className=\"spinner__spinner\" />\n    </div>\n  );\n}\n\nexport default Spinner;\n","import { useEffect, useState } from 'react';\n\nexport const useFetch = (url) => {\n  const [data, setData] = useState(null);\n  const [error, setError] = useState(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  useEffect(() => {\n    const abortController = new AbortController();\n    const { signal } = abortController;\n\n    const fetchData = async () => {\n      if (!url) return;\n      setIsLoading(true);\n      try {\n        const res = await fetch(url, { signal });\n\n        if (!res?.ok) {\n          const err = new Error('Fetch error');\n          err.status = res.status || '00';\n          err.statusText = res.statusText || 'Unknown error';\n          throw err;\n        }\n\n        const json = await res.json();\n\n        if (json?.success && !signal.aborted) {\n          setData(json?.data);\n          setError(null);\n        } else {\n          setData(json?.data);\n          setError(json?.message);\n        }\n      } catch (err) {\n        if (!signal.aborted) {\n          setData(null);\n          setError(err);\n        }\n      } finally {\n        if (!signal.aborted) {\n          setIsLoading(false);\n        }\n      }\n    };\n\n    fetchData();\n\n    return () => abortController.abort();\n  }, [url]);\n\n  return { data, error, isLoading };\n};\n","import { useEffect, useState } from 'react';\n\nexport const useMediaQuery = (mediaQuery) => {\n  const [isVerified, setIsVerified] = useState(\n    !!window.matchMedia(mediaQuery).matches\n  );\n\n  useEffect(() => {\n    const mediaQueryList = window.matchMedia(mediaQuery);\n    const documentChangeHandler = () => setIsVerified(!!mediaQueryList.matches);\n\n    try {\n      mediaQueryList.addEventListener('change', documentChangeHandler);\n    } catch (e) {\n      // Safari isn't supporting mediaQueryList.addEventListener\n      mediaQueryList.addListener(documentChangeHandler);\n    }\n\n    documentChangeHandler();\n    return () => {\n      try {\n        mediaQueryList.removeEventListener('change', documentChangeHandler);\n      } catch (e) {\n        // Safari isn't supporting mediaQueryList.removeEventListener\n        mediaQueryList.removeListener(documentChangeHandler);\n      }\n    };\n  }, [mediaQuery]);\n\n  return isVerified;\n};\n","import { useState, useCallback, useEffect } from 'react';\nimport qs from 'query-string';\n\nconst { history, location } = window;\n\nfunction setQueryString(qsValue) {\n  const newUrl = `${location.protocol}//${location.host}${location.pathname}${qsValue}`;\n  history.pushState({}, '', newUrl);\n}\n\nexport function setQueryStringValue(key, value) {\n  const queryString = location.search;\n  const values = { ...qs.parse(queryString), [key]: value };\n\n  const filteredValues = Object.entries(values).length\n    ? Object.entries(values).filter(([, v]) => v)\n    : [];\n  const newValue = Object.fromEntries(filteredValues);\n\n  const newQsValue = qs.stringify(newValue, {\n    arrayFormat: 'comma'\n  });\n  setQueryString(newQsValue ? `?${newQsValue}` : '');\n}\n\nexport function getQueryStringValue(key) {\n  const queryString = location.search;\n  const values = qs.parse(queryString, { arrayFormat: 'comma' });\n\n  return values[key];\n}\n\nexport function useQueryString(key, initialValue = '') {\n  const [value, setValue] = useState(getQueryStringValue(key) || initialValue);\n  const onSetValue = useCallback(\n    (newValue) => {\n      setValue(newValue);\n      setQueryStringValue(key, newValue);\n    },\n    [key]\n  );\n\n  useEffect(() => {\n    const handlePopState = () => setValue(getQueryStringValue(key));\n    window.addEventListener('popstate', handlePopState);\n    return () => window.removeEventListener('popstate', handlePopState);\n  }, [key, onSetValue]);\n\n  return [value, onSetValue];\n}\n"],"sourceRoot":""}