{"version":3,"sources":["webpack:///./src/pages/frequently-asked-questions.js","webpack:///./src/assets/chevron-left.inline.svg","webpack:///./src/components/tabs/tabs.component.js"],"names":["FaqPage","location","useLocation","useEffect","window","utag","triggerTealiumEvent","tealiumEvent","pageUrl","href","pageName","pageType","pageSubCategory","rawDataLayer","previousPath","split","pop","eventCategory","eventAction","eventContent","hash","slice","_useState2","_slicedToArray","useState","selectedTabIndex","setSelectedTabIndex","handleClick","_ref","sectionName","clickedText","concat","React","createElement","Layout","title","className","Tabs","tabs","activeTabIndex","setActiveTab","additionalClassName","tabContent","Fragment","key","FAQ_TOP_THREE_DATA","map","d","index","Accordion","id","onClick","children","item","ix","FAQ_APPLICANT_DATA","FAQ_INCOME_DATA","FAQ_BORROWING_DATA","FAQ_ADDITIONAL_BORROWING_DATA","FAQ_PORTING_DATA","FAQ_PROPERTY_DATA","FAQ_PRODUCT_DATA","FAQ_EXISTING_BORROWERS_DATA","FAQ_FEES_DATA","ChevronLeftInline","props","defaultProps","module","exports","default","_ref$showPagination","showPagination","_ref$activeTabIndex","_onClick","menuContext","useContext","MenuContext","tabItems","length","emptyHash","setEmptyHashh","_useState4","windowWidth","setWindowWidth","innerWidth","tab","document","querySelector","scrollPosition","offsetLeft","parentNode","offsetWidth","scrollLeft","indexOf","role","aria-selected","aria-controls","onKeyDown","e","event","keyCode","activateTab","_typeof","history","pushState","inert","isMenuOpen","ChevronLeft","ChevronRight"],"mappings":"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","file":"component---src-pages-frequently-asked-questions-js-2e412e9ccf0bc79c65d0.js","sourcesContent":["import React, { Fragment, useState, useEffect } from \"react\";\nimport Layout from \"../components/layout\";\nimport Tabs from \"../components/tabs/tabs.component\";\nimport Accordion from \"../components/accordion/accordion.component\";\nimport { triggerTealiumEvent } from \"../utils/tealiumUtils\";\nimport { useLocation } from \"@reach/router\";\nimport {\n  FAQ_TOP_THREE_DATA,\n  FAQ_APPLICANT_DATA,\n  FAQ_INCOME_DATA,\n  FAQ_BORROWING_DATA,\n  FAQ_ADDITIONAL_BORROWING_DATA,\n  FAQ_PORTING_DATA,\n  FAQ_PROPERTY_DATA,\n  FAQ_PRODUCT_DATA,\n  FAQ_EXISTING_BORROWERS_DATA,\n  FAQ_FEES_DATA,\n} from \"../data/criteria.data\";\n\nimport \"../styles/app.scss\";\n\nexport default function FaqPage() {\n  const location = useLocation();\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\" && window.utag) {\n      triggerTealiumEvent({\n        tealiumEvent: \"view\",\n        pageUrl: location.href,\n        pageName: \"frequently asked questions\",\n        pageType: \"product information\",\n        pageSubCategory: \"frequently asked questions\",\n        rawDataLayer: \"10451v64\",\n      });\n\n      if (window.previousPath.split(\"/\").pop() === \"\" /*Homepage*/) {\n        triggerTealiumEvent({\n          tealiumEvent: \"link\",\n          pageUrl: window.previousPath,\n          eventCategory: \"content\",\n          eventAction: \"onsite\",\n          eventContent: \"faq | Home Page : \" + location.hash.slice(1),\n          pageType: \"homepage\",\n          pageSubCategory: \"Home\",\n          rawDataLayer: \"10451v4\",\n        });\n      }\n    }\n  }, [location.href, location.hash]);\n\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n\n  const handleClick = ({ sectionName, clickedText }) => {\n    if (typeof window !== \"undefined\" && window.utag) {\n      triggerTealiumEvent({\n        tealiumEvent: \"link\",\n        pageUrl: location.href,\n        pageName: \"frequently asked questions\",\n        eventCategory: \"content\",\n        eventAction: \"accordion\",\n        eventContent: `${sectionName} : ${clickedText}`,\n        pageType: \"product information\",\n        pageSubCategory: \"frequently asked questions\",\n        rawDataLayer: \"10451v67\",\n      });\n    }\n  };\n\n  return (\n    <Layout title=\"Frequently asked questions\">\n      <div className=\"page-section row\">\n        <div className=\"col-xs-12 col-md-12\">\n          <h1 className=\"page-title\">Frequently asked questions</h1>\n          <h2 className=\"subtitle\">Select FAQs category:</h2>\n          <Tabs\n            tabs={[\n              \"Top 3 FAQs\",\n              \"Applicant\",\n              \"Income\",\n              \"Borrowing\",\n              \"Additional Borrowing\",\n              \"Porting\",\n              \"Property\",\n              \"Product\",\n              \"Existing borrowers\",\n              \"Fees\",\n            ]}\n            activeTabIndex={selectedTabIndex}\n            setActiveTab={setSelectedTabIndex}\n            additionalClassName=\"tabs--horizontal\"\n            tabContent={[\n              [\n                <Fragment key={1}>\n                  <h2 className=\"strong\">Top 3 FAQs</h2>\n                  {FAQ_TOP_THREE_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      id={d.id}\n                      onClick={() => handleClick({ sectionName: \"Top 3 FAQs\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </Fragment>,\n              ],\n              [\n                <React.Fragment key={2}>\n                  <h2 className=\"strong\">Applicant</h2>\n                  {FAQ_APPLICANT_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Applicant\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={3}>\n                  <h2 className=\"strong\">Income</h2>\n                  {FAQ_INCOME_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Income\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={4}>\n                  <h2 className=\"strong\">Borrowing</h2>\n                  {FAQ_BORROWING_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Borrowing\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={5}>\n                  <h2 className=\"strong\">Additional Borrowing</h2>\n                  {FAQ_ADDITIONAL_BORROWING_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Additional Borrowing\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={6}>\n                  <h2 className=\"strong\">Porting</h2>\n                  {FAQ_PORTING_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Porting\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={7}>\n                  <h2 className=\"strong\">Property</h2>\n                  {FAQ_PROPERTY_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Property\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={8}>\n                  <h2 className=\"strong\">Product</h2>\n                  {FAQ_PRODUCT_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Product\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={9}>\n                  <h2 className=\"strong\">Existing borrowers</h2>\n                  {FAQ_EXISTING_BORROWERS_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Existing borrowers\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n              [\n                <React.Fragment key={10}>\n                  <h2 className=\"strong\">Fees</h2>\n                  {FAQ_FEES_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Fees\", clickedText: d.title })}\n                    >\n                      {d.children.map((item, ix) => (\n                        <React.Fragment key={ix}>{item}</React.Fragment>\n                      ))}\n                    </Accordion>\n                  ))}\n                </React.Fragment>,\n              ],\n            ]}\n          />\n        </div>\n      </div>\n    </Layout>\n  );\n}\n","var React = require('react');\n\nfunction ChevronLeftInline (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M10.5 0.207153L2.5 8.87506L10.5 17.543H8L0 8.87506L8 0.207153H10.5Z\",\"fill\":\"black\"}));\n}\n\nChevronLeftInline.defaultProps = {\"width\":\"11\",\"height\":\"18\",\"viewBox\":\"0 0 11 18\",\"fill\":\"none\"};\n\nmodule.exports = ChevronLeftInline;\n\nChevronLeftInline.default = ChevronLeftInline;\n","import React, { useContext, useState, useEffect } from \"react\";\nimport { MenuContext } from \"../../context\";\nimport ChevronLeft from \"../../assets/chevron-left.inline.svg\";\nimport ChevronRight from \"../../assets/chevron-left.inline.svg\";\n\nconst Tabs = ({\n  showPagination = false,\n  tabs,\n  tabContent,\n  activeTabIndex = 0,\n  setActiveTab,\n  additionalClassName,\n  onClick,\n}) => {\n  const menuContext = useContext(MenuContext);\n\n  /* TODO if we will get content remove the comments and ESLint disable */\n  /* eslint-disable no-unused-vars */\n  const activateTab = (event, index) => event.keyCode === 13 && setActiveTab(index);\n  /* eslint-enable no-unused-vars */\n  let tabItems = tabs.length;\n  const [emptyHash, setEmptyHashh] = useState(\"#\");\n  const [windowWidth, setWindowWidth] = useState(null);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      setWindowWidth(window.innerWidth);\n\n      if (windowWidth < 601) {\n        const tab = document.querySelector(\".tab--selected\");\n        const tabPosition = tab.offsetLeft;\n        const parentWidth = tab.parentNode.offsetWidth;\n        const scrollPosition = tabPosition - parentWidth / 2 + tab.offsetWidth / 2;\n        tab.parentNode.scrollLeft = scrollPosition;\n      }\n    }\n  }, [windowWidth]);\n\n  if (typeof window !== \"undefined\") {\n    if (window.location.href.indexOf(\"foreignLivingInUK\") > -1) {\n      setActiveTab(1);\n    } else if (window.location.href.indexOf(\"acceptForProofAddress\") > -1) {\n      setActiveTab(1);\n    } else if (window.location.href.indexOf(\"acceptFoProof\") > -1) {\n      setActiveTab(1);\n    } else if (window.location.href.indexOf(\"remortgagePurchase\") > -1) {\n      setActiveTab(1);\n    } else if (window.location.href.indexOf(\"additionalBorrowing\") > -1) {\n      setActiveTab(4);\n    } else if (window.location.href.indexOf(\"newBuildProperties\") > -1) {\n      setActiveTab(6);\n    } else if (window.location.href.indexOf(\"overpaymentsAllowed\") > -1) {\n      setActiveTab(8);\n    }\n  }\n\n  const changeHash = () => {\n    if (typeof window !== `undefined`) {\n      window.history.pushState(\"object or string\", \"Title\", `${emptyHash}`);\n    }\n  };\n\n  return (\n    <section className={`${additionalClassName || \"\"} tabs`} id=\"main-tab\">\n      {tabs && tabs.length && (\n        <div className=\"tabs__titles\" role=\"tablist\">\n          {tabs.map((tab, index) => (\n            <button\n              className={`tab ${index === activeTabIndex ? \"tab--selected\" : \"\"}`}\n              key={tab}\n              aria-selected={index === activeTabIndex}\n              aria-controls={`panel-${index}`}\n              id={`tab-${index}`}\n              role=\"tab\"\n              onKeyDown={(e) => activateTab(e, index)}\n              onClick={() => {\n                setActiveTab(index);\n                setEmptyHashh(\"\");\n                changeHash();\n              }}\n              inert={menuContext.isMenuOpen ? \"true\" : null}\n            >\n              {tab}\n            </button>\n          ))}\n        </div>\n      )}\n      {/* Tabs content section */}\n      <div className=\"tabs__content\">\n        {tabContent[activeTabIndex]}\n        {showPagination && (\n          <nav className=\"tabs__pagination\">\n            <ul>\n              <li>\n                {activeTabIndex >= 1 && (\n                  <a\n                    href=\"#steps\"\n                    onClick={() => {\n                      setActiveTab(activeTabIndex - 1);\n                      onClick(\"Previous step\");\n                    }}\n                  >\n                    <ChevronLeft /> Previous step\n                  </a>\n                )}\n              </li>\n              <li>\n                {activeTabIndex < tabItems - 1 && (\n                  <a\n                    href=\"#steps\"\n                    onClick={() => {\n                      setActiveTab(activeTabIndex + 1);\n                      onClick(\"Next step\");\n                    }}\n                  >\n                    Next step <ChevronRight />\n                  </a>\n                )}\n              </li>\n            </ul>\n          </nav>\n        )}\n      </div>\n    </section>\n  );\n};\n\nexport default Tabs;\n"],"sourceRoot":""}