{"version":3,"file":"component---src-pages-become-partner-index-js-fc7bb54b1023b51c744d.js","mappings":"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","sources":["webpack://opero/./src/components/forms/BecomeAPartnerForm.js","webpack://opero/./src/sections/becomePartner/BecomePartnersHero.js","webpack://opero/./src/sections/becomePartner/BecomePartnersDetails.js","webpack://opero/./src/sections/becomePartner/BecomePartnersBadges.js","webpack://opero/./src/pages/become-partner/index.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport styled from \"styled-components\"\n\nimport { TextGroup, BasicCard } from \"components/common\"\nimport { useLocation } from \"@reach/router\"\n\nimport { device } from \"utils\"\n\nconst BecomeAPartnerForm = ({ title, subtitle, url }) => {\n  const { search } = useLocation()\n  const [urlWithSearch, setUrl] = useState()\n\n  useEffect(() => {\n    setUrl(url + search)\n  }, [])\n\n  return (\n    <StyledBecomeAPartnerForm>\n      <BasicCard>\n        <TextGroup title={title} subtitle={subtitle} />\n\n        <div className=\"iframeContainer\">\n          {urlWithSearch && (\n            <iframe\n              id=\"become-a-partner\"\n              title=\"become-a-partner\"\n              src={urlWithSearch}\n              frameBorder=\"0\"\n            ></iframe>\n          )}\n        </div>\n        <script src=\"//ramsey.tfaforms.net/js/iframe_resize_helper.js\"></script>\n      </BasicCard>\n    </StyledBecomeAPartnerForm>\n  )\n}\n\nconst StyledBecomeAPartnerForm = styled.div`\n  max-width: 700px;\n  margin: 0 auto;\n\n  --card-padding: var(--sp-16);\n  @media ${device.laptop} {\n    --card-padding: var(--sp-96);\n  }\n\n  .tgWrap {\n    margin-bottom: var(--sp-16);\n  }\n\n  .iframeContainer {\n    height: 950px;\n\n    @media ${device.laptop} {\n      height: 915px;\n    }\n\n    iframe {\n      height: 100%;\n      width: 100%;\n    }\n  }\n`\n\nexport default BecomeAPartnerForm\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { VSection } from \"components/common\"\n\nimport { matrixBackgroundStyle, device } from \"utils\"\n\nconst PartnersHero = ({ title, subtitle, backgroundImage }) => {\n  return (\n    <StyledPartnersHero>\n      <VSection\n        title={title}\n        titleAs=\"h1\"\n        subtitle={subtitle}\n        subtitleAs=\"pSmall\"\n        backgroundImage={backgroundImage}\n        critical\n      />\n    </StyledPartnersHero>\n  )\n}\n\nconst StyledPartnersHero = styled.div`\n  --section-mobile-padding-top: var(--sp-mobile-nav);\n  --section-padding-top: var(--sp-nav);\n  .v_tgContainer {\n    --tg-text-align: center;\n    --section-align: center;\n    --tg-max-width: 472px;\n  }\n\n  .v_backgroundImage {\n    ${matrixBackgroundStyle};\n    top: 70px;\n    @media ${device.laptop} {\n      top: calc(40px + 50%);\n      transform: translateY(-50%);\n    }\n  }\n`\n\nexport default PartnersHero\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { VSection, ValueProp, Grid, BasicCard } from \"components/common\"\n\nimport { device } from \"utils\"\n\nconst PartnersDetails = ({ valueProps }) => {\n  const renderGrid = () => (\n    <Grid\n      list={valueProps}\n      component={(vp) => <ValueProp className={vp.vpId} {...vp} />}\n    />\n  )\n\n  return (\n    <StyledPartnersDetails>\n      <VSection custom={() => <BasicCard>{renderGrid()}</BasicCard>} />\n    </StyledPartnersDetails>\n  )\n}\n\nconst StyledPartnersDetails = styled.div`\n  --section-padding-top: var(--sp-40);\n  --section-mobile-padding-top: var(--sp-40);\n  .v_customContainer {\n    --grid-gap: var(--sp-16);\n    --grid-col-max: 1fr;\n    --grid-col: 1;\n    --card-padding: var(--sp-24) var(--sp-24) var(--sp-24) var(--sp-48);\n\n    @media ${device.laptop} {\n      --card-padding: var(--sp-80);\n    }\n\n    ul {\n      list-style-type: disc;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n\n    .subtitle {\n      white-space: break-spaces;\n    }\n  }\n`\n\nexport default PartnersDetails\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { VSection } from \"components/common\"\n\nimport { matrixBackgroundStyle } from \"utils\"\n\nconst PartnersBadges = ({ title, subtitle, backgroundImage, media }) => {\n  return (\n    <StyledPartnersBadges>\n      <VSection\n        title={title}\n        subtitle={subtitle}\n        subtitleAs=\"pSmall\"\n        media={media}\n        backgroundImage={backgroundImage}\n      />\n    </StyledPartnersBadges>\n  )\n}\n\nconst StyledPartnersBadges = styled.div`\n  --section-align: center;\n  --tg-text-align: center;\n  --tg-max-width: 590px;\n\n  .v_backgroundImage {\n    ${matrixBackgroundStyle};\n  }\n\n  .v_mediaContainer {\n    --v-section-media-top: var(--sp-32);\n  }\n`\n\nexport default PartnersBadges\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport styled from \"styled-components\"\n\nimport {\n  useContentfulSection,\n  useMeta,\n  useContentfulComponent,\n  device,\n} from \"utils\"\nimport { useLocation } from \"@reach/router\"\nimport { Layout, Seo } from \"components/common\"\n\nimport { PrimaryNav, MobileNav } from \"src/components/navigation\"\n\nimport BecomeAPartnerForm from \"src/components/forms/BecomeAPartnerForm\"\n\nimport {\n  BecomePartnersHero,\n  BecomePartnersDetails,\n  BecomePartnersBadges,\n} from \"src/sections/becomePartner\"\n\nconst BecomePartnerPage = ({ data: { become_partner } }) => {\n  const { search } = useLocation()\n\n  const meta = useMeta(become_partner)\n  const {\n    become_partner_hero,\n    become_partner_details,\n    become_partner_badges,\n    become_partner_form,\n  } = useContentfulSection(become_partner.sections)\n\n  const { become_a_partner_form_url } = useContentfulComponent(\n    become_partner_form.components\n  )\n\n  return (\n    <Layout>\n      <Seo {...meta} />\n      <MobileNav />\n      <PrimaryNav />\n      <BecomePartnersHero {...become_partner_hero} />\n      <BecomePartnersDetails {...become_partner_details} />\n      <BecomePartnersBadges {...become_partner_badges} />\n\n      <BecomePartnerFormWrap>\n        <BecomeAPartnerForm\n          {...become_partner_form}\n          url={become_a_partner_form_url.url}\n        />\n      </BecomePartnerFormWrap>\n    </Layout>\n  )\n}\n\nconst BecomePartnerFormWrap = styled.div`\n  padding-top: var(--section-mobile-padding);\n  @media ${device.laptop} {\n    padding-top: var(--section-padding);\n  }\n`\n\nexport const query = graphql`\n  {\n    become_partner: contentfulPage(pageId: { eq: \"become_partner\" }) {\n      ...Page\n    }\n  }\n`\n\nexport default BecomePartnerPage\n"],"names":["StyledBecomeAPartnerForm","styled","div","withConfig","displayName","componentId","device","laptop","_ref","title","subtitle","url","search","useLocation","urlWithSearch","setUrl","useState","useEffect","React","BasicCard","TextGroup","className","id","src","frameBorder","StyledPartnersHero","matrixBackgroundStyle","backgroundImage","VSection","titleAs","subtitleAs","critical","StyledPartnersDetails","valueProps","custom","Grid","list","component","vp","ValueProp","Object","assign","vpId","StyledPartnersBadges","media","BecomePartnerFormWrap","data","become_partner","meta","useMeta","become_partner_hero","become_partner_details","become_partner_badges","become_partner_form","useContentfulSection","sections","become_a_partner_form_url","useContentfulComponent","components","Layout","Seo","MobileNav","PrimaryNav","BecomePartnersHero","BecomePartnersDetails","BecomePartnersBadges","BecomeAPartnerForm"],"sourceRoot":""}