{"version":3,"file":"component---src-templates-category-js-a9ab1c5f62d47423735d.js","mappings":"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","sources":["webpack://morrisons-help/./src/components/ArticleContainer.jsx","webpack://morrisons-help/./src/components/BreadcrumbInHeader.jsx","webpack://morrisons-help/./src/components/ArticleHeader.jsx","webpack://morrisons-help/./src/components/ArticleLayout.jsx","webpack://morrisons-help/./src/components/BaseButton.jsx","webpack://morrisons-help/./src/components/Breadcrumb.jsx","webpack://morrisons-help/./src/components/HelpHomeLink.jsx","webpack://morrisons-help/./src/components/Navigation.jsx","webpack://morrisons-help/./src/components/NavigationCategoryList.jsx","webpack://morrisons-help/./src/components/NavigationDropdown.jsx","webpack://morrisons-help/./src/components/NotificationBanner.jsx","webpack://morrisons-help/./src/components/PagesMainLayout.jsx","webpack://morrisons-help/./src/components/PrimaryButton.jsx","webpack://morrisons-help/./src/components/SEO.jsx","webpack://morrisons-help/./src/components/CategoryLink.jsx","webpack://morrisons-help/./src/components/ProductCategoryLink.jsx","webpack://morrisons-help/./src/components/CategoryEnquiries.jsx","webpack://morrisons-help/./src/templates/category.js","webpack://morrisons-help/./src/assets/icons/arrow_forward_24.svg","webpack://morrisons-help/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst propTypes = {\n  children: PropTypes.node,\n}\n\nconst ArticleContainer = ({ children }) => {\n  return <div className=\"lg:bg-gradient-r-sidebar relative\">{children}</div>\n}\n\nArticleContainer.propTypes = propTypes\n\nexport default ArticleContainer\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport ForwardArrowIcon from '../assets/icons/arrow_forward_24.svg'\n\nconst BreadcrumbInHeader = ({ category, currentPage }) => {\n  return (\n    <div className=\"flex items-center mb-4 text-sm leading-none text-white lg:mb-8\">\n      <Link to={`/`} className=\"inline-block text-white hover:underline\">\n        Home\n      </Link>\n      <ForwardArrowIcon className=\"inline-block w-2 h-2 mx-2 fill-current\" />\n      {currentPage && (\n        <>\n          <span className=\"text-white\">{currentPage}</span>\n        </>\n      )}\n    </div>\n  )\n}\n\nBreadcrumbInHeader.propTypes = {\n  category: PropTypes.string,\n  currentPage: PropTypes.string,\n}\n\nexport default BreadcrumbInHeader\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Container from './Container'\nimport Flower from '../assets/icons/flower.svg'\nimport BreadcrumbInHeader from '../components/BreadcrumbInHeader'\n\nconst ArticleHeader = ({ currentCategory, currentPage }) => {\n  return (\n    <div className=\"relative py-6 md:pt-6 md:pb-10 bg-gradient-r-primary\">\n      <Container>\n        <div className=\"relative z-10\">\n          <BreadcrumbInHeader\n            category={currentCategory}\n            currentPage={currentPage}\n          />\n          <h1 className=\"text-3xl text-white\">\n            <span className=\"hidden\">Help &amp; FAQs for:</span>\n            <span className=\"font-semibold\">{currentCategory}</span>\n          </h1>\n        </div>\n      </Container>\n      <div className=\"absolute top-0 bottom-0 left-0 right-0 w-full overflow-hidden\">\n        <Flower className=\"h-64 ml-auto mr-0 lg:h-auto\" />\n      </div>\n    </div>\n  )\n}\n\nArticleHeader.propTypes = {\n  currentCategory: PropTypes.string,\n}\n\nexport default ArticleHeader\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Container from './Container'\n\nconst propTypes = {\n  children: PropTypes.node,\n}\n\nconst ArticleLayout = ({ children }) => {\n  return (\n    <Container>\n      <div className=\"mx-auto relative lg:flex lg:-mx-3 bg-white\">\n        {children}\n      </div>\n    </Container>\n  )\n}\n\nArticleLayout.propTypes = propTypes\n\nexport default ArticleLayout\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\n\nconst propTypes = {\n  disabled: PropTypes.bool,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  type: PropTypes.string,\n  rounded: PropTypes.bool,\n}\n\nconst defaultProps = {\n  disabled: false,\n  selected: false,\n  type: 'button',\n  rounded: false,\n}\n\nfunction BaseButton(props) {\n  const {\n    children,\n    href,\n    onClick,\n    disabled,\n    rounded,\n    type,\n    className,\n    cy,\n  } = props\n  const isExternalLink = url => /^(http|https):\\/\\//.test(url || '')\n\n  const disabledClass = disabled ? `opacity-50 cursor-not-allowed` : ''\n  const roundedClass = rounded ? `rounded-full` : 'rounded-lg'\n  const classes = `inline-block py-3 px-4 sm:px-5 font-semibold border cursor-pointer select-none outline-none ${className} ${disabledClass} ${roundedClass}`\n\n  function handleClick() {\n    if (disabled) {\n      return\n    } else if (onClick) {\n      onClick()\n    }\n  }\n\n  return href ? (\n    isExternalLink(href) || (!href && onClick) ? (\n      <a href={href} onClick={onClick} className={classes}>\n        {children}\n      </a>\n    ) : (\n      <Link to={href} onClick={onClick} className={classes}>\n        {children}\n      </Link>\n    )\n  ) : (\n    <button\n      data-cy={cy}\n      disabled={disabled}\n      onClick={handleClick}\n      className={classes}\n      type={type}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.propTypes = propTypes\nBaseButton.defaultProps = defaultProps\n\nexport default BaseButton\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport { formatUrl } from '../core'\nimport ForwardArrowIcon from '../assets/icons/arrow_forward_24.svg'\n\nconst Breadcrumb = ({ category, currentPage }) => {\n  return (\n    <div className=\"text-sm text-body-light mb-3 flex items-center leading-none hidden lg:block\">\n      <Link to={`/`} className=\"text-secondary inline-block hover:underline\">\n        Home\n      </Link>\n      {category && (\n        <>\n          <ForwardArrowIcon className=\"h-2 w-2 fill-current inline-block mx-2\" />\n          <Link\n            to={`/${formatUrl(category)}/`}\n            state={{\n              selectedCategory: category,\n            }}\n            className=\"text-secondary inline-block hover:underline\"\n          >\n            {category}\n          </Link>\n        </>\n      )}\n      {currentPage && (\n        <>\n          <ForwardArrowIcon className=\"inline-block h-2 w-2 fill-current mx-2\" />\n          <span>{currentPage}</span>\n        </>\n      )}\n    </div>\n  )\n}\n\nBreadcrumb.propTypes = {\n  category: PropTypes.string,\n  currentPage: PropTypes.string,\n}\n\nexport default Breadcrumb\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport Icon from './Icon'\n\nconst HelpHomeLink = ({ variant }) => {\n  return (\n    <Link to=\"/\" className=\"flex items-center mb-8 cursor-pointer\">\n      <div className=\"flex items-center justify-center rounded-full h-8 w-8 mr-4 bg-white text-secondary\">\n        <Icon icon=\"backArrow\" className=\"h-5 w-5 fill-current\" />\n      </div>\n      <span\n        className={`pt-1 text-sm font-semibold ${\n          variant === 'light' ? 'text-white' : ''\n        }`}\n      >\n        Help Home\n      </span>\n    </Link>\n  )\n}\n\nexport default HelpHomeLink\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport HelpHomeLink from './HelpHomeLink'\nimport NavigationCategoryList from './NavigationCategoryList'\nimport { useCategoryMetaData } from '../core'\n\nconst propTypes = {\n  currentCategory: PropTypes.string,\n  currentFaqPageUrl: PropTypes.string,\n}\n\nconst defaultProps = {\n  currentCategory: '',\n  currentFaqPageUrl: '',\n}\n\nconst Navigation = ({ currentCategory, currentFaqPageUrl }) => {\n  const categories = useCategoryMetaData()\n\n  function openCategoryNav(category) {\n    return currentCategory === category\n  }\n\n  function isCurrentPage(slug) {\n    return currentFaqPageUrl === slug\n  }\n\n  return (\n    <aside className=\"sticky top-0 hidden w-3/12 pt-8 pb-24 pl-3 pr-6 mr-1/12 bg-primary-lightest lg:block\">\n      <h1 className=\"hidden\">Browse questions</h1>\n      <nav role=\"navigation\">\n        <HelpHomeLink />\n        <NavigationCategoryList\n          categories={categories}\n          openCategoryNav={openCategoryNav}\n          isCurrentPage={isCurrentPage}\n          inCategoryPage={!currentFaqPageUrl}\n        />\n      </nav>\n    </aside>\n  )\n}\n\nNavigation.propTypes = propTypes\nNavigation.defaultProps = defaultProps\n\nexport default Navigation\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport { formatUrl } from '../core'\nimport Icon from './Icon'\n\nconst NavigationSubCategoryList = ({ subSection, isCurrentPage }) => {\n  return (\n    <ul>\n      {subSection.map(item => (\n        <NavigationSubCategoryListItem\n          item={item}\n          key={item.title}\n          isCurrentPage={isCurrentPage}\n        />\n      ))}\n    </ul>\n  )\n}\n\nconst NavigationSubCategoryListItem = ({ item, isCurrentPage }) => {\n  return (\n    <li className={isCurrentPage(item.slug) ? 'text-secondary' : ''}>\n      <Link\n        to={item.slug}\n        className=\"flex items-center justify-between px-4 py-3 border-b border-secondary-lightest text-md\"\n      >\n        <span>{item.title}</span>\n        {isCurrentPage(item.slug) ? (\n          <Icon icon=\"forwardArrow\" className=\"w-3 h-2 fill-current\" />\n        ) : null}\n      </Link>\n    </li>\n  )\n}\n\nconst NavigationCategoryList = ({\n  categories,\n  isCurrentPage,\n  inCategoryPage,\n  openCategoryNav,\n}) => {\n  return (\n    <ul>\n      {categories.map(item => {\n        let openCategoryList = openCategoryNav(item.category)\n        return (\n          <li key={item.category}>\n            <Link\n              to={`/${formatUrl(item.category)}/`}\n              className={`py-3 block border-b border-secondary-lightest cursor-pointer font-medium text-lg\n              ${openCategoryList ? 'text-secondary' : ''}`}\n            >\n              {item.category}\n            </Link>\n            {openCategoryList && !inCategoryPage && (\n              <NavigationSubCategoryList\n                subSection={item.categoryData}\n                isCurrentPage={isCurrentPage}\n              />\n            )}\n          </li>\n        )\n      })}\n    </ul>\n  )\n}\n\nNavigationCategoryList.propTypes = {\n  categories: PropTypes.array,\n  isCurrentPage: PropTypes.func,\n  openCategoryNav: PropTypes.func,\n}\n\nNavigationCategoryList.defaultProps = {\n  categories: [],\n}\n\nexport default NavigationCategoryList\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport Icon from './Icon'\nimport CategoryList from './NavigationCategoryList'\nimport { useCategoryMetaData } from 'src/core'\n\nconst propTypes = {\n  currentCategory: PropTypes.string,\n  currentFaqPageUrl: PropTypes.string,\n}\n\nconst defaultProps = {\n  currentPageUrl: '',\n}\n\nconst NavigationDropdown = ({ currentCategory, currentFaqPageUrl }) => {\n  const categories = useCategoryMetaData()\n  const [openList, setOpenList] = useState(false)\n\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      openList\n        ? document.body.classList.add('overflow-hidden')\n        : document.body.classList.remove('overflow-hidden')\n    }\n  }, [openList])\n\n  function openCategoryNav(category) {\n    return currentCategory === category\n  }\n\n  function isCurrentPage(slug) {\n    return currentFaqPageUrl === slug\n  }\n\n  function getSelectedItem() {\n    return !currentFaqPageUrl\n      ? currentCategory\n      : categories\n          .find(item => item.category === currentCategory)\n          .categoryData.find(data => data.slug === currentFaqPageUrl).title\n  }\n\n  function handleListToggle() {\n    setOpenList(!openList)\n  }\n\n  function handleOverlayClick() {\n    setOpenList(false)\n  }\n\n  return (\n    <div className=\"sticky top-0 z-40 -mx-6 bg-primary-lightest lg:hidden\">\n      <button\n        className={`flex justify-between items-center px-6 py-3 w-full text-left text-lg font-semibold shadow-sm outline-none`}\n        onClick={handleListToggle}\n        aria-haspopup=\"listbox\"\n      >\n        {getSelectedItem() || 'Select...'}\n        <div className=\"text-secondary\">\n          <Icon icon=\"formSelect\" className=\"w-6 h-6 fill-current\" />\n        </div>\n      </button>\n      <div\n        className={`absolute left-0 right-0 z-20 overflow-scroll scrolling-touch h-screen ${\n          openList ? '' : 'hidden'\n        }`}\n        role=\"listbox\"\n        tabIndex=\"-1\"\n        onClick={handleOverlayClick}\n      >\n        <div className=\"px-6 mb-56 bg-primary-lightest shadow-card\">\n          <CategoryList\n            categories={categories}\n            openCategoryNav={openCategoryNav}\n            isCurrentPage={isCurrentPage}\n            inCategoryPage={!currentFaqPageUrl}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nNavigationDropdown.propTypes = propTypes\nNavigationDropdown.defaultProps = defaultProps\n\nexport default NavigationDropdown\n","import React from 'react'\nimport parse from 'html-react-parser'\nimport { useNotificationDataQuery } from '../core'\n\nconst NotificationBanner = () => {\n  const data = useNotificationDataQuery()\n  if (!data || !data.Banner_Exists) {\n    return (\n      <>\n        <div\n          className=\"relative z-10 h-auto overflow-hidden shadow-sm bg-secondary\"\n          aria-live=\"assertive\"\n          role=\"alert\"\n        >\n          <a\n            href=\"https://www.morrisons.com/more/\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            className=\"block w-full p-4 mx-auto text-lg font-medium leading-tight text-center text-white md:text-xl with-links lg:px-12 xxl:px-6 xl:max-w-screen-xl xxl:max-w-screen-xxl\"\n          >\n            <span className=\"font-bold\">\n              The More Card is always FREE &nbsp;\n            </span>\n            You can apply via Morrisons.com/more or with our helpful colleagues\n            in store.\n          </a>\n        </div>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <div\n          className=\"relative z-10 h-auto overflow-hidden shadow-sm bg-tertiary\"\n          aria-live=\"assertive\"\n          role=\"alert\"\n        >\n          <div className=\"w-full p-4 mx-auto text-lg font-medium text-center md:text-xl with-links text-primary lg:px-12 xxl:px-6 xl:max-w-screen-xl xxl:max-w-screen-xxl\">\n            {parse(data.Banner_Text)}\n          </div>\n        </div>\n        <div\n          className=\"relative z-10 h-auto overflow-hidden shadow-sm bg-secondary\"\n          aria-live=\"assertive\"\n          role=\"alert\"\n        >\n          <a\n            href=\"https://www.morrisons.com/more/\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            className=\"block w-full p-4 mx-auto text-lg font-medium leading-tight text-center text-white md:text-xl with-links lg:px-12 xxl:px-6 xl:max-w-screen-xl xxl:max-w-screen-xxl\"\n          >\n            <span className=\"font-bold\">\n              The More Card is always FREE &nbsp;\n            </span>\n            You can apply via Morrisons.com/more or with our helpful colleagues\n            in store.\n          </a>\n        </div>\n      </>\n    )\n  }\n}\n\nexport default NotificationBanner\n","import React from 'react'\n\nconst PagesMainLayout = props => {\n  return (\n    <main className=\"mx-auto px-0 xxl:px-3 py-10 flex-1 lg:flex-none lg:w-8/12 lg:px-3\">\n      {props.children}\n    </main>\n  )\n}\n\nexport default PagesMainLayout\n","import React from 'react'\nimport BaseButton from './BaseButton'\n\nfunction PrimaryButton(props) {\n  const { light, outline, ...rest } = props\n  return outline ? (\n    <BaseButton\n      {...rest}\n      className={`${\n        props.light\n          ? 'text-primary bg-transparent border-primary-light hover:border-primary'\n          : 'text-primary bg-transparent border-primary hover:bg-primary-lighter hover:border-primary-dark'\n      }`}\n    />\n  ) : (\n    <BaseButton\n      {...rest}\n      className={`${\n        props.light\n          ? 'text-primary-dark bg-primary-lighter border-primary-lighter hover:bg-primary-lightest hover:border-primary-lightest'\n          : 'text-white bg-primary border-primary hover:bg-primary-dark hover:border-primary-dark'\n      }`}\n    />\n  )\n}\n\nexport default PrimaryButton\n","import React from 'react'\n\nexport const SEO = ({ title, description, children }) => {\n  const seo = {\n    title: title || '',\n    description: description || '',\n  }\n\n  return (\n    <>\n      <meta charSet=\"utf-8\" />\n      <title>{seo.title}</title>\n      <meta name=\"description\" content={seo.description} />\n      {children}\n    </>\n  )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport parse from 'html-react-parser'\nimport Icon from './Icon'\n\nconst CategoryLink = ({ item }) => {\n  return (\n    <article className=\"flex w-full mb-0 sm:w-1/2 sm:mb-6\">\n      <Link\n        to={item.slug}\n        key={item.title}\n        className=\"flex flex-col w-full p-6 mx-3 mb-6 bg-white rounded-lg cursor-pointer hover:bg-gradient-br-primary shadow-card hover:shadow-cardHover hover:text-white sm:mb-0\"\n      >\n        <div className=\"mb-2\">\n          <h3 className=\"text-lg font-semibold\">{item.title}</h3>\n        </div>\n        <div className=\"flex-auto mb-6\">{parse(item.blurb)}</div>\n        <div className=\"flex items-center\">\n          <span className=\"flex items-center h-8 px-6 mr-2 text-sm font-semibold rounded-full bg-primary-lighter text-body\">\n            Find out more\n          </span>\n          <div className=\"flex items-center justify-center w-8 h-8 rounded-full text-secondary bg-primary-lighter\">\n            <Icon icon=\"forwardArrow\" className=\"w-3 h-3 fill-current\" />\n          </div>\n        </div>\n      </Link>\n    </article>\n  )\n}\n\nCategoryLink.propTypes = {\n  item: PropTypes.object,\n  category: PropTypes.string,\n}\n\nexport default CategoryLink\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport Icon from './Icon'\n\nconst ProductCategoryLink = ({ category }) => {\n  return (\n    <>\n      {category === 'My Morrisons' ? (\n        <article className=\"flex w-full mb-0 sm:w-1/2 sm:mb-6\">\n          <Link\n            to=\"/morrisons-more\"\n            className=\"flex flex-col w-full p-6 mx-3 mb-6 bg-white rounded-lg cursor-pointer hover:bg-gradient-br-primary shadow-card hover:shadow-cardHover hover:text-white sm:mb-0\"\n          >\n            <div className=\"mb-2\">\n              <h3 className=\"text-lg font-semibold\">Morrisons More</h3>\n            </div>\n            <div className=\"flex-auto mb-6\">\n              <span>\n                Find help and information if you have an issue or feedback about\n                Morrisons More.\n              </span>\n            </div>\n            <div className=\"flex items-center\">\n              <span className=\"flex items-center h-8 px-6 mr-2 text-sm font-semibold rounded-full bg-primary-lighter text-body\">\n                Find out more\n              </span>\n              <div className=\"flex items-center justify-center w-8 h-8 rounded-full text-secondary bg-primary-lighter\">\n                <Icon icon=\"forwardArrow\" className=\"w-3 h-3 fill-current\" />\n              </div>\n            </div>\n          </Link>\n        </article>\n      ) : null}\n    </>\n  )\n}\n\nProductCategoryLink.propTypes = {\n  category: PropTypes.string,\n}\n\nexport default ProductCategoryLink\n","import React from 'react'\nimport Icon from './Icon'\nimport PrimaryButton from './PrimaryButton'\nimport { Link } from 'gatsby'\n\nconst CategoryEnquiries = ({ href, title }) => {\n  const data = {\n    contacts: [\n      {\n        icon: 'mail',\n        title: 'By Email',\n        gtmTag: 'email us',\n        contact: '',\n        text: '',\n        href: href,\n        button: 'Email Us',\n      },\n    ],\n  }\n\n  return (\n    <>\n      <div className=\"flex mb-8\">\n        {data.contacts.map((item, index) => (\n          <Link\n            to={item.href}\n            tabIndex=\"0\"\n            className={`flex w-full`}\n            key={index}\n          >\n            <div className=\"relative flex items-stretch w-full flip-card__container\">\n              <div className=\"flex flex-col items-start justify-between w-full p-6 rounded-lg flip-card__side flip-card__side--front bg-secondary bg-gradient-br-primary\">\n                <div className=\"flex-auto w-full mb-8 text-white\">\n                  <div className=\"flex items-start\">\n                    <div className=\"flex items-center justify-center\">\n                      <div className=\"z-10 flex items-center justify-center w-10 h-10 mr-4 rounded-full bg-secondary\">\n                        <Icon\n                          icon={item.icon}\n                          className=\"w-2/3 text-white fill-current\"\n                        />\n                      </div>\n                      <h4 className=\"m-0 text-2xl font-semibold\">{title}</h4>\n                    </div>\n                    <div className=\"ml-auto\">\n                      <PrimaryButton light>\n                        <span className=\"text-secondary\">{item.button}</span>\n                      </PrimaryButton>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Link>\n        ))}\n      </div>\n    </>\n  )\n}\n\nexport default CategoryEnquiries\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport SiteHeader from '../components/SiteHeader'\nimport Navigation from '../components/Navigation'\nimport NavigationDropdown from '../components/NavigationDropdown'\nimport CategoryLink from '../components/CategoryLink'\nimport ProductCategoryLink from '../components/ProductCategoryLink'\nimport ArticleContainer from '../components/ArticleContainer'\nimport ArticleLayout from '../components/ArticleLayout'\nimport ArticleHeader from '../components/ArticleHeader'\nimport PagesMainLayout from '../components/PagesMainLayout'\nimport Breadcrumb from '../components/Breadcrumb'\nimport NotificationBanner from '../components/NotificationBanner'\nimport { usePageViewTracking } from '../core'\nimport CategoryEnquiries from '../components/CategoryEnquiries'\nimport { SEO } from '../components/SEO'\n\nconst formCategories = {\n  // Products: '/form/contact-us/products',\n  Stores: '/form/contact-us/stores',\n}\n\nconst formTitles = {\n  Products: 'General product queries',\n  Stores: 'General store queries',\n}\n\nconst getCategoryFormURL = category => {\n  return formCategories[category] || undefined\n}\n\nconst getCategoryFormTitle = category => {\n  return formTitles[category] || undefined\n}\n\nconst propTypes = {\n  pageContext: PropTypes.object,\n  location: PropTypes.object,\n}\n\nconst CategoryPage = ({\n  data: { siteNavigation: currentCategoryMeta },\n  pageContext,\n}) => {\n  usePageViewTracking()\n  const { category } = pageContext\n  const href = getCategoryFormURL(category)\n  const title = getCategoryFormTitle(category)\n  return (\n    <>\n      <SiteHeader search sticky />\n      <NotificationBanner />\n      <ArticleHeader currentCategory={category} />\n      <ArticleContainer>\n        <ArticleLayout>\n          <Navigation currentCategory={category} />\n          <NavigationDropdown currentCategory={category} />\n          <PagesMainLayout>\n            <div className=\"mb-6\">\n              <Breadcrumb category={category} />\n            </div>\n\n            {/* <FAQCategory category={category} /> */}\n            <h2 className=\"hidden w-full mb-6 text-3xl font-semibold lg:block\">\n              Browse questions\n            </h2>\n            <div className=\"flex flex-wrap mb-2 -mx-3\">\n              <ProductCategoryLink category={category} />\n              {currentCategoryMeta.categoryData.map(item => (\n                <CategoryLink item={item} key={item.slug} category={category} />\n              ))}\n            </div>\n            {href && (\n              <>\n                <CategoryEnquiries href={href} title={title} />\n              </>\n            )}\n          </PagesMainLayout>\n        </ArticleLayout>\n      </ArticleContainer>\n    </>\n  )\n}\n\nCategoryPage.propTypes = propTypes\n\nexport const query = graphql`\n  query($category: String) {\n    siteNavigation(Section_Name: { eq: $category }) {\n      category: Section_Name\n      displayOrder: DisplayOrder\n      blurb: Section_Blurb\n      categoryData: SubSections {\n        slug: PageUrl\n        title: SubSection_Name\n        pageRef: PageReference\n        blurb: SubSection_Blurb\n        displayOrder: DisplayOrder\n      }\n    }\n  }\n`\n\nexport default CategoryPage\n\nexport const Head = ({ pageContext }) => {\n  const { category } = pageContext\n  return <SEO title={`${category} - Morrisons Help Hub`} />\n}\n","var React = require('react');\n\nfunction ArrowForward24 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z\",\"key\":0}),React.createElement(\"path\",{\"fill\":\"none\",\"d\":\"M0 0h24v24H0z\",\"key\":1})]);\n}\n\nArrowForward24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = ArrowForward24;\n\nArrowForward24.default = ArrowForward24;\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["children","className","category","currentPage","Link","to","currentCategory","Container","BaseButton","props","href","onClick","disabled","rounded","type","cy","classes","test","defaultProps","selected","formatUrl","state","selectedCategory","variant","icon","Navigation","currentFaqPageUrl","categories","useCategoryMetaData","role","openCategoryNav","isCurrentPage","slug","inCategoryPage","NavigationSubCategoryList","subSection","map","item","NavigationSubCategoryListItem","key","title","NavigationCategoryList","openCategoryList","categoryData","NavigationDropdown","useState","openList","setOpenList","useEffect","document","body","classList","add","remove","find","data","tabIndex","currentPageUrl","useNotificationDataQuery","Banner_Exists","parse","Banner_Text","rel","target","light","outline","rest","SEO","description","seo","charSet","name","content","blurb","Icon","contacts","gtmTag","contact","text","button","index","PrimaryButton","formCategories","Stores","formTitles","Products","currentCategoryMeta","siteNavigation","pageContext","usePageViewTracking","undefined","getCategoryFormURL","getCategoryFormTitle","SiteHeader","search","sticky","NotificationBanner","ArticleHeader","ArticleContainer","ArticleLayout","PagesMainLayout","Breadcrumb","Head","React","ArrowForward24","createElement","module","exports","default","_objectWithoutPropertiesLoose","source","excluded","i","sourceKeys","Object","keys","length","indexOf"],"sourceRoot":""}