{"version":3,"sources":["webpack:///./src/assets/images/about-us/AyalaLandInternational.png","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/templates/LegalPages/TermsAndConditions.tsx","webpack:///./src/components/AboutUsPage/Hero/index.tsx","webpack:///./src/components/ContentNav/index.tsx","webpack:///./src/components/ContentContainer/index.tsx","webpack:///./src/components/Header/Header.tsx","webpack:///./src/components/Layout/AboutUs.tsx","webpack:///./src/components/Content/index.tsx"],"names":["module","exports","GridLogo","id","width","height","viewBox","version","stroke","strokeWidth","fill","fillRule","opacity","transform","d","links","name","url","TermsAndConditions","termsAndConditionData","useStaticQuery","termsAndConditions","containers","field_collections","fields","title","value","body","heroImage","heroBanner","image","active","dangerouslySetInnerHTML","__html","Hero","heroTitle","aboutUsHeroBanner","bannerImage","className","src","alt","ayalaLogo","ContentNav","props","isActive","isLinks","useState","setActive","map","link","index","tempActive","key","onClick","navigate","onMouseEnter","onMouseLeave","ContentContainer","children","Header","linkData","socialMediaList","socialLinks","socialMediaLinks","filter","x","includes","toLowerCase","solidBG","setSolidBG","useEffect","bs1","document","querySelector","bs2","solid","window","onscroll","scrollY","classList","replace","watchScroll","navLinks","menu","setMenu","toggleMenu","noData","to","size","slice","item","Math","random","activeLink","href","searchIcon","burger","role","type","target","rel","AboutUsLayout","Content"],"mappings":"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","file":"component---src-templates-legal-pages-terms-and-conditions-tsx-cbb7b632b002a42abfd1.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/AyalaLandInternational-dcdc6fd60fb630a31ac48e7649fab1a2.png\";","import React from 'react'\n\nconst GridLogo: React.FC = () => {\n  return (\n    <div id=\"grid-logo\">\n      <svg width=\"989px\" height=\"895px\" viewBox=\"0 0 989 895\" version=\"1.1\">\n        <g id=\"Aug-3-Sprint\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\" opacity=\"0.300000012\">\n          <g id=\"Main-Landing-page\" transform=\"translate(-418.000000, 0.000000)\" stroke=\"#E1E1E1\" strokeWidth=\"0.5\">\n            <path\n              d=\"M545.684372,-8 L729.031649,330.244965 L759.017787,274.783746 L605.697007,-8 L731.251349,-8 L821.250123,161.122483 L914.598626,-8 L1005.72743,161.122483 L1097.9459,-8 L1223.50025,-8 L792.878312,780.258183 L1161.18719,780.258183 L1223.50025,894 L605.737365,894 L943.252944,274.582362 L913.83182,217.953115 L546.209028,894 L419,894 L667.122179,442.979862 L419,-8 L545.684372,-8 Z M1406,-8 L1162.11543,442.979862 L1406,894 L1284.07789,894 L1097.98626,554.02313 L1012.10402,715.412458 L886.065383,715.412458 L1284.80434,-8 L1406,-8 Z\"\n              id=\"Combined-Shape\"\n            />\n          </g>\n        </g>\n      </svg>\n    </div>\n  )\n}\n\nexport default GridLogo\n","import React, { ReactElement } from 'react'\nimport AboutUsLayout from '../../components/Layout/AboutUs'\n\nimport SEO from '../../components/SEO/SEO'\nimport Content from '../../components/Content'\nimport ContentNav from '../../components/ContentNav'\n\nimport { graphql, useStaticQuery } from 'gatsby'\n\nconst links = [\n  {\n    name: 'Privacy Notice',\n    url: '/privacy-notice'\n  },\n  {\n    name: 'Terms and Conditions',\n    url: '/terms-and-conditions'\n  }\n]\n\nconst TermsAndConditions = (): ReactElement => {\n  const termsAndConditionData = useStaticQuery(graphql`\n    query {\n      termsAndConditions {\n        id\n        name\n        containers {\n          name\n          field_collections {\n            name\n            fields {\n              name\n              value\n            }\n          }\n        }\n      }\n      heroBanner(title: { eq: \"Terms\" }) {\n        image\n      }\n    }\n  `)\n\n  const termsAndConditions = termsAndConditionData.termsAndConditions.containers[0].field_collections[0].fields\n\n  const title = termsAndConditions ? termsAndConditions[0].value : ''\n  const body = termsAndConditions && termsAndConditions[1] ? termsAndConditions[1].value : ''\n\n  return (\n    <AboutUsLayout heroImage={termsAndConditionData.heroBanner ? termsAndConditionData.heroBanner.image : ''}>\n      <SEO title=\"Terms and Conditions - ALISI | Ayala Land\" />\n      <ContentNav links={links} active={1} />\n      <Content>\n        <h1>{title}</h1>\n\n        <div\n          dangerouslySetInnerHTML={{\n            __html: body\n          }}\n        />\n      </Content>\n    </AboutUsLayout>\n  )\n}\n\nexport default TermsAndConditions\n","import { graphql, useStaticQuery } from 'gatsby'\nimport React from 'react'\n\nimport './Hero.scss'\nimport ayalaLogo from '../../../assets/images/about-us/AyalaLandInternational.png'\nimport GridLogo from '../../GridLogo/GridLogo'\n\nconst Hero = ({ heroImage, heroTitle }: any): JSX.Element => {\n  const aboutUsHeroBanner = useStaticQuery(graphql`\n    query {\n      heroBanner(title: { eq: \"About Us\" }) {\n        image\n      }\n    }\n  `)\n  const image = aboutUsHeroBanner.heroBanner ? aboutUsHeroBanner.heroBanner.image : ''\n  const bannerImage = heroImage || image\n  const title = heroTitle || ''\n\n  return (\n    <>\n      <div className=\"about-us-hero-banner\" />\n\n      <div className=\"about-us-banner-container\">\n        <div className=\"about-us-hero-media\">\n          <img className=\"fade-in\" src={bannerImage} alt=\"hero banner\" />\n        </div>\n      </div>\n\n      <div className=\"about-us-hero-mask-2\" />\n      <div className=\"about-us-hero-mask\" />\n      <div className=\"about-us-hero-grid\">\n        <GridLogo />\n      </div>\n      <div className=\"about-us-hero-header\">\n        <div className=\"about-us-header-wrapper\">\n          <div className=\"filler\" />\n          <div className=\"content\">\n            <img src={ayalaLogo} alt=\"ayala land logo\" />\n            <h1>{title}</h1>\n          </div>\n          <div className=\"filler\" />\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Hero\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable import/no-extraneous-dependencies */\nimport React, { useState } from 'react'\nimport { navigate } from '@reach/router'\n\nimport './ContentNav.scss'\n\nconst ContentNav = (props: any): JSX.Element => {\n  const { links, isActive } = props\n  const isLinks: any = links && links\n\n  const [active, setActive] = useState(isActive)\n\n  return (\n    <div className=\"content-nav-container\">\n      {isLinks &&\n        isLinks.map((link: { name: string; url: string }, index: number) => {\n          const tempActive = active === index ? 'active' : ''\n          return (\n            <div\n              key={link.url}\n              onClick={(): any => navigate(link.url)}\n              className={`content-nav-button ${tempActive}`}\n              onMouseEnter={(): void => setActive(index)}\n              onMouseLeave={(): void => setActive(isActive)}\n            >\n              {link.name}\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default ContentNav\n","import React from 'react'\n\nimport './ContentContainer.scss'\n\nconst ContentContainer = (props: any) => {\n  return (\n    <div className=\"page-container\">\n      <div className=\"page-wrapper\">\n        <div className=\"content-paper\">{props.children}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default ContentContainer\n","import { graphql, Link, useStaticQuery } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\n\nimport './Header.scss'\nimport burger from '../../assets/svg/burger.svg'\nimport searchIcon from '../../assets/svg/search.svg'\nimport Logo from '../Logo/Logo'\n\nconst Header = (props: any): JSX.Element => {\n  const linkData = useStaticQuery(graphql`\n    query headerSocialLinks {\n      socialMediaLinks {\n        links {\n          id\n          link\n          category\n          name\n        }\n      }\n    }\n  `)\n\n  const socialMediaList = ['facebook', 'instagram', 'youtube', 'twitter']\n  const socialLinks =\n    linkData && linkData.socialMediaLinks\n      ? linkData.socialMediaLinks.links\n          .filter((x: any) => {\n            return !x.name.includes('Career')\n          })\n          .filter((x: any) => {\n            return socialMediaList.includes(x.name.toLowerCase())\n          })\n      : []\n\n  const [solidBG, setSolidBG] = useState<boolean>(false)\n\n  const watchScroll = (): void => {\n    let bs1: any = document.querySelector('.menu-base-details')\n    let bs2: any = document.querySelector('.property-base-menu')\n\n    if (!props.solid) {\n      const breakPoint = 200\n      const footerBreakPoint = 1200\n      window.onscroll = (): void => {\n        if (window.scrollY > breakPoint) {\n          setSolidBG(true)\n        } else {\n          setSolidBG(false)\n        }\n\n        if (window.scrollY > footerBreakPoint) {\n          if (bs1) {\n            bs1.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n        } else {\n          if (bs1) {\n            bs1.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs1.classList.replace('base-menu', 'slide-in-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs2.classList.replace('base-menu', 'slide-in-bottom')\n          }\n        }\n      }\n    } else {\n      setSolidBG(true)\n    }\n  }\n\n  useEffect(() => {\n    watchScroll()\n  }, [])\n\n  interface Links {\n    name: string\n    url: string\n    type?: string\n  }\n\n  const navLinks = [\n    {\n      id: 1,\n      name: 'Home',\n      url: '/'\n    },\n    {\n      id: 2,\n      name: 'Our Properties',\n      url: '/properties'\n    },\n    {\n      id: 3,\n      name: 'Destinations',\n      url: '/destinations'\n    },\n    {\n      id: 4,\n      name: 'News and Events',\n      url: '/news-and-events'\n    },\n    {\n      id: 5,\n      name: 'Homebuying Guide',\n      url: '/homebuying-guide'\n    },\n    {\n      id: 6,\n      name: 'Sellers Home',\n      url: '/sellers-home'\n    },\n    {\n      id: 7,\n      name: 'About us',\n      url: '/about-us'\n    },\n    {\n      id: 8,\n      name: 'Careers',\n      url: '/careers'\n    }\n  ]\n\n  const [menu, setMenu] = useState<boolean>(false)\n\n  const toggleMenu = (): void => {\n    setMenu(!menu)\n  }\n\n  return (\n    <>\n      <div className={`header ${solidBG ? 'solid' : props.noData ? 'solid' : ''}`}>\n        <Link to=\"/\" className=\"logo-link\">\n          <Logo fill=\"#fff\" size={70} id=\"header-logo\" />\n        </Link>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\" id=\"mid-nav\">\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.slice(1, 5).map((item: Links) => {\n                  return (\n                    <div key={Math.random()}>\n                      {props.activeLink === item.name && <div className=\"active-bar fade-in dl-2\" />}\n                      <a href={item.url} className={`${props.activeLink === item.name ? 'active' : ''}`}>\n                        {item.name}\n                      </a>\n                    </div>\n                  )\n                })}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\">\n            <a href=\"/search\">\n              <img src={searchIcon} alt=\"search icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">search</span>\n            </a>\n            <a href=\"#menu\" onClick={toggleMenu}>\n              <img src={burger} alt=\"burger icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">menu</span>\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {menu && (\n        <>\n          <div className=\"nav-menu-wrapper fade-in\" role=\"button\" onClick={toggleMenu} />\n          <div className=\"menu-sidebar slide-in-right\">\n            <i className=\"la la-close close-btn la-2x\" onClick={toggleMenu} />\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.map((item: Links) => {\n                  return (\n                    <a href={item.url} key={Math.random()}>\n                      <div>\n                        <span>{item.name}</span>\n                        {item.type ? <i className=\"la la-angle-down\" /> : ''}\n                      </div>\n                    </a>\n                  )\n                })}\n            </div>\n\n            <div className=\"menu-footer\">\n              <div className=\"menu-footer-content\">\n                <div className=\"social-links\">\n                  {socialLinks &&\n                    socialLinks.map((item: { link: string; name: string }) => {\n                      if (item.name !== '') {\n                        return (\n                          <a href={item.link} target=\"_blank\" rel=\"noreferrer\" key={Math.random()} title={item.link}>\n                            <i className={`la la-${item.name.toLowerCase()}`} />\n                          </a>\n                        )\n                      }\n                    })}\n                </div>\n\n                <div className=\"footer-credits\">\n                  <small>Powered By:</small>\n                  <a href=\"https://whitecloak.com\" target=\"_blank\" rel=\"noreferrer\">\n                    White Cloak Technologies Inc.\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default Header\n","import React, { ReactElement } from 'react'\nimport Header from '../Header/Header'\nimport Footer from '../Footer/Footer'\nimport './Layout.scss'\nimport './Animations.scss'\nimport Hero from '../AboutUsPage/Hero'\nimport ContentContainer from '../ContentContainer'\n\ntype LayoutPropTypes = {\n  children?: string | Element | ReactElement | boolean | (string | Element | ReactElement | boolean)[]\n  heroImage?: string\n}\n\nconst AboutUsLayout = ({ children, heroImage }: LayoutPropTypes): ReactElement => (\n  <>\n    <Header />\n    <Hero heroImage={heroImage} />\n    <ContentContainer>{children}</ContentContainer>\n    <Footer />\n  </>\n)\n\nexport default AboutUsLayout\n","import React from 'react'\n\nimport './Content.scss'\n\nconst Content = ({ children }: any): JSX.Element => {\n  return <div className=\"content-container fade-in-bottom\">{children}</div>\n}\n\nexport default Content\n"],"sourceRoot":""}