{"version":3,"sources":["webpack:///./src/pages/legal-information.js","webpack:///./src/assets/chevron-left.inline.svg","webpack:///./src/components/tabs/tabs.component.js"],"names":["LegalInformations","_useState2","_slicedToArray","useState","selectedTabIndex","setSelectedTabIndex","location","useLocation","useEffect","hash","slice","console","log","window","_typeof","scrollTo","top","utag","triggerTealiumEvent","tealiumEvent","pageUrl","href","pageName","pageType","pageSubCategory","rawDataLayer","handleClick","_ref","sectionName","clickedText","eventCategory","eventAction","eventContent","concat","React","createElement","Layout","title","metaDescription","className","Tabs","tabs","activeTabIndex","setActiveTab","additionalClassName","tabContent","Fragment","key","LEGAL_TERMS_AND_CONDITIONS_DATA","map","d","index","Accordion","onClick","children","item","ix","LEGAL_INFO_SITE_MAP_DATA","LEGAL_INFO_MORTGAGE_DATA","LEGAL_INFO_CUSTOMER_PRIVACY_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","id","role","aria-selected","aria-controls","onKeyDown","e","event","keyCode","activateTab","history","pushState","inert","isMenuOpen","ChevronLeft","ChevronRight"],"mappings":"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","file":"component---src-pages-legal-information-js-e368326ca4fdc87234de.js","sourcesContent":["import React, { useState, Fragment, useEffect } from \"react\";\nimport { useLocation } from \"@reach/router\";\nimport Layout from \"../components/layout\";\nimport Tabs from \"../components/tabs/tabs.component\";\nimport Accordion from \"../components/accordion/accordion.component\";\nimport \"../styles/app.scss\";\nimport { triggerTealiumEvent } from \"../utils/tealiumUtils\";\nimport {\n  LEGAL_TERMS_AND_CONDITIONS_DATA,\n  LEGAL_INFO_SITE_MAP_DATA,\n  LEGAL_INFO_MORTGAGE_DATA,\n  LEGAL_INFO_CUSTOMER_PRIVACY_DATA,\n} from \"../data/criteria.data\";\n\nexport default function LegalInformations() {\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n  const location = useLocation();\n\n  // Handle hash changes\n  useEffect(() => {\n    const hash = location.hash.slice(1); // remove the '#' from the hash\n    console.log(\"Current hash:\", hash);\n\n    if (hash === \"accessibility\") {\n      setSelectedTabIndex(1);\n    } else if (hash === \"sitemap\") {\n      setSelectedTabIndex(2);\n    } else {\n      setSelectedTabIndex(0);\n    }\n\n    if (typeof window !== `undefined`) {\n      window.scrollTo({ top: 0 });\n    }\n\n    if (typeof window !== \"undefined\" && window.utag) {\n      triggerTealiumEvent({\n        tealiumEvent: \"view\",\n        pageUrl: location.href,\n        pageName: \"legal information\",\n        pageType: \"product information\",\n        pageSubCategory: \"legal information\",\n        rawDataLayer: \"10451v57\",\n      });\n    }\n  }, [location.hash, location.href]);\n\n  const handleClick = ({ sectionName, clickedText }) => {\n    if (typeof window !== \"undefined\" && window.utag) {\n      triggerTealiumEvent({\n        tealiumEvent: \"link\",\n        pageUrl: location.href,\n        pageName: \"legal information\",\n        eventCategory: \"content\",\n        eventAction: \"accordion\",\n        eventContent: `${sectionName} : ${clickedText}`,\n        pageType: \"product information\",\n        pageSubCategory: \"legal information\",\n        rawDataLayer: \"10451v60\",\n      });\n    }\n  };\n\n  return (\n    <Layout title=\"Legal information\" metaDescription=\"Legal information on HSBC website.\">\n      <div className=\"page-section row\">\n        <div className=\"col-xs-12 col-md-12\">\n          <h1 className=\"page-title\">Legal information</h1>\n          <br />\n          <br />\n          <Tabs\n            tabs={[\n              \"Website Terms And Conditions\",\n              \"Accessibility\",\n              \"Site map\",\n              \"Morgage Intermediary Portal Privacy Notice\",\n              \"Customer privacy notice\",\n            ]}\n            activeTabIndex={selectedTabIndex}\n            setActiveTab={setSelectedTabIndex}\n            additionalClassName=\"tabs--horizontal\"\n            tabContent={[\n              [\n                <Fragment key={1}>\n                  <h2 className=\"strong\">Website Terms and Conditions</h2>\n                  <br />\n                  <p>\n                    This document sets out the terms and conditions ('Terms') governing your use of this website,\n                    including <a href=\"https://platform.intermediaries.hsbc.co.uk\">platform.intermediaries.hsbc.co.uk</a>{\" \"}\n                    (the 'Platform') (together the 'Site'). Use of the Site includes accessing, browsing or registering to\n                    use the Site.\n                  </p>\n                  {LEGAL_TERMS_AND_CONDITIONS_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Website Terms and Conditions\", 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                <Fragment key={2}>\n                  <h2>\n                    <strong>Accessibility</strong>\n                  </h2>\n                  <br />\n                  <ul className=\"accessibility-list\">\n                    <li>We only use strong colour contrasts</li>\n                    <li>Headings are used correctly to make them readable through screen readers</li>\n                    <li>Links do what they say. We don't use 'click here'</li>\n                    <li>Tables are laid out in tabular form with headings and summaries</li>\n                    <li>\n                      We use style sheets to determine the presentation of our web site - this assists those using\n                      screen reading devices\n                    </li>\n                    <li>\n                      Where we use images, we use alternative text so that those people who cannot see the image can\n                      read the text. These can be read by screen reading devices.\n                    </li>\n                  </ul>\n                  <h3>\n                    <strong>System requirement</strong>\n                  </h3>\n                  <p>\n                    Personal Internet Banking is available to both PC and Apple Mac users with modern internet enabled\n                    machines.\n                    <br />\n                    Range of browsers and operating systems that we support:\n                  </p>\n                  <p>\n                    <strong>Browsers</strong>\n                  </p>\n                  <ul className=\"accessibility-list\">\n                    <li>Internet Explorer 11</li>\n                    <li>Safari 6 and above</li>\n                    <li>Google Chrome latest</li>\n                    <li>We are accessible in various smart phone browsers</li>\n                  </ul>\n                  <p>\n                    <strong>Operating systems</strong>\n                  </p>\n                  <ul className=\"accessibility-list\">\n                    <li>Windows 7, 10</li>\n                    <li>Mac OS X 10.10 and above</li>\n                  </ul>\n                  <p>\n                    Browser updates are available free of charge from each browser provider. Operating systems can be\n                    purchased from software vendors.\n                  </p>\n                  <p>\n                    We will update our list of supported browsers and operating systems from time to time as the\n                    software used by our customers changes.\n                  </p>\n                  <p>The details are correct as of 1 October 2015.</p>\n                  <p>\n                    <strong>Reasons to upgrade your browser</strong>\n                  </p>\n                  <ul className=\"accessibility-list\">\n                    <li>New versions are more secure</li>\n                    <li>New versions are faster</li>\n                    <li>Improved browsing experience</li>\n                  </ul>\n                  <p>Browser updates are available from Microsoft, Firefox, Safari, Google.</p>\n                </Fragment>,\n              ],\n              [\n                <React.Fragment key={3}>\n                  <h2 className=\"strong\">Site map</h2>\n                  {LEGAL_INFO_SITE_MAP_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Site map\", 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\">Privacy Notice</h2>\n                  {LEGAL_INFO_MORTGAGE_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Privacy Notice\", 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\">Customer privacy notice</h2>\n                  {LEGAL_INFO_CUSTOMER_PRIVACY_DATA[\"accordionList\"].map((d, index) => (\n                    <Accordion\n                      key={index}\n                      title={d.title}\n                      onClick={() => handleClick({ sectionName: \"Customer privacy notice\", 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":""}