{"version":3,"file":"component---src-templates-stores-ato-z-js-84b0582f64404b6e9810.js","mappings":"+RAYMA,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,KAEpCC,EAAW,CACf,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAgGF,UA7FmB,SAAH,GAAyB,IAAnBC,EAAW,EAAXA,aACpBC,EAAAA,EAAAA,MACA,IAAQC,EAAsCF,EAAtCE,aAAcC,EAAwBH,EAAxBG,OAAQC,EAAgBJ,EAAhBI,YAE9B,OACE,gCACE,gBAAC,IAAU,CAACC,QAAM,EAACC,QAAM,EAACC,UAAU,cAEpC,gBAAC,IAAa,CACZC,gBAAe,iDAAkDJ,aAAW,EAAXA,EAAaK,eAC9EC,YAAW,yBAA0BN,aAAW,EAAXA,EAAaK,eAClDE,UAAU,GACVC,OAAO,KAET,gBAAC,IAAS,KACR,wBAAMC,UAAU,2BACd,uBAAKA,UAAS,yBACZ,gBAAC,IAAM,CACLC,cAAc,EACdC,YAAY,gBACZC,KAAK,aACLC,MAAO,CAAEC,MAAOd,GAChBe,iBAAkB,SAAAC,GAAM,OAAIA,EAAOC,QAAQ,EAC3CC,QAASvB,aAAQ,EAARA,EAAUwB,KAAI,SAACC,EAAQC,GAC9B,IAAMC,EAAexB,EAAayB,MAAK,SAAAC,GAAC,OAAIA,IAAMJ,CAAM,IACxD,MAAO,CACLP,MAAOO,EACPN,MAAOM,EACPH,UAAWK,EACXG,IAAKJ,EAET,IACAK,SAAU,SAAAN,IACRO,EAAAA,EAAAA,UAAS,SAASP,EAAOP,MAC3B,KAGJ,sBAAIJ,UAAU,oEACXd,EAASwB,KAAI,SAACC,EAAQC,GACrB,IAAMC,EAAexB,EAAayB,MAAK,SAAAC,GAAC,OAAIA,IAAMJ,CAAM,IAClDQ,EAAWN,IAAiBtB,EAClC,OACE,gBAAC,EAAA6B,KAAI,CACHJ,IAAKJ,EACLS,GAAIR,EAAY,SAAYF,EAAW,GACvCX,UAAS,8CACPa,EACIM,EACE,aACA,gCACF,kCAAgC,qCAGrCR,aAAM,EAANA,EAAQf,cAGf,KAEF,2BAASI,UAAU,oCAChBV,EAAOoB,KAAI,SAAAY,GACV,OACE,gCACGrC,EAAasC,SAASD,EAAMnB,MAAQ,KACnC,gBAAC,EAAAiB,KAAI,CACHJ,IAAKM,EAAMnB,KACXkB,GAAIC,EAAME,KACVxB,UAAU,6GAEV,2BAASA,UAAU,sBACjB,sBAAIA,UAAU,8BACXsB,EAAMG,WAET,0BACGC,EAAAA,EAAAA,IAAiB,iCAAGJ,aAAK,EAALA,EAAOK,aAAeL,aAAK,EAALA,EAAOM,aAAeN,aAAK,EAALA,EAAOO,KAAOP,aAAK,EAALA,EAAOQ,WAExF,yBAAG,UAAQR,EAAMS,YAEnB,gBAAC,IAAI,CACHC,KAAK,eACLhC,UAAU,2EAMtB,OAMZ,EAIO,IAAMiC,EAAO,SAAH,GAAyB,IAChC9B,EADwB,EAAXhB,YACbgB,KACR,OACE,gBAAC,IAAG,CACF+B,MAAK,gDAAkD/B,EAAI,8BAGjE,C","sources":["webpack://morrisons-storefinder/./src/templates/storesAtoZ.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 Select from '../components/Select'\nimport Icon from '../components/Icon'\nimport { SEO } from '../components/SEO'\nimport { formatAtoZAddress } from '../core/utils'\n\nconst hiddenStores = [181, 527, 479, 493, 520] //Hide these stores from the search results\n\nconst alphabet = [\n 'a',\n 'b',\n 'c',\n 'd',\n 'e',\n 'f',\n 'g',\n 'h',\n 'i',\n 'j',\n 'k',\n 'l',\n 'm',\n 'n',\n 'o',\n 'p',\n 'q',\n 'r',\n 's',\n 't',\n 'u',\n 'v',\n 'w',\n 'x',\n 'y',\n 'z',\n]\n\nconst StoresAtoZ = ({ pageContext }) => {\n usePageViewTracking()\n const { storeLetters, stores, storeLetter } = pageContext\n\n return (\n <>\n <SiteHeader search sticky storeType=\"Morrisons\" />\n {/* <MarketingTop /> */}\n <ArticleHeader\n currentCategory={`Find a Morrisons store by name starting with ${storeLetter?.toUpperCase()}`}\n currentPage={`Stores starting with ${storeLetter?.toUpperCase()}`}\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 letter\"\n name=\"storesAtoZ\"\n value={{ label: storeLetter }}\n isOptionDisabled={option => option.disabled}\n options={alphabet?.map((letter, i) => {\n const letterExists = storeLetters.find(l => l === letter)\n return {\n value: letter,\n label: letter,\n disabled: !letterExists,\n key: i,\n }\n })}\n onChange={letter => {\n navigate(`/list/${letter.value}`)\n }}\n />\n </div>\n <ul className=\"flex-wrap justify-center hidden p-0 mx-auto my-4 md:flex md:w-41\">\n {alphabet.map((letter, i) => {\n const letterExists = storeLetters.find(l => l === letter)\n const isActive = letterExists === storeLetter\n return (\n <Link\n key={i}\n to={letterExists ? `/list/${letter}` : ''}\n className={`transition-fast text-center py-2 w-10 m-1 ${\n letterExists\n ? isActive\n ? 'bg-primary'\n : 'bg-secondary hover:bg-primary'\n : 'bg-body-lighter cursor-default'\n } text-white text-base rounded-sm`}\n >\n {letter?.toUpperCase()}\n </Link>\n )\n })}\n </ul>\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 </main>\n </Container>\n </>\n )\n}\n\nexport default StoresAtoZ\n\nexport const Head = ({ pageContext }) => {\n const { name } = pageContext\n return (\n <SEO\n title={`Find a Morrisons store by name starting with ${name} | Morrisons Store Locator`}\n />\n )\n}\n"],"names":["hiddenStores","alphabet","pageContext","usePageViewTracking","storeLetters","stores","storeLetter","search","sticky","storeType","currentCategory","toUpperCase","currentPage","dateToday","region","className","isSearchable","placeholder","name","value","label","isOptionDisabled","option","disabled","options","map","letter","i","letterExists","find","l","key","onChange","navigate","isActive","Link","to","store","includes","link","storeName","formatAtoZAddress","addressLine1","addressLine2","city","postcode","telephone","icon","Head","title"],"sourceRoot":""}