{"version":3,"file":"component---src-templates-call-us-js-6bb64611f7f7b2b64509.js","mappings":"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","sources":["webpack://morrisons-help/./src/components/BreadcrumbInHeader.jsx","webpack://morrisons-help/./src/components/ArticleHeader.jsx","webpack://morrisons-help/./src/components/AnchorChevron.jsx","webpack://morrisons-help/./src/components/FAQList.jsx","webpack://morrisons-help/./src/components/NotificationBanner.jsx","webpack://morrisons-help/./src/components/SEO.jsx","webpack://morrisons-help/./src/components/SubHeading.jsx","webpack://morrisons-help/./src/components/CallUsFAQs.jsx","webpack://morrisons-help/./src/components/TelephoneNumbers.jsx","webpack://morrisons-help/./src/templates/callUs.js","webpack://morrisons-help/./src/assets/icons/arrow_forward_24.svg"],"sourcesContent":["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 { Link } from 'gatsby'\nimport Icon from './Icon'\n\nconst AnchorChevron = ({ href, copy }) => {\n  return (\n    <Link\n      className={`flex text-lg text-secondary justify-between items-start w-full hover:underline hover:text-primary`}\n      to={href}\n    >\n      <span className=\"flex-1 pr-4\">{copy}</span>\n      <Icon icon=\"forwardArrow\" className=\"w-2 h-5 opacity-50 fill-current\" />\n    </Link>\n  )\n}\n\nexport default AnchorChevron\n","import React from 'react'\nimport AnchorChevron from './AnchorChevron'\nimport { createSlug } from '../core/urls'\n\nconst FAQList = ({ faqs, halvedLayout }) => {\n  return (\n    <>\n      {(faqs || []).map((faq, index) => (\n        <div\n          className={`flex justify-between w-full px-3 mb-3 md:mb-4 last:mb-0 ${\n            halvedLayout ? 'md:w-1/2' : ''\n          }`}\n          key={faq.QuestionText}\n        >\n          <AnchorChevron\n            href={`${faq.ParentPageURL}#${createSlug(faq.QuestionText)}`}\n            copy={faq.QuestionText}\n            key={`faq-${index}`}\n          />\n        </div>\n      ))}\n    </>\n  )\n}\n\nexport default FAQList\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\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'\n\nconst SubHeading = props => {\n  const { heading, copy } = props\n  return (\n    <div className=\"mb-6\">\n      <h2 className=\"text-2xl font-semibold\">{heading}</h2>\n      {copy && copy ? (\n        <div className=\"mt-2\">\n          <p className=\"text-lg\">{copy}</p>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default SubHeading\n","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport SubHeading from './SubHeading'\nimport FAQList from './FAQList'\n\nconst CallUsFAQs = () => {\n  const faqs = useStaticQuery(graphql`\n    query CallUsQuery {\n      allPopularFaqs {\n        nodes {\n          QuestionText\n          ParentPageURL\n        }\n      }\n    }\n  `)\n  return (\n    <>\n      <SubHeading heading=\"Popular FAQs\" />\n      <div className=\"flex flex-wrap mb-16 -mx-3\">\n        <FAQList faqs={faqs.allPopularFaqs.nodes} />\n      </div>\n    </>\n  )\n}\n\nexport default CallUsFAQs\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst TelephoneNumbers = ({ title, number }) => {\n  return (\n    <div className=\"flex\">\n      <span className=\"mr-1 text-xl font-semibold\">{title}</span>\n      <a\n        tabIndex=\"0\"\n        href={`tel:${number}`}\n        className=\"text-xl font-semibold text-secondary\"\n      >\n        {number}\n      </a>\n    </div>\n  )\n}\n\nTelephoneNumbers.propTypes = {\n  title: PropTypes.string,\n  number: PropTypes.string,\n}\n\nexport default TelephoneNumbers\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport SiteHeader from '../components/SiteHeader'\nimport NotificationBanner from '../components/NotificationBanner'\nimport { usePageViewTracking } from '../core'\nimport CallUsFAQs from '../components/CallUsFAQs'\nimport ArticleHeader from '../components/ArticleHeader'\nimport Container from '../components/Container'\nimport TelephoneNumbers from '../components/TelephoneNumbers'\nimport { SEO } from '../components/SEO'\n\nconst propTypes = {\n  location: PropTypes.object,\n}\n\nconst ArticleMainLayout = props => {\n  return <main className=\"px-0 pt-6 pb-10 lg:pt-12\">{props.children}</main>\n}\n\nconst CallUsPage = () => {\n  usePageViewTracking()\n  return (\n    <>\n      <SiteHeader search sticky />\n      <NotificationBanner />\n      <ArticleHeader\n        currentCategory=\"Still need help? Get in touch\"\n        currentPage=\"Get in touch with us\"\n      />\n      <Container>\n        <ArticleMainLayout>\n          <section className=\"w-full mb-10 lg:w-1/2\">\n            <h2 className=\"text-xl font-medium\">\n              Before you call,{' '}\n              <Link to={`/#faqs`}>\n                <span className=\"underline whitespace-no-wrap text-secondary\">\n                  please check our FAQs\n                </span>\n              </Link>{' '}\n              to see if your query is answered.\n            </h2>\n          </section>\n          <section className=\"flex flex-wrap w-full lg:flex-no-wrap\">\n            <section className=\"order-2 w-full lg:pr-4 lg:order-1 lg:w-1/2\">\n              <CallUsFAQs />\n            </section>\n            <section className=\"order-1 w-full mb-10 lg:order-2 lg:w-5/12 lg:pl-4 lg:ml-1/12\">\n              <div className=\"w-full mb-6\">\n                <TelephoneNumbers\n                  title=\"Customer Services:\"\n                  number=\"0345 611 6111\"\n                />\n                <TelephoneNumbers\n                  title=\"General &amp; Corporate:\"\n                  number=\"0345 611 5000\"\n                />\n              </div>\n              <div className=\"w-full\">\n                <h3 className=\"text-lg font-semibold\">Write to us</h3>\n              </div>\n              <p className=\"text-base\">\n                Customer Service Department\n                <br />\n                Wm Morrison Supermarkets Limited\n                <br />\n                Hilmore House, Gain Lane\n                <br />\n                Bradford, BD3 7DL\n              </p>\n            </section>\n          </section>\n        </ArticleMainLayout>\n      </Container>\n    </>\n  )\n}\n\nCallUsPage.propTypes = propTypes\n\nexport default CallUsPage\n\nexport const Head = () => {\n  return <SEO title=\"Call Us - 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"],"names":["category","currentPage","className","Link","to","currentCategory","Container","href","copy","Icon","icon","faqs","halvedLayout","map","faq","index","key","QuestionText","ParentPageURL","createSlug","data","useNotificationDataQuery","Banner_Exists","role","parse","Banner_Text","rel","target","SEO","title","description","children","seo","charSet","name","content","props","heading","useStaticQuery","SubHeading","FAQList","allPopularFaqs","nodes","number","tabIndex","ArticleMainLayout","usePageViewTracking","SiteHeader","search","sticky","NotificationBanner","ArticleHeader","Head","React","ArrowForward24","createElement","defaultProps","module","exports","default"],"sourceRoot":""}