{"version":3,"sources":["webpack:///./img/templates/contact_page/circle_checked.svg","webpack:///./src/components/contact/ContactForm.tsx","webpack:///./src/components/contact/RoiCalculatorForm.tsx","webpack:///./src/templates/contact-page.tsx"],"names":["module","exports","map","x","label","value","ContactForm","_ref","title","buttonLabel","successMessage","success","setSuccess","React","StyledForm","src","width","height","frameBorder","allowTransparency","style","border","styled","form","withConfig","displayName","componentId","Color","light1","div","RoiCalculatorForm","ContactPage","_data$prismicContactV","_page$hero_content","_page$below_form_bull","data","page","prismicContactV3Page","Error","formProps","form_title","form_button_label","form_success_message","Layout","HelmetSeo","Section","background","tint","PageMaxWidth","Gutter","size","md","MaxWidth","Text","as","typeface","align","bold","hero_title","FormattedText","textAlign","baseTypeface","RichText","render","hero_content","raw","StyledNegativeCurve","CurvedSectionDividerGlow","position","glowColor","backColor","form_type","below_form_title","Grid","Column","below_form_bullets","bullet","_bullet$below_form_bu","StyledBullet","require","alt","className","below_form_bullet","CurvedSectionDivider","frontColor","SectionQuotes","SectionCustomerLogos","logos_title","description","logos_description","Dimen","breakpointDownXl","breakpointDownLg","breakpointDownMd","gutterWidth"],"mappings":"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","file":"component---src-templates-contact-page-tsx-b9e2d65bbd6f008d8845.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyM0M1LjkyNDg3IDIzIDEgMTguMDc1MSAxIDEyQzEgNS45MjQ4NyA1LjkyNDg3IDEgMTIgMUMxOC4wNzUxIDEgMjMgNS45MjQ4NyAyMyAxMkMyMyAxOC4wNzUxIDE4LjA3NTEgMjMgMTIgMjNaTTEyIDIxQzE2Ljk3MDYgMjEgMjEgMTYuOTcwNiAyMSAxMkMyMSA3LjAyOTQ0IDE2Ljk3MDYgMyAxMiAzQzcuMDI5NDQgMyAzIDcuMDI5NDQgMyAxMkMzIDE2Ljk3MDYgNy4wMjk0NCAyMSAxMiAyMVpNMTUuMjkyOSA4LjI5Mjg5TDEwIDEzLjU4NThMNy43MDcxMSAxMS4yOTI5TDYuMjkyODkgMTIuNzA3MUwxMCAxNi40MTQyTDE2LjcwNzEgOS43MDcxMUwxNS4yOTI5IDguMjkyODlaIiBmaWxsPSIjRkU2NjNBIi8+Cjwvc3ZnPgo=\"","import * as React from \"react\";\nimport { useForm } from \"react-typed-form\";\nimport styled from \"styled-components\";\n\nimport { Color, Domain } from \"../../constants\";\nimport {\n  FieldCheckbox,\n  FieldMultiCheckbox,\n  FieldSelect,\n  FieldText,\n  SubmitButton,\n} from \"../../form\";\nimport { PrismicRichText } from \"../../types\";\nimport Column from \"../Column\";\nimport FormattedText from \"../FormattedText\";\nimport Grid from \"../Grid\";\nimport Gutter from \"../Gutter\";\nimport HorizontalAlign from \"../HorizontalAlign\";\nimport Text from \"../Text\";\n\ntype Props = {\n  title: string | undefined;\n  buttonLabel: string | undefined;\n  successMessage: PrismicRichText;\n};\n\nconst HOW_DID_YOU_HEAR_CHOICES = [\n  \"Google Search\",\n  \"Online Advert\",\n  \"Media/News Article\",\n  \"Email\",\n  \"Shipamax Customer Referral\",\n  \"LinkedIn\",\n  \"Event\",\n].map((x) => ({ label: x, value: x }));\n\nexport default function ContactForm({\n  title,\n  buttonLabel,\n  successMessage,\n}: Props) {\n  const [success, setSuccess] = React.useState<boolean>(false);\n\n  return (\n    <StyledForm>\n      <iframe src=\"https://forms.wisetechglobal.com/shipamax/en-us/contact/\" width=\"100%\" height=\"820\" frameBorder=\"0\" allowTransparency={true} style={{ border: 0 }}></iframe>\n    </StyledForm>\n  );\n}\n\nconst StyledForm = styled.form`\n  background-color: ${Color.light1};\n  border-radius: 8px;\n  box-shadow: 0px 12px 30px rgba(82, 87, 102, 0.15);\n  padding: 40px;\n`;\n\nconst StyledTop = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n","import { RichText } from \"prismic-reactjs\";\nimport * as React from \"react\";\nimport { useForm } from \"react-typed-form\";\nimport styled from \"styled-components\";\n\nimport { Color, Domain } from \"../../constants\";\nimport {\n  FieldCheckbox,\n  FieldSelect,\n  FieldText,\n  SubmitButton,\n} from \"../../form\";\nimport { PrismicRichText } from \"../../types\";\nimport Column from \"../Column\";\nimport FormattedText from \"../FormattedText\";\nimport Grid from \"../Grid\";\nimport Gutter from \"../Gutter\";\nimport HorizontalAlign from \"../HorizontalAlign\";\nimport Text from \"../Text\";\n\ntype Props = {\n  title: string | undefined;\n  buttonLabel: string | undefined;\n  successMessage: PrismicRichText;\n};\n\nexport default function RoiCalculatorForm({\n  title,\n  buttonLabel,\n  successMessage,\n}: Props) {\n  const [success, setSuccess] = React.useState<boolean>(false);\n\n  return (\n    <StyledForm>\n      <iframe src=\"https://forms.wisetechglobal.com/shipamax/en-us/roi-calculator/\" width=\"100%\" height=\"900\" frameBorder=\"0\" allowTransparency={true} style={{ border: 0 }}></iframe>\n    </StyledForm>\n  );\n}\n\nconst StyledForm = styled.form`\n  background-color: ${Color.light1};\n  border-radius: 8px;\n  box-shadow: 0px 12px 30px rgba(82, 87, 102, 0.15);\n  padding: 40px;\n`;\n\nconst StyledTop = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n","import { graphql, Link } from \"gatsby\";\nimport { RichText } from \"prismic-reactjs\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  Button,\n  Column,\n  CurvedSectionDivider,\n  CurvedSectionDividerGlow,\n  FormattedText,\n  Grid,\n  Gutter,\n  HelmetSeo,\n  HorizontalAlign,\n  Layout,\n  MaxWidth,\n  PageMaxWidth,\n  Section,\n  SectionCustomerLogos,\n  SectionQuotes,\n  Text,\n} from \"../components\";\nimport { ContactForm, RoiCalculatorForm } from \"../components/contact\";\nimport { Dimen } from \"../constants\";\n\nexport const query = graphql`\n  query ContactV3Page($uid: String!) {\n    prismicContactV3Page(uid: { eq: $uid }) {\n      uid\n      data {\n        hero_title\n        hero_content {\n          raw\n        }\n\n        form_title\n        form_type\n        form_button_label\n        form_success_message {\n          raw\n        }\n\n        below_form_title\n        below_form_bullets {\n          below_form_bullet {\n            raw\n          }\n        }\n\n        logos_title\n        logos_description {\n          raw\n        }\n        logos_button_label\n\n        seo_title\n        seo_description\n        share_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n      }\n    }\n  }\n`;\n\ntype Props = {\n  data: GatsbyTypes.ContactV3PageQuery;\n};\n\nexport default function ContactPage({ data }: Props) {\n  const page = data.prismicContactV3Page?.data;\n  if (!page) throw new Error(\"page missing\");\n\n  const formProps = {\n    title: page.form_title,\n    buttonLabel: page.form_button_label,\n    successMessage: page.form_success_message,\n  };\n\n  return (\n    <Layout>\n      <HelmetSeo {...page} />\n\n      <Section background=\"blue\" tint=\"light\">\n        <PageMaxWidth>\n          <Gutter size={3} md={2} />\n          <MaxWidth width={624}>\n            <Text as=\"h1\" typeface=\"h1\" align=\"center\" bold>\n              {page.hero_title}\n            </Text>\n          </MaxWidth>\n          <Gutter size={1.5} />\n\n          <MaxWidth width={730}>\n            <FormattedText textAlign=\"center\" baseTypeface=\"h5\">\n              <RichText render={page.hero_content?.raw} />\n            </FormattedText>\n          </MaxWidth>\n          <Gutter size={2.5} />\n        </PageMaxWidth>\n      </Section>\n\n      <Section>\n        <StyledNegativeCurve>\n          <CurvedSectionDividerGlow\n            position=\"bottom\"\n            glowColor=\"blue\"\n            backColor=\"light1\"\n          />\n        </StyledNegativeCurve>\n        <PageMaxWidth>\n          <MaxWidth width={792}>\n            {page.form_type === \"contact\" && <ContactForm {...formProps} />}\n            {page.form_type === \"roi_calculator\" && (\n              <RoiCalculatorForm {...formProps} />\n            )}\n          </MaxWidth>\n\n          {page.below_form_title && (\n            <>\n              <Gutter size={3} />\n              <Grid>\n                <Column size={6}>\n                  <Text typeface=\"h3\" as=\"h2\" bold>\n                    {page.below_form_title}\n                  </Text>\n                </Column>\n                <Column size={6}>\n                  {page.below_form_bullets?.map((bullet) => (\n                    <StyledBullet>\n                      <img\n                        src={require(\"../../img/templates/contact_page/circle_checked.svg\")}\n                        alt=\"\"\n                      />\n                      <Gutter size={0.8} />\n                      <div className=\"content\">\n                        <FormattedText>\n                          <RichText render={bullet?.below_form_bullet?.raw} />\n                        </FormattedText>\n                      </div>\n                    </StyledBullet>\n                  ))}\n                </Column>\n              </Grid>\n            </>\n          )}\n          <Gutter size={6} md={4} />\n        </PageMaxWidth>\n      </Section>\n\n      <CurvedSectionDivider\n        position=\"top\"\n        frontColor=\"newDark2\"\n        backColor=\"light1\"\n      />\n      <SectionQuotes />\n      <CurvedSectionDivider\n        position=\"bottom\"\n        frontColor=\"newDark2\"\n        backColor=\"light1\"\n      />\n\n      <SectionCustomerLogos\n        title={page.logos_title}\n        description={page.logos_description}\n      />\n    </Layout>\n  );\n}\n\nconst StyledNegativeCurve = styled.div`\n  margin-bottom: -435px;\n\n  @media (max-width: 1940px) {\n    margin-bottom: -300px;\n  }\n\n  @media (max-width: 1680px) {\n    margin-bottom: -270px;\n  }\n\n  @media (max-width: ${Dimen.breakpointDownXl}px) {\n    margin-bottom: -238px;\n  }\n\n  @media (max-width: ${Dimen.breakpointDownLg}px) {\n    margin-bottom: -225px;\n  }\n\n  @media (max-width: ${Dimen.breakpointDownMd}px) {\n    margin-bottom: -210px;\n  }\n`;\n\nconst StyledBullet = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: ${Dimen.gutterWidth / 2}px;\n\n  > img {\n    margin-top: 3px;\n  }\n\n  .content {\n    flex: 1;\n  }\n`;\n"],"sourceRoot":""}