{"version":3,"sources":["webpack:///./src/components/ContactUsPage/links.ts","webpack:///./src/assets/images/about-us/AyalaLandInternational.png","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/components/Modal/Modal.tsx","webpack:///./src/assets/images/RollingDoodle.png","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/ContactUsPage/InternationalOffices/index.tsx","webpack:///./src/templates/ContactUs/InternationalOffices/index.tsx","webpack:///./src/components/ContactUsPage/ContactForm/TermsModal.tsx","webpack:///./src/components/ContactUsPage/ContactForm/PrivacyModal.tsx","webpack:///./src/components/ContactUsPage/ContactForm/SubmitModal.tsx","webpack:///./src/components/Layout/ContactUs.tsx","webpack:///./src/components/Content/index.tsx"],"names":["links","name","url","module","exports","GridLogo","id","width","height","viewBox","version","stroke","strokeWidth","fill","fillRule","opacity","transform","d","ModalComponent","props","onClose","children","className","onClick","Hero","heroImage","heroTitle","aboutUsHeroBanner","useStaticQuery","image","heroBanner","bannerImage","title","src","alt","ayalaLogo","ContentNav","isActive","isLinks","useState","active","setActive","map","link","index","tempActive","key","navigate","onMouseEnter","onMouseLeave","ContentContainer","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","InternationalOffices","contactData","localOffices","internationalOffices","list","Content","office","address","telHotline","split","join","telNumber","email","InternationalOfficesPage","contactUsHeroBanner","ContactUs","SEO","TermsModal","termsAndConditions","containers","field_collections","fields","Modal","value","dangerouslySetInnerHTML","__html","PrivacyModal","privacyPolicy","body","splashImage","onCloseTerms","termsModal","onClosePrivacy","privacyModal","onCloseSubmit","submitModal","SubmitModal","Footer"],"mappings":"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","file":"component---src-templates-contact-us-international-offices-index-tsx-63be7d76c6068fa6a530.js","sourcesContent":["export const links = [\n  {\n    name: 'Contact Form',\n    url: '/contact-us'\n  },\n  {\n    name: 'International Offices',\n    url: '/contact-us/international-offices'\n  },\n  {\n    name: 'Local Offices',\n    url: '/contact-us/local-offices'\n  }\n]\n","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","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react'\n\nimport './Modal.scss'\n\nconst ModalComponent = (props: any): JSX.Element => {\n  const { onClose, children } = props\n  return (\n    <>\n      <div className=\"paper-container\">\n        <div className=\"paper fade-in-bottom\">\n          <div className=\"close-icon\">\n            <i className=\"la la-close close-btn\" onClick={onClose} />\n          </div>\n          <div>{children}</div>\n        </div>\n      </div>\n      <div className=\"modal-container\" onClick={onClose} />\n    </>\n  )\n}\n\nexport default ModalComponent\n","module.exports = __webpack_public_path__ + \"static/RollingDoodle-0976e44fc5adb5e7522766a8d91a24a0.png\";","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 from 'react'\n\nimport ContentNav from '../../ContentNav'\nimport Content from '../../Content'\nimport { graphql, useStaticQuery } from 'gatsby'\n\nimport { links } from '../links'\n\nconst InternationalOffices = () => {\n  const contactData = useStaticQuery(graphql`\n    query internationalOffices {\n      internationalOffices {\n        list {\n          title\n          address\n          telHotline\n          telNumber\n          email\n        }\n      }\n    }\n  `)\n\n  const localOffices: any = contactData && contactData.internationalOffices.list ? contactData.internationalOffices.list : []\n\n  return (\n    <>\n      <ContentNav links={links} active={1} />\n      <Content>\n        <h1>International Offices</h1>\n\n        {localOffices.map((office: any) => {\n          return (\n            <>\n              <h2>{office.title}</h2>\n\n              <span>{office.address}</span>\n              <br />\n              <br />\n              <b>\n                {office.telHotline && office.telHotline.split(' ').join('-')}\n                {office.telNumber && `,${office.telNumber.split(' ').join('-')}`}\n              </b>\n              {office.email !== '' && office.email && (\n                <>\n                  <br />\n                  <a href={`mailto: ${office.email}`}>\n                    <i className=\"la la-envelope\" /> {office.email}\n                  </a>\n                </>\n              )}\n\n              <div className=\"line-divider\" />\n            </>\n          )\n        })}\n      </Content>\n    </>\n  )\n}\n\nexport default InternationalOffices\n","import { graphql, useStaticQuery } from 'gatsby'\nimport React, { ReactElement } from 'react'\n\nimport ContactUs from '../../../components/Layout/ContactUs'\nimport InternationalOffices from '../../../components/ContactUsPage/InternationalOffices'\nimport SEO from '../../../components/SEO/SEO'\n\nconst InternationalOfficesPage = (): ReactElement => {\n  const contactUsHeroBanner = useStaticQuery(graphql`\n    query {\n      heroBanner(title: { eq: \"Contact Us\" }) {\n        image\n      }\n    }\n  `)\n  return (\n    <ContactUs heroImage={contactUsHeroBanner.heroBanner ? contactUsHeroBanner.heroBanner.image : ''}>\n      <SEO title=\"INTERNATIONAL OFFICES - ALISI | Ayala Land\" />\n      <InternationalOffices />\n    </ContactUs>\n  )\n}\n\nexport default InternationalOfficesPage\n","import React from 'react'\n\nimport Modal from '../../Modal/Modal'\nimport { graphql, useStaticQuery } from 'gatsby'\n\nconst TermsModal = (props: any) => {\n  const termsModalData = 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    }\n  `)\n\n  const termsAndConditions = termsModalData.termsAndConditions.containers[0].field_collections[0].fields\n\n  return (\n    <Modal onClose={props.onClose}>\n      <h1>{termsAndConditions[0].value}</h1>\n\n      <div\n        dangerouslySetInnerHTML={{\n          __html: termsAndConditions[1] ? termsAndConditions[1].value : ''\n        }}\n      />\n    </Modal>\n  )\n}\n\nexport default TermsModal\n","import { graphql, useStaticQuery } from 'gatsby'\nimport React from 'react'\n\nimport Modal from '../../Modal/Modal'\n\ninterface PrivacyModalType {\n  onClose: (() => void) | undefined\n}\n\nconst PrivacyModal = ({ onClose }: PrivacyModalType): JSX.Element => {\n  const privacyPolicyData = useStaticQuery(graphql`\n    query {\n      privacyPolicy {\n        id\n        name\n        containers {\n          name\n          field_collections {\n            name\n            fields {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const privacyPolicy = privacyPolicyData.privacyPolicy.containers[0].field_collections[0].fields\n  const title = privacyPolicy[0].value\n  const body = privacyPolicy[1].value\n\n  return (\n    <Modal onClose={onClose}>\n      <h1>{title}</h1>\n      <div dangerouslySetInnerHTML={{ __html: body }} />\n    </Modal>\n  )\n}\n\nexport default PrivacyModal\n","import React from 'react'\n\nimport Modal from '../../Modal/Modal'\nimport splashImage from '../../../assets/images/RollingDoodle.png'\n\nconst TermsModal = ({ onClose }: any): JSX.Element => {\n  return (\n    <Modal onClose={onClose}>\n      <div className=\"submit-modal\">\n        <div>\n          <img src={splashImage} alt=\"splash\" className=\"fade-in-bottom dl-2\" />\n        </div>\n        <div>\n          <h1 className=\"fade-in-bottom dl-4\">Thanks for being awesome!</h1>\n          <p className=\"fade-in-bottom dl-6\">\n            We appreciate you contacting us at Ayala Land International Sales, Inc. One of our colleagues will get back in touch with you\n            soon!\n          </p>\n          <p className=\"fade-in-bottom dl-8\">Have a great day!</p>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport default TermsModal\n","import React, { ReactElement, SetStateAction } 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  onCloseTerms?: () => void\n  onClosePrivacy?: () => void\n  onCloseSubmit?: () => void\n  termsModal?: boolean\n  privacyModal?: boolean\n  submitModal?: boolean\n}\n\nimport TermsModal from '../ContactUsPage/ContactForm/TermsModal'\nimport PrivacyModal from '../ContactUsPage/ContactForm/PrivacyModal'\nimport SubmitModal from '../ContactUsPage/ContactForm/SubmitModal'\n\nconst ContactUs = ({\n  children,\n  heroImage,\n  onCloseTerms,\n  termsModal,\n  onClosePrivacy,\n  privacyModal,\n  onCloseSubmit,\n  submitModal\n}: LayoutPropTypes): ReactElement => (\n  <>\n    <Header />\n    {termsModal && <TermsModal onClose={onCloseTerms} />}\n    {privacyModal && <PrivacyModal onClose={onClosePrivacy} />}\n    {submitModal && <SubmitModal onClose={onCloseSubmit} />}\n    <Hero heroImage={heroImage} />\n    <ContentContainer>{children}</ContentContainer>\n    <Footer />\n  </>\n)\n\nexport default ContactUs\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":""}