{"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","title","buttonLabel","successMessage","React","StyledForm","src","width","height","frameBorder","allowTransparency","style","border","styled","form","Color","light1","div","RoiCalculatorForm","ContactPage","page","data","prismicContactV3Page","Error","formProps","form_title","form_button_label","form_success_message","background","tint","size","md","as","typeface","align","bold","hero_title","textAlign","baseTypeface","render","hero_content","raw","StyledNegativeCurve","position","glowColor","backColor","form_type","below_form_title","below_form_bullets","bullet","StyledBullet","require","alt","className","below_form_bullet","frontColor","logos_title","description","logos_description","Dimen","breakpointDownXl","breakpointDownLg","breakpointDownMd","gutterWidth"],"mappings":"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","file":"component---src-templates-contact-page-tsx-c8b2e79543191e156145.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://go.shipamax.com/l/952713/2021-12-01/5mv\" width=\"100%\" height=\"650\" 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://go.shipamax.com/l/952713/2022-01-19/v41\" width=\"100%\" height=\"500\" 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":""}