{"version":3,"sources":["webpack:///./src/pages/why-shipamax.tsx","webpack:///./src/util.tsx"],"names":["WhyShipamaxPage","_ref","_page$intro_content","_page$steps","_page$gains","data","page","unwrapFirst","allPrismicWhyShipamaxPage","Error","React","Layout","showDemoBanner","HelmetSeo","Section","PageMaxWidth","Gutter","size","SimpleHero","title","hero_title","description","hero_paragraph","contactButtonLabel","hero_contact_button_label","calculatorButtonLabel","hero_calculator_button_label","CurvedSectionDividerGlow","position","glowColor","backColor","background","tint","Grid","Column","MaxWidth","width","Img","fluid","fluidImage","intro_photo","Text","as","typeface","bold","intro_title","FormattedText","RichText","render","intro_content","raw","Line","color","steps_title","steps","map","step","i","key","StyledStep","className","step_icon","fixed","fixedImage","w","h","step_title","step_description","StyledStepSymbol","CurvedSectionDivider","frontColor","md","gains","gain","Gain","reverseColumns","preTitle","gain_pre_title","gain_title","content","gain_content","image","gain_photo","SectionQuotes","SectionUseCases","use_cases_title","styled","div","withConfig","displayName","componentId","Dimen","gutterWidth","breakpointDownMd","unwrapConnection","connection","edges","filter","Boolean","edge","node","first"],"mappings":"8FACA,4JA0Ge,SAASA,EAAeC,GAAkB,IAAAC,EAAAC,EAAAC,EAAA,IAAjB,KAAEC,GAAaJ,EACrD,MAAMK,EAAOC,YAAYF,EAAKG,2BAA2BH,KAEzD,IAAKC,EAAM,MAAM,IAAIG,MAAM,gBAE3B,OACEC,gBAACC,IAAM,CAACC,gBAAc,GACpBF,gBAACG,IAAcP,GAEfI,gBAACI,IAAO,KACNJ,gBAACK,IAAY,KACXL,gBAACM,IAAM,CAACC,KAAM,IACdP,gBAACQ,IAAU,CACTC,MAAOb,EAAKc,WACZC,YAAaf,EAAKgB,eAClBC,mBAAoBjB,EAAKkB,0BACzBC,sBAAuBnB,EAAKoB,+BAE9BhB,gBAACM,IAAM,CAACC,KAAM,MAIlBP,gBAACiB,IAAwB,CACvBC,SAAS,MACTC,UAAU,SACVC,UAAU,WAEZpB,gBAACI,IAAO,CAACiB,WAAW,OAAOC,KAAK,SAC9BtB,gBAACK,IAAY,KACXL,gBAACuB,IAAI,KACHvB,gBAACwB,IAAM,CAACjB,KAAM,GACZP,gBAACyB,IAAQ,CAACC,MAAO,KACf1B,gBAAC2B,IAAG,CAACC,MAAOC,YAAWjC,EAAKkC,YAAa,SAG7C9B,gBAACwB,IAAM,CAACjB,KAAM,IACdP,gBAACwB,IAAM,CAACjB,KAAM,GACZP,gBAAC+B,IAAI,CAACC,GAAG,KAAKC,SAAS,KAAKC,MAAI,GAC7BtC,EAAKuC,aAERnC,gBAACM,IAAM,CAACC,KAAM,OACdP,gBAACoC,IAAa,KACZpC,gBAACqC,WAAQ,CAACC,OAA0B,QAApB9C,EAAEI,EAAK2C,qBAAa,IAAA/C,OAAA,EAAlBA,EAAoBgD,SAI5CxC,gBAACM,IAAM,CAACC,KAAM,IACdP,gBAACyC,IAAI,CAACC,MAAM,YACZ1C,gBAACM,IAAM,CAACC,KAAM,IACdP,gBAAC+B,IAAI,CAACC,GAAG,KAAKC,SAAS,KAAKC,MAAI,GAC7BtC,EAAK+C,aAER3C,gBAACM,IAAM,CAACC,KAAM,MACdP,gBAACuB,IAAI,KACQ,QADR9B,EACFG,EAAKgD,aAAK,IAAAnD,OAAA,EAAVA,EAAYoD,IAAI,CAACC,EAAMC,IACjBD,EAEH9C,gBAACwB,IAAM,CAACwB,IAAKD,EAAGxC,KAAM,GACpBP,gBAACiD,EAAU,KACTjD,gBAAA,OAAKkD,UAAU,YACblD,gBAAC+B,IAAI,CAACE,SAAS,KAAKC,MAAI,GAAC,QACjBa,EAAI,GAGXD,EAAKK,WACJnD,gBAAC2B,IAAG,CACFyB,MAAOC,YAAWP,EAAKK,UAAW,CAAEG,EAAG,GAAIC,EAAG,QAKpDvD,gBAAA,WACEA,gBAAC+B,IAAI,CAACC,GAAG,KAAKC,SAAS,KAAKC,MAAI,GAC7BY,EAAKU,YAERxD,gBAACM,IAAM,CAACC,KAAM,KACdP,gBAAC+B,IAAI,CAACE,SAAS,UAAUD,GAAG,KACzBc,EAAKW,mBAGTV,EAAI,GACH/C,gBAAC0D,EAAgB,KACf1D,gBAAC+B,IAAI,CAACE,SAAS,KAAKS,MAAM,UACjB,IAANK,EAAU,IAAM,QA5BX,OAqCtB/C,gBAACM,IAAM,CAACC,KAAM,MAGlBP,gBAAC2D,IAAoB,CACnBzC,SAAS,SACT0C,WAAW,WACXxC,UAAU,WAGZpB,gBAACI,IAAO,KACNJ,gBAACK,IAAY,KACXL,gBAACM,IAAM,CAACC,KAAM,EAAGsD,GAAI,MACV,QADiBnE,EAC3BE,EAAKkE,aAAK,IAAApE,OAAA,EAAVA,EAAYmD,IACX,CAACkB,EAAMhB,IACLgB,GACE/D,2BAAA,KACEA,gBAACgE,IAAI,CACHC,eAAgBlB,EAAI,GAAM,EAC1BmB,SAAUH,EAAKI,eACf1D,MAAOsD,EAAKK,WACZC,QAASN,EAAKO,aACdC,MAAOR,EAAKS,aAEdxE,gBAACM,IAAM,CAACC,KAAM,EAAGsD,GAAI,UAOjC7D,gBAAC2D,IAAoB,CACnBzC,SAAS,MACT0C,WAAW,WACXxC,UAAU,WAEZpB,gBAACyE,IAAa,MACdzE,gBAAC2D,IAAoB,CACnBzC,SAAS,SACT0C,WAAW,WACXxC,UAAU,WAGZpB,gBAACM,IAAM,CAACC,KAAM,IACdP,gBAAC0E,IAAe,CAACjE,MAAOb,EAAK+E,kBAC7B3E,gBAACM,IAAM,CAACC,KAAM,KAKpB,MAAM0C,EAAa2B,IAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAVJ,CAAU,mSAGhBK,IAAMC,YAaID,IAAME,kBAKvBzB,EAAmBkB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAAVJ,CAAU,uGAKZK,IAAME,mB,kCCtQtB,SAASC,EAAoBC,GAElC,QADeA,aAAU,EAAVA,EAAYC,QAAS,IAAIC,OAAOC,SAClC3C,IAAK4C,GAASA,aAAI,EAAJA,EAAMC,MAAMH,OAAOC,SAGzC,SAAS3F,EAAewF,GAC7B,MAAMM,EAAQP,EAAiBC,GAAY,GAC3C,IAAKM,EACH,MAAM,IAAI5F,MAAM,oDAElB,OAAO4F,EAVT","file":"component---src-pages-why-shipamax-tsx-7542e60b6c767da84b66.js","sourcesContent":["import { graphql } from \"gatsby\";\nimport { RichText } from \"prismic-reactjs\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  Column,\n  CurvedSectionDivider,\n  CurvedSectionDividerGlow,\n  FormattedText,\n  Gain,\n  Grid,\n  Gutter,\n  HelmetSeo,\n  Layout,\n  Line,\n  MaxWidth,\n  PageMaxWidth,\n  Section,\n  SectionQuotes,\n  SectionUseCases,\n  SimpleHero,\n  Text,\n} from \"../components\";\nimport { fixedImage, fluidImage } from \"../prismic-tools\";\nimport { unwrapFirst } from \"../util\";\nimport Img from \"gatsby-image\";\nimport { Dimen } from \"../constants\";\n\ntype Props = {\n  data: GatsbyTypes.WhyShipamaxPageQuery;\n};\n\nexport const query = graphql`\n  query WhyShipamaxPage {\n    allPrismicWhyShipamaxPage {\n      edges {\n        node {\n          data {\n            hero_title\n            hero_paragraph {\n              raw\n            }\n            hero_contact_button_label\n            hero_calculator_button_label\n\n            intro_photo {\n              alt\n              dimensions {\n                width\n                height\n              }\n              url\n            }\n            intro_title\n            intro_content {\n              raw\n            }\n\n            steps_title\n            steps {\n              step_icon {\n                alt\n                dimensions {\n                  width\n                  height\n                }\n                url\n              }\n              step_title\n              step_description\n            }\n\n            gains {\n              gain_photo {\n                alt\n                dimensions {\n                  width\n                  height\n                }\n                url\n              }\n              gain_pre_title\n              gain_title\n              gain_content {\n                raw\n              }\n            }\n\n            use_cases_title\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  }\n`;\n\nexport default function WhyShipamaxPage({ data }: Props) {\n  const page = unwrapFirst(data.allPrismicWhyShipamaxPage).data;\n\n  if (!page) throw new Error(\"page missing\");\n\n  return (\n    <Layout showDemoBanner>\n      <HelmetSeo {...page} />\n\n      <Section>\n        <PageMaxWidth>\n          <Gutter size={3} />\n          <SimpleHero\n            title={page.hero_title}\n            description={page.hero_paragraph}\n            contactButtonLabel={page.hero_contact_button_label}\n            calculatorButtonLabel={page.hero_calculator_button_label}\n          />\n          <Gutter size={4} />\n        </PageMaxWidth>\n      </Section>\n\n      <CurvedSectionDividerGlow\n        position=\"top\"\n        glowColor=\"orange\"\n        backColor=\"light1\"\n      />\n      <Section background=\"dark\" tint=\"light\">\n        <PageMaxWidth>\n          <Grid>\n            <Column size={5}>\n              <MaxWidth width={440}>\n                <Img fluid={fluidImage(page.intro_photo, 440)} />\n              </MaxWidth>\n            </Column>\n            <Column size={1} />\n            <Column size={6}>\n              <Text as=\"h2\" typeface=\"h3\" bold>\n                {page.intro_title}\n              </Text>\n              <Gutter size={1.25} />\n              <FormattedText>\n                <RichText render={page.intro_content?.raw} />\n              </FormattedText>\n            </Column>\n          </Grid>\n          <Gutter size={4} />\n          <Line color=\"orange1\" />\n          <Gutter size={4} />\n          <Text as=\"h2\" typeface=\"h3\" bold>\n            {page.steps_title}\n          </Text>\n          <Gutter size={2.5} />\n          <Grid>\n            {page.steps?.map((step, i) => {\n              if (!step) return null;\n              return (\n                <Column key={i} size={3}>\n                  <StyledStep>\n                    <div className=\"area-top\">\n                      <Text typeface=\"h5\" bold>\n                        Step {i + 1}\n                      </Text>\n\n                      {step.step_icon && (\n                        <Img\n                          fixed={fixedImage(step.step_icon, { w: 36, h: 36 })}\n                        />\n                      )}\n                    </div>\n\n                    <div>\n                      <Text as=\"h3\" typeface=\"h5\" bold>\n                        {step.step_title}\n                      </Text>\n                      <Gutter size={0.5} />\n                      <Text typeface=\"caption\" as=\"p\">\n                        {step.step_description}\n                      </Text>\n                    </div>\n                    {i < 3 && (\n                      <StyledStepSymbol>\n                        <Text typeface=\"h3\" color=\"green1\">\n                          {i === 2 ? \"=\" : \"+\"}\n                        </Text>\n                      </StyledStepSymbol>\n                    )}\n                  </StyledStep>\n                </Column>\n              );\n            })}\n          </Grid>\n          <Gutter size={2} />\n        </PageMaxWidth>\n      </Section>\n      <CurvedSectionDivider\n        position=\"bottom\"\n        frontColor=\"newDark2\"\n        backColor=\"light1\"\n      />\n\n      <Section>\n        <PageMaxWidth>\n          <Gutter size={6} md={2.5} />\n          {page.gains?.map(\n            (gain, i) =>\n              gain && (\n                <>\n                  <Gain\n                    reverseColumns={i % 2 === 0}\n                    preTitle={gain.gain_pre_title}\n                    title={gain.gain_title}\n                    content={gain.gain_content}\n                    image={gain.gain_photo}\n                  />\n                  <Gutter size={6} md={2.5} />\n                </>\n              )\n          )}\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      <Gutter size={6} />\n      <SectionUseCases title={page.use_cases_title} />\n      <Gutter size={6} />\n    </Layout>\n  );\n}\n\nconst StyledStep = styled.div`\n  border: 1px rgba(255, 255, 255, 0.1) solid;\n  border-radius: 8px;\n  padding: ${Dimen.gutterWidth}px;\n  min-height: 360px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n\n  .area-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  @media (max-width: ${Dimen.breakpointDownMd}px) {\n    min-height: auto;\n  }\n`;\n\nconst StyledStepSymbol = styled.div`\n  position: absolute;\n  top: 160px;\n  right: -23px;\n\n  @media (max-width: ${Dimen.breakpointDownMd}px) {\n    top: auto;\n    bottom: -29px;\n    right: 49%;\n  }\n`;\n","type Maybe<T> = T | undefined;\n\ntype Connection<T> = {\n  edges: Maybe<\n    ReadonlyArray<\n      Maybe<{\n        node: T;\n      }>\n    >\n  >;\n};\n\nexport function unwrapConnection<T>(connection: Connection<T>): T[] {\n  const edges = (connection?.edges || []).filter(Boolean);\n  return edges.map((edge) => edge?.node).filter(Boolean) as T[];\n}\n\nexport function unwrapFirst<T>(connection: Connection<T>): T {\n  const first = unwrapConnection(connection)[0];\n  if (!first) {\n    throw new Error(\"Called unwrapFirst on a connection with no edges\");\n  }\n  return first;\n}\n"],"sourceRoot":""}