{"version":3,"file":"component---src-templates-contact-us-js-001766d7339d304d1f66.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Hero/Heading.js","webpack://gatsby-starter-default/./src/components/Seamless.js","webpack://gatsby-starter-default/./src/hooks/useForms.js","webpack://gatsby-starter-default/./src/templates/contact-us.js"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Text } from \"../Core\"\nimport { Columns } from \"../Containers\"\n\nconst Heading = ({ heading, blurb, sideColumnsSize = 2, className }) => {\n  if (!heading) return <></>\n\n  const mainClasses = classNames(className, \"page-heading\")\n\n  return (\n    <div className={mainClasses}>\n      <Columns sideColumnsSize={sideColumnsSize}>\n        <div className=\"column\">\n          <Text as=\"h1\" text={heading} />\n          {blurb && <Text text={blurb} />}\n        </div>\n      </Columns>\n    </div>\n  )\n}\n\nexport default Heading\n","import React, { useState, useEffect } from \"react\"\nimport classNames from \"classnames\"\nimport { Helmet } from \"react-helmet\"\n\n// example src prop\n// https://secureform.seamlessdocs.com/f/f0502156ae49efe8f6208cb42986f460?embedded=true\n\nconst Seamless = ({ src, className }) => {\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    // Load Seamless resizer JS when mounted\n    setMounted(true)\n    return () => {\n      setMounted(false)\n    }\n  }, [])\n\n  const iframeClasses = classNames(\"seamlessdocsEmbededIframe\", className)\n\n  return (\n    <>\n      {mounted && (\n        <Helmet>\n          <script>\n            {`window.seamlessVariables = {url:\"https://secureform.seamlessdocs.com\"};`}\n          </script>\n          <script\n            type=\"text/javascript\"\n            src=\"https://secureform.seamlessdocs.com/components/odoForms/js/embed-iframe/head.js\"></script>\n          <script\n            type=\"text/javascript\"\n            src=\"https://secureform.seamlessdocs.com/components/odoForms/js/embed-iframe/body.js\"></script>\n        </Helmet>\n      )}\n      <iframe\n        className={iframeClasses}\n        src={src}\n        frameBorder=\"0\"\n        height=\"700px\"\n        width=\"100%\"\n        allowtransparency=\"true\"\n        sandbox=\"allow-modals allow-forms allow-scripts allow-same-origin allow-popups allow-top-navigation-by-user-activation\"></iframe>\n    </>\n  )\n}\n\nexport default Seamless\n","import { useStaticQuery, graphql } from \"gatsby\"\n\nconst useForms = id => {\n  const data = useStaticQuery(graphql`\n    query formQuery {\n      forms: allDataJson(filter: { optionsItem: { eq: \"seamless\" } }) {\n        nodes {\n          allSeamlessForms {\n            embedUrl\n            seamlessShortcode\n            title\n          }\n        }\n      }\n    }\n  `)\n\n  const allForms = data.forms.nodes[0].allSeamlessForms\n\n  let form = {}\n\n  if (!id) return form\n\n  const find = allForms.find(f => f.seamlessShortcode === id)\n\n  if (find) {\n    form = find\n  }\n  return { form }\n}\n\nexport default useForms\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport Seamless from \"../components/Seamless\"\nimport SEO from \"../components/seo\"\nimport { Image, Text } from \"../components/Core\"\nimport { Office, Hours, Phone } from \"../components/locations\"\nimport { Heading } from \"../components/Hero\"\nimport { Section, Columns } from \"../components/Containers\"\nimport useForms from \"../hooks/useForms\"\n\nimport { getPostObj } from \"../utils/utils\"\n\nconst ContactUsPage = ({ pageContext, location, data }) => {\n  const { post, language } = getPostObj(\n    pageContext,\n    data.allUniquePagesJson.nodes[0],\n    data.allSpanishUniquePagesJson.nodes[0]\n  )\n  const translations = data.translations.nodes[0]\n\n  const { form } = useForms(post.formId)\n\n  const locations = data.allLocationsJson.nodes\n\n  return (\n    <Layout\n      className={`contact-us`}\n      layoutClass=\"contact-fab\"\n      language={language}>\n      <SEO\n        title={post.metaTitle}\n        description={post.metaDescription}\n        pathname={location.pathname}\n        lang={language}\n      />\n      <Heading heading={post.heading} />\n\n      <Image\n        className=\"splash\"\n        publicId={post.googleMapsBackground.splashPublicId}\n        useAR\n      />\n\n      <Section>\n        <Columns sideColumnsSize={2}>\n          <div className=\"column\">\n            <Text as=\"h2\" className=\"mt-0\" text={post.contactBody.heading} />\n            <Text text={post.contactBody.blurb} />\n            <Seamless className=\"mt-3\" src={form.embedUrl} />\n          </div>\n          <div className=\"column is-1 is-hidden-touch\"></div>\n          <div className=\"column is-6 is-hidden-touch\">\n            <div className=\"contact-us__sidebar\">\n              <Text as=\"h5\" text={translations.address[language]} />\n              {locations.map((local, i) => (\n                <div className=\"contact-us__sidebar-address\" key={i}>\n                  <p className=\"bold\">{`${local.locationData.locationName} Office`}</p>\n                  <Office\n                    city={local.locationData.cityName}\n                    state={local.locationData.stateAbbr}\n                    zip={local.locationData.cityZip}\n                    streetName={local.locationData.streetName}\n                    streetNumber={local.locationData.streetNumber}\n                    gmb={local.locationData.googlePlaceLink}\n                  />\n                </div>\n              ))}\n\n              <Text as=\"h5\" text={translations.hours[language]} />\n              <Hours locationHours={locations[0].locationData.locationHours} />\n\n              <Text as=\"h5\" text={translations.phone[language]} />\n              {/* <Phone phoneNumber={locations[0].locationData.phone} /> */}\n              {locations.map((l, i) => (\n                <p key={i} className=\"my-0\">\n                  {`${l.locationData.locationName} `}\n                  <Phone phoneNumber={l.locationData.phone} />\n                </p>\n              ))}\n            </div>\n          </div>\n        </Columns>\n      </Section>\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query contactUsPage($title: String!) {\n    allUniquePagesJson(filter: { title: { eq: $title } }) {\n      nodes {\n        title\n        heading\n        metaTitle\n        metaDescription\n        contactBody {\n          heading\n          blurb\n        }\n        formId\n        googleMapsBackground {\n          pinLink\n          pinTextLineOne\n          pinTextLineTwo\n          splashPublicId\n        }\n      }\n    }\n\n    allSpanishUniquePagesJson(filter: { title: { eq: $title } }) {\n      nodes {\n        title\n        heading\n        metaTitle\n        metaDescription\n        contactBody {\n          heading\n          blurb\n        }\n        googleMapsBackground {\n          pinLink\n          pinTextLineOne\n          pinTextLineTwo\n          splashPublicId\n        }\n      }\n    }\n    allLocationsJson(\n      filter: { useOnFooter: { eq: true } }\n      sort: { fields: locationData___order }\n    ) {\n      nodes {\n        locationData {\n          ...locationDataFields\n        }\n        pageData {\n          ...locationPageURL\n          layout_3 {\n            formSection {\n              hasForm\n              seamlessShortcode\n            }\n          }\n        }\n      }\n    }\n    forms: allDataJson(filter: { optionsItem: { eq: \"seamless\" } }) {\n      nodes {\n        allSeamlessForms {\n          embedUrl\n          seamlessShortcode\n          title\n        }\n      }\n    }\n    translations: allTranslationsJson {\n      nodes {\n        address {\n          en\n          es\n        }\n        hours {\n          en\n          es\n        }\n        phone {\n          en\n          es\n        }\n      }\n    }\n  }\n`\n\nexport default ContactUsPage\n"],"names":["heading","blurb","sideColumnsSize","className","mainClasses","classNames","as","text","src","useState","mounted","setMounted","useEffect","iframeClasses","type","frameBorder","height","width","allowtransparency","sandbox","id","allForms","useStaticQuery","forms","nodes","allSeamlessForms","form","find","f","seamlessShortcode","pageContext","location","data","getPostObj","allUniquePagesJson","allSpanishUniquePagesJson","post","language","translations","useForms","formId","locations","allLocationsJson","layoutClass","title","metaTitle","description","metaDescription","pathname","lang","publicId","googleMapsBackground","splashPublicId","useAR","contactBody","embedUrl","address","map","local","i","key","locationData","locationName","city","cityName","state","stateAbbr","zip","cityZip","streetName","streetNumber","gmb","googlePlaceLink","hours","locationHours","phone","l","phoneNumber"],"sourceRoot":""}