{"version":3,"file":"component---src-pages-fax-activate-js-074f307dcc5b15c9ab4b.js","mappings":"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","sources":["webpack://opero/./src/components/forms/BecomeAPartnerForm.js","webpack://opero/./src/components/forms/ContactUsForm.js","webpack://opero/./src/components/forms/FaxActivateForm.js","webpack://opero/./src/sections/app/FaxActivateTerms.js","webpack://opero/./src/pages/fax/activate.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, { useEffect, useState } 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 ContactUsFormHero = ({ subtitle, url }) => {\n  const { search } = useLocation()\n  const [urlWithSearch, setUrl] = useState()\n\n  useEffect(() => {\n    setUrl(url + search)\n  }, [])\n\n  return (\n    <StyledOperoForm>\n      <BasicCard>\n        <TextGroup subtitle={subtitle} />\n\n        <div className=\"iframeContainer\">\n          {urlWithSearch && (\n            <iframe\n              id=\"opero form\"\n              title=\"opero form\"\n              src={urlWithSearch}\n              frameBorder=\"0\"\n            />\n          )}\n        </div>\n\n        <script src=\"https://ramsey.tfaforms.net/js/iframe_resize_helper.js\"></script>\n      </BasicCard>\n    </StyledOperoForm>\n  )\n}\n\nconst StyledOperoForm = 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: 3020px;\n\n    @media ${device.laptop} {\n      height: 3020px;\n    }\n\n    iframe {\n      height: 100%;\n      width: 100%;\n    }\n  }\n`\n\nexport default ContactUsFormHero\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { BasicCard } from \"components/common\"\n\nimport { device } from \"utils\"\n\nconst FaxActivateForm = ({ url }) => {\n  return (\n    <StyledFaxActivateForm>\n      <BasicCard>\n        {/* <TextGroup title={title} /> */}\n\n        <div className=\"iframeContainer\">\n          <iframe\n            id=\"fax-activate\"\n            title=\"fax-activate\"\n            src={url}\n            frameBorder=\"0\"\n          ></iframe>\n        </div>\n        <script src=\"//ramsey.tfaforms.net/js/iframe_resize_helper.js\"></script>\n      </BasicCard>\n    </StyledFaxActivateForm>\n  )\n}\n\nconst StyledFaxActivateForm = styled.div`\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n\n  --card-padding: var(--sp-16);\n\n  --card-background: var(--highlight_2);\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: 3430px;\n    width: 100%;\n\n    @media ${device.laptop} {\n      height: 3750px;\n      /* height: 2630px; */\n    }\n\n    iframe {\n      height: 100%;\n      width: 100%;\n    }\n  }\n`\n\nexport default FaxActivateForm\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { VSection } from \"components/common\"\n\nimport { useRichText, useContentfulComponent, richTextBody } from \"utils\"\nimport { FaxActivateForm } from \"components/forms\"\n\nconst FaxActivateTerms = ({ title, components }) => {\n  const { fax_activate_terms_body, fax_activate_form_url } =\n    useContentfulComponent(components)\n\n  const termBody = useRichText({ text: fax_activate_terms_body.body })\n\n  const renderStep = () => (\n    <Step>\n      <div className=\"body\">{termBody}</div>\n      <div className=\"formWrap\">\n        <FaxActivateForm {...fax_activate_form_url} />\n      </div>\n    </Step>\n  )\n\n  return (\n    <StyledFaxActivateTerms>\n      <VSection title={title} titleAs=\"h1\" custom={renderStep} />\n    </StyledFaxActivateTerms>\n  )\n}\n\nconst StyledFaxActivateTerms = styled.div`\n  --section-mobile-padding-top: var(--sp-mobile-nav);\n  --section-padding-top: var(--sp-nav);\n\n  &.showForm {\n    --section-mobile-padding-left: 0;\n    --section-mobile-padding-right: 0;\n  }\n\n  .v_tgContainer {\n    --tg-text-align: center;\n    --section-align: center;\n  }\n`\n\nconst Step = styled.div`\n  margin: 0 auto;\n  max-width: 800px;\n  width: 100%;\n  .body {\n    ${richTextBody};\n    margin-top: var(--sp-64);\n    p,\n    li,\n    ol,\n    h5 {\n      color: var(--card-shade_3);\n    }\n    a {\n      color: var(--link_light);\n    }\n\n    h5 {\n      margin-bottom: var(--sp-16);\n    }\n  }\n\n  .formWrap {\n    width: 100%;\n    margin-top: var(--sp-64);\n  }\n\n  .agree_to_terms {\n    margin-top: var(--sp-48);\n    --button-background: var(--greenDark);\n  }\n`\n\nexport default FaxActivateTerms\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport styled from \"styled-components\"\n\nimport { useMeta, useContentfulSection } from \"utils\"\nimport { PrimaryNav, AppStickyNav, MobileNav } from \"src/components/navigation\"\nimport { Layout, Seo } from \"components/common\"\n\nimport FaxActivateTerms from \"src/sections/app/FaxActivateTerms\"\n\nconst FaxActivate = () => {\n  const { fax_activate, app } = useStaticQuery(query)\n  const meta = useMeta(fax_activate)\n\n  const { fax_activate_terms } = useContentfulSection(fax_activate.sections)\n  const slug = \"fax\"\n\n  return (\n    <StyledComparePage>\n      <Layout>\n        <Seo {...meta} />\n\n        <MobileNav slug={slug} />\n        <div className=\"light\">\n          <PrimaryNav slug={slug} />\n          <AppStickyNav\n            disabled={app.disabled}\n            slug={slug}\n            salesforceAppexchangeUrl={app.salesforceAppexchangeUrl}\n          />\n\n          <FaxActivateTerms {...fax_activate_terms} />\n        </div>\n      </Layout>\n    </StyledComparePage>\n  )\n}\n\nconst StyledComparePage = styled.div`\n  .light {\n    --section-background-color: var(--lightBG);\n    --tg-title-color: var(--card-shade_1);\n    --tg-subtitle-color: var(--card-shade_1);\n    --nav-sticky-link-color: var(--card-shade_1);\n  }\n`\n\nexport const query = graphql`\n  {\n    fax_activate: contentfulPage(pageId: { eq: \"fax_activate\" }) {\n      ...Page\n    }\n    app: contentfulApp(slug: { eq: \"fax\" }) {\n      salesforceAppexchangeUrl\n    }\n  }\n`\n\nexport default FaxActivate\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","StyledFaxActivateForm","StyledFaxActivateTerms","Step","richTextBody","components","fax_activate_terms_body","fax_activate_form_url","useContentfulComponent","termBody","useRichText","text","body","VSection","titleAs","custom","renderStep","FaxActivateForm","StyledComparePage","query","FaxActivate","fax_activate","app","useStaticQuery","meta","useMeta","fax_activate_terms","useContentfulSection","sections","slug","Layout","Seo","MobileNav","PrimaryNav","AppStickyNav","disabled","salesforceAppexchangeUrl","FaxActivateTerms"],"sourceRoot":""}