{"version":3,"file":"component---src-pages-morewaystoshop-js-bd8dfff9168835520ac4.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/BaseButton.jsx","webpack://morrisons-help/./src/components/NotificationBanner.jsx","webpack://morrisons-help/./src/components/SecondaryButton.jsx","webpack://morrisons-help/./src/components/Services/OurServicesDetails.jsx","webpack://morrisons-help/./src/components/Services/OurServices.jsx","webpack://morrisons-help/./src/pages/morewaystoshop.js","webpack://morrisons-help/./src/assets/icons/arrow_forward_24.svg","webpack://morrisons-help/./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"],"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 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 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'\nimport BaseButton from './BaseButton'\n\nfunction SecondaryButton(props) {\n  return (\n    <BaseButton\n      {...props}\n      className={`text-white bg-secondary border-secondary hover:bg-secondary-dark hover:border-secondary-dark`}\n    />\n  )\n}\n\nexport default SecondaryButton\n","import React from 'react'\nimport Img from 'gatsby-image'\nimport PropTypes from 'prop-types'\nimport Container from '../Container'\nimport SecondaryButton from '../SecondaryButton'\nimport MorrisonsLogo from '../../assets/icons/logo.svg'\n\nconst propTypes = {\n  logo: PropTypes.object,\n  img: PropTypes.object,\n  title: PropTypes.string,\n  copy: PropTypes.string,\n  href: PropTypes.string,\n  status: PropTypes.string,\n  reverseLayout: PropTypes.bool,\n  morrisonsLogo: PropTypes.bool,\n  buttonText: PropTypes.string,\n}\n\nconst OurServiceDetails = props => {\n  const { logo, img, title, copy, href, status, buttonText } = props\n  return (\n    <article\n      className={`${props.reverseLayout ? 'bg-primary-lighter' : ' bg-white'}`}\n    >\n      <Container>\n        <section className=\"flex flex-wrap w-full py-10 sm:flex-no-wrap\">\n          <section\n            className={`${\n              props.reverseLayout\n                ? 'order-1 w-full relative overflow-hidden'\n                : 'order-1 sm:order-2  w-full relative overflow-hidden'\n            }`}\n          >\n            <div className=\"absolute bottom-0 z-10 block px-4 py-1 mb-6 text-lg font-semibold leading-tight bg-white rounded-lg rounded-l-none text-secondary\">\n              {status}\n            </div>\n            <Img fluid={img.childImageSharp.fluid} className=\"h-full\" />\n          </section>\n          <section\n            className={`${\n              props.reverseLayout\n                ? 'order-2  w-full  sm:ml-12 mb-6 sm:mb-0'\n                : 'order-1  w-full  sm:mr-12 mb-6 sm:mb-0'\n            }`}\n          >\n            <div className=\"flex items-end justify-start mt-6 mb-6 sm:mt-0\">\n              <MorrisonsLogo\n                className={`${\n                  props.morrisonsLogo\n                    ? 'block pr-6 mr-6 border border-t-0 border-b-0 border-l-0 border-body-light'\n                    : 'hidden'\n                }`}\n              />\n              <div className=\"relative flex items-center justify-start w-24 h-10\">\n                <Img fluid={logo.childImageSharp.fluid} className=\"flex-1\" />\n              </div>\n            </div>\n            <div className=\"mb-6\">\n              <h3 className=\"text-2xl font-medium leading-tight sm:text-3xl\">\n                {title}\n              </h3>\n            </div>\n            <div className=\"mb-8\">\n              <p className=\"text-lg font-medium\">{copy}</p>\n            </div>\n            <SecondaryButton secondary href={href}>\n              <span className=\"text-sm font-medium\">{buttonText}</span>\n            </SecondaryButton>\n          </section>\n        </section>\n      </Container>\n    </article>\n  )\n}\n\nOurServiceDetails.propTypes = propTypes\n\nexport default OurServiceDetails\n","import React from 'react'\nimport OurServicesDetails from './OurServicesDetails'\n\nconst OurServices = props => {\n  const services = [\n    {\n      logo: props.data.logoSix,\n      img: props.data.imageSix,\n      title: 'Food, drink and more to your door.',\n      copy:\n        'Morrisons Groceries makes online shopping simple. Choose from convenient 1-hour delivery windows, or use our Click & Collect service to pick up your groceries from your local store when it suits you best.',\n      href: 'https://groceries.morrisons.com',\n      status: 'Food for this week',\n      morrisonsLogo: true,\n      buttonText: 'Start Shopping',\n    },\n    {\n      logo: props.data.logoOne,\n      img: props.data.imageOne,\n      title: 'Get essentials delivered in 30 minutes with Deliveroo.',\n      copy:\n        'Need groceries fast? Order from over 500 essential Morrisons items through Deliveroo and get them delivered to your door in as little as 30 minutes. Fresh produce, snacks, and more – sorted!',\n      href: 'https://deliveroo.co.uk',\n      status: 'Food for Now',\n      morrisonsLogo: true,\n      reverseLayout: true,\n      buttonText: 'Shop on Deliveroo',\n    },\n    {\n      logo: props.data.logoTwo,\n      img: props.data.imageTwo,\n      title: 'Your Morrisons shop, delivered by Amazon.',\n      copy:\n        'Enjoy same-day delivery on your Morrisons grocery shop with Amazon. Stock up on fresh food, household essentials, and more – delivered straight to your door.',\n      href: 'https://www.amazon.co.uk/alm/storefront?almBrandId=TW9ycmlzb25z',\n      status: 'Food for Now',\n      morrisonsLogo: true,\n      buttonText: 'Shop on Amazon',\n    },\n    {\n      logo: props.data.logoFour,\n      img: props.data.imageFour,\n      title: 'Morrisons Daily, delivered with Uber Eats.',\n      copy:\n        'Craving your favourite Morrisons Daily items? Get them delivered straight to your door through Uber Eats. From snacks to sandwiches, find a Morrisons Daily near you and enjoy fast, convenient delivery.',\n      href:\n        'https://www.ubereats.com/gb/brand/morrisons-daily?srsltid=AfmBOoqTbBOOe4dKQf5hzKmoCxZru6NeLvN4qtia66If__NPu0IJUk7I',\n      status: 'Food for Now',\n      morrisonsLogo: true,\n      reverseLayout: true,\n      buttonText: 'Shop on Uber Eats',\n    },\n    {\n      logo: props.data.logoFive,\n      img: props.data.imageFive,\n      title: 'Groceries & Café favourites delivered with Just Eat.',\n      copy:\n        'Get your Morrisons grocery essentials delivered right to your front door with Just Eat. Choose from fresh and chilled food, household products, and more. Plus, enjoy your fave Morrisons Café meals from the comfort of home or the office!',\n      href: 'https://www.just-eat.co.uk/takeaway/brands/morrisons',\n      status: 'Food for Now',\n      morrisonsLogo: true,\n      buttonText: 'Shop on Just Eat',\n    },\n  ]\n  return (\n    <>\n      {services.map((servicesProps, index) => {\n        return (\n          <div key={`services-${index}`}>\n            <OurServicesDetails {...servicesProps} />\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\nexport default OurServices\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport PropTypes from 'prop-types'\nimport SiteHeader from '../components/SiteHeader'\nimport NotificationBanner from '../components/NotificationBanner'\nimport { usePageViewTracking } from '../core'\nimport ArticleHeader from '../components/ArticleHeader'\nimport Container from '../components/Container'\nimport OurServices from '../components/Services/OurServices'\nimport { SEO } from '../components/SEO'\n\nconst propTypes = {\n  pageContext: PropTypes.object,\n}\n\nconst Services = props => {\n  usePageViewTracking()\n  return (\n    <>\n      <SiteHeader search sticky />\n      <NotificationBanner />\n      <ArticleHeader\n        currentCategory=\"More ways to shop\"\n        currentPage=\"Online Services & Partners\"\n      />\n\n      <main className=\"px-0 pt-6 pb-10 lg:pt-12\">\n        <Container>\n          <section className=\"w-full mb-0 sm:mb-6 lg:w-4/5\">\n            <h2 className=\"text-xl font-medium sm:text-2xl\">\n              We’re always finding new ways to make your grocery shopping\n              quicker and easier. That’s why we’ve expanded our services and\n              teamed up with trusted partners to deliver your essentials in a\n              flash. Explore all the convenient ways you can shop with us below.\n            </h2>\n          </section>\n        </Container>\n        <OurServices {...props} />\n      </main>\n    </>\n  )\n}\n\nServices.propTypes = propTypes\n\nexport default Services\n\nexport const query = graphql`\n  query {\n    imageOne: file(relativePath: { eq: \"services-deliveroo.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    imageTwo: file(relativePath: { eq: \"services-amazon.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    imageThree: file(relativePath: { eq: \"services-food-boxes.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    imageFour: file(relativePath: { eq: \"services-uber.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    imageFive: file(relativePath: { eq: \"services-justeat.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    imageSix: file(relativePath: { eq: \"services-groceries.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoOne: file(relativePath: { eq: \"service-logo-deliveroo.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoTwo: file(relativePath: { eq: \"service-logo-amazon.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoThree: file(relativePath: { eq: \"service-logo-food-boxes.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoFour: file(relativePath: { eq: \"service-logo-uber.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoFive: file(relativePath: { eq: \"service-logo-justeat.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    logoSix: file(relativePath: { eq: \"service-logo-groceries-osp.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`\n\nexport const Head = () => {\n  return <SEO title=\"Online Services & Partners - 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","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}\nmodule.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;"],"names":["category","currentPage","className","Link","to","currentCategory","Container","BaseButton","props","children","href","onClick","disabled","rounded","type","cy","classes","test","defaultProps","selected","data","useNotificationDataQuery","Banner_Exists","role","parse","Banner_Text","rel","target","logo","img","title","copy","status","buttonText","reverseLayout","fluid","childImageSharp","morrisonsLogo","SecondaryButton","secondary","services","logoSix","imageSix","logoOne","imageOne","logoTwo","imageTwo","logoFour","imageFour","logoFive","imageFive","map","servicesProps","index","key","OurServicesDetails","usePageViewTracking","search","sticky","Head","React","ArrowForward24","createElement","module","exports","default","source","excluded","i","sourceKeys","Object","keys","length","indexOf","__esModule"],"sourceRoot":""}