{"version":3,"file":"component---src-templates-stores-by-region-js-1077a61b8001f9d20aaa.js","mappings":"+RAYMA,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,KAkG1C,UAhGuB,SAAH,GAAyB,IAAnBC,EAAW,EAAXA,aACxBC,EAAAA,EAAAA,MACA,IAAQC,EAA+BF,EAA/BE,WAAYC,EAAmBH,EAAnBG,OAAQC,EAAWJ,EAAXI,OAC5B,OACE,gCACE,gBAAC,IAAU,CAACC,QAAM,EAACC,QAAM,EAACC,UAAU,cAEpC,gBAAC,IAAa,CACZC,gBACEJ,EAAM,uBACqBA,EAAM,mCAGnCK,YACEL,EAAM,uBACqBA,EAAM,mCAGnCM,UAAU,GACVN,OAAO,KAET,gBAAC,IAAS,KACR,wBAAMO,UAAU,2BACd,uBAAKA,UAAS,yBACZ,gBAAC,IAAM,CACLC,cAAc,EACdC,YAAY,gBACZC,KAAK,iBACLC,MAAO,CAAEC,MAAOZ,GAChBa,QAASf,aAAU,EAAVA,EAAYgB,KAAI,SAACC,EAAGC,GAC3B,MAAO,CACLL,MAAOI,aAAC,EAADA,EAAGE,KACVL,MAAOG,aAAC,EAADA,EAAGf,OACVkB,IAAKF,EAET,IACAG,SAAU,SAAAnB,IACRoB,EAAAA,EAAAA,UAAS,WAAWpB,EAAOW,MAC7B,KAGJ,sBAAIJ,UAAU,qEACXT,EAAWgB,KAAI,SAACC,EAAGC,GAClB,IAAMK,EAAWrB,KAAWe,aAAC,EAADA,EAAGf,QAC/B,OACE,gBAAC,EAAAsB,KAAI,CACHJ,IAAKF,EACLO,GAAE,YAAaR,aAAC,EAADA,EAAGE,MAClBV,UAAS,gDACPc,EAAW,aAAe,iCAA+B,sEAK3D,yBAAIN,aAAC,EAADA,EAAGf,QAAW,KAAGe,aAAC,EAADA,EAAGS,MAAM,IAGpC,KAEAzB,SAAAA,EAAQ0B,OACR,2BAASlB,UAAU,oCAChBR,EAAOe,KAAI,SAAAY,GACV,OACE,gCACG/B,EAAagC,SAASD,EAAMhB,MAAQ,KACnC,gBAAC,EAAAY,KAAI,CACHJ,IAAKQ,EAAMhB,KACXa,GAAIG,EAAMT,KACVV,UAAU,6GAEV,2BAASA,UAAU,sBACjB,sBAAIA,UAAU,8BACXmB,EAAME,WAET,0BACGC,EAAAA,EAAAA,IAAiB,iCAAGH,aAAK,EAALA,EAAOI,aAAeJ,aAAK,EAALA,EAAOK,aAAeL,aAAK,EAALA,EAAOM,KAAON,aAAK,EAALA,EAAOO,WAExF,yBAAG,UAAQP,EAAMQ,YAEnB,gBAAC,IAAI,CACHC,KAAK,eACL5B,UAAU,2EAMtB,KA5Be,OAmC7B,EAIO,IAAM6B,EAAO,SAAH,GAAiB,EAAXxC,YACrB,OACE,gBAAC,IAAG,CAACyC,MAAK,8DAEd,C","sources":["webpack://morrisons-storefinder/./src/templates/storesByRegion.js"],"sourcesContent":["import React from 'react'\nimport { usePageViewTracking } from '../core'\nimport { Link, navigate } from 'gatsby'\nimport SiteHeader from '../components/SiteHeader'\nimport ArticleHeader from '../components/ArticleHeader'\n// import MarketingTop from '../components/MarketingTop'\nimport Container from '../components/Container'\nimport Icon from '../components/Icon'\nimport { SEO } from '../components/SEO'\nimport Select from '../components/Select'\nimport { formatAtoZAddress } from '../core/utils'\n\nconst hiddenStores = [181, 527, 479, 493, 520] //Hide these stores from the search results\n\nconst StoresByRegion = ({ pageContext }) => {\n  usePageViewTracking()\n  const { allRegions, stores, region } = pageContext\n  return (\n    <>\n      <SiteHeader search sticky storeType=\"Morrisons\" />\n      {/* <MarketingTop /> */}\n      <ArticleHeader\n        currentCategory={`${\n          region\n            ? `Morrisons Stores in ${region}`\n            : `Find a Morrisons Store by region`\n        }`}\n        currentPage={`${\n          region\n            ? `Morrisons Stores in ${region}`\n            : `Find a Morrisons Store by region`\n        }`}\n        dateToday=\"\"\n        region=\"\"\n      />\n      <Container>\n        <main className=\"px-0 pt-4 pb-10 lg:pt-6\">\n          <div className={`w-full md:hidden mt-4`}>\n            <Select\n              isSearchable={false}\n              placeholder=\"Select region\"\n              name=\"storesByRegion\"\n              value={{ label: region }}\n              options={allRegions?.map((r, i) => {\n                return {\n                  value: r?.link,\n                  label: r?.region,\n                  key: i,\n                }\n              })}\n              onChange={region => {\n                navigate(`/region/${region.value}`)\n              }}\n            />\n          </div>\n          <ul className=\"flex-wrap justify-center hidden p-0 mx-auto my-4 md:flex md:px-24\">\n            {allRegions.map((r, i) => {\n              const isActive = region === r?.region\n              return (\n                <Link\n                  key={i}\n                  to={`/region/${r?.link}`}\n                  className={`transition-fast text-center py-2 px-4  m-1  ${\n                    isActive ? 'bg-primary' : 'bg-secondary hover:bg-primary'\n                  } text-white text-base rounded-sm \n          \n                   `}\n                >\n                  <b>{r?.region}</b> ({r?.count})\n                </Link>\n              )\n            })}\n          </ul>\n          {!stores?.length ? null : (\n            <section className=\"grid gap-4 my-8 grid-cols-layout\">\n              {stores.map(store => {\n                return (\n                  <>\n                    {hiddenStores.includes(store.name) ? null : (\n                      <Link\n                        key={store.name}\n                        to={store.link}\n                        className=\"flex justify-between flex-auto py-6 pl-5 pr-3 group bg-body-lightest hover:bg-body-border transition-fast\"\n                      >\n                        <section className=\"flex flex-col pr-3\">\n                          <h3 className=\"mb-2 text-xl font-semibold\">\n                            {store.storeName}\n                          </h3>\n                          <p>\n                            {formatAtoZAddress`${store?.addressLine1}${store?.addressLine2}${store?.city}${store?.postcode}`}\n                          </p>\n                          <p>Phone: {store.telephone}</p>\n                        </section>\n                        <Icon\n                          icon=\"forwardArrow\"\n                          className=\"w-4 h-4 my-auto ml-3 fill-body-lighter group-hover:fill-body-lightest\"\n                        />\n                      </Link>\n                    )}\n                  </>\n                )\n              })}\n            </section>\n          )}\n        </main>\n      </Container>\n    </>\n  )\n}\n\nexport default StoresByRegion\n\nexport const Head = ({ pageContext }) => {\n  return (\n    <SEO title={`Find a Morrisons store by region | Morrisons Store Locator`} />\n  )\n}\n"],"names":["hiddenStores","pageContext","usePageViewTracking","allRegions","stores","region","search","sticky","storeType","currentCategory","currentPage","dateToday","className","isSearchable","placeholder","name","value","label","options","map","r","i","link","key","onChange","navigate","isActive","Link","to","count","length","store","includes","storeName","formatAtoZAddress","addressLine1","addressLine2","city","postcode","telephone","icon","Head","title"],"sourceRoot":""}