{"version":3,"sources":["webpack:///./src/templates/steps-root/steps-root.js"],"names":["inject","observer","data","regionStore","page","wagtail","steps","filter","step","title","validInEngland","validInScotland","currentRegion","sort","a","b","order","seoTitle","description","canonical","canonicalUrl","className","body","map","rawValue","key","dangerouslySetInnerHTML","__html","replace","subtitle","url","to"],"mappings":"4FAAA,0FAUeA,sBAAO,cAAPA,CACbC,aAAS,YAA2B,IAAxBC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YACRC,EAASF,EAAKG,QAAdD,KAEFE,EAAQJ,EAAKG,QAAQC,MACxBC,QAAO,SAAAC,GAAI,OAAIA,EAAKC,SACpBF,QAAO,gBAAGG,EAAH,EAAGA,eAAgBC,EAAnB,EAAmBA,gBAAnB,MACwB,OAA9BR,EAAYS,cAAyBF,EAAiBC,KAEvDE,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,SAE9B,OACE,kBAAC,UAAD,KACE,kBAAC,MAAD,CACEP,MAAOL,EAAKa,SACZC,YAAad,EAAKc,YAClBC,UAAWf,EAAKgB,eAGlB,yBAAKC,UAAU,OACb,yBAAKA,UAAU,mBACb,wBAAIA,UAAU,QAAQjB,EAAKK,OAC3B,yBAAKY,UAAU,QACZjB,EAAKkB,KAAKC,KAAI,gBAAGC,EAAH,EAAGA,SAAH,OACb,yBACEC,IAAKD,EACLE,wBAAyB,CACvBC,OAAQH,EACLI,QAAQ,OAAQ,YAChBA,QAAQ,SAAU,oBAM5BtB,EAAMiB,KAAI,gBAAGd,EAAH,EAAGA,MAAOoB,EAAV,EAAUA,SAAUC,EAApB,EAAoBA,IAAKd,EAAzB,EAAyBA,MAAzB,OACT,kBAAC,OAAD,CACES,IAAKhB,EACLY,UAAU,iDACVU,GAAID,GAEJ,wBAAIT,UAAU,6BAAd,QAAgDL,GAChD,uBAAGK,UAAU,qCAAqCQ,e","file":"component---src-templates-steps-root-steps-root-js-1d42e4e14ce239f86c50.js","sourcesContent":["import React from \"react\"\n\nimport { graphql, Link } from \"gatsby\"\nimport { inject, observer } from \"mobx-react\"\n\nimport { Wrapper } from \"../../components/base/wrapper/wrapper\"\nimport { SEO } from \"../../components/base/seo/seo\"\n\nimport \"./steps-root.scss\"\n\nexport default inject(\"regionStore\")(\n  observer(({ data, regionStore }) => {\n    const { page } = data.wagtail\n\n    const steps = data.wagtail.steps\n      .filter(step => step.title)\n      .filter(({ validInEngland, validInScotland }) =>\n        regionStore.currentRegion === \"EW\" ? validInEngland : validInScotland\n      )\n      .sort((a, b) => a.order - b.order)\n\n    return (\n      <Wrapper>\n        <SEO\n          title={page.seoTitle}\n          description={page.description}\n          canonical={page.canonicalUrl}\n        />\n\n        <div className=\"row\">\n          <div className=\"offset-1 col-10\">\n            <h1 className=\"mb-2\">{page.title}</h1>\n            <div className=\"mb-3\">\n              {page.body.map(({ rawValue }) => (\n                <div\n                  key={rawValue}\n                  dangerouslySetInnerHTML={{\n                    __html: rawValue\n                      .replace(/<b>/g, \"<strong>\")\n                      .replace(/<\\/b>/g, \"</strong>\"),\n                  }}\n                />\n              ))}\n            </div>\n\n            {steps.map(({ title, subtitle, url, order }) => (\n              <Link\n                key={title}\n                className=\"steps-root-step d-flex align-items-center mb-2\"\n                to={url}\n              >\n                <h2 className=\"steps-root-step-title m-0\">Step {order}</h2>\n                <p className=\"steps-root-step-subtitle m-0 ml-4\">{subtitle}</p>\n              </Link>\n            ))}\n          </div>\n        </div>\n      </Wrapper>\n    )\n  })\n)\n\nexport const query = graphql`\n  query($slug: String) {\n    wagtail {\n      page(slug: $slug) {\n        ... on SimpleStepsRootPage {\n          title\n          seoTitle\n          description\n          canonicalUrl\n          body {\n            ... on RichTextBlock {\n              rawValue\n            }\n          }\n        }\n      }\n      steps: pages {\n        ... on SimpleStep {\n          title\n          subtitle\n          order\n          url\n          validInEngland\n          validInScotland\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}