{"version":3,"file":"component---src-pages-get-started-js-4a6f8b1d88c4a1e8eb29.js","mappings":"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","sources":["webpack://webhookdb-website/./src/components/ContactForm.js","webpack://webhookdb-website/./src/components/CtaAction.js","webpack://webhookdb-website/./src/components/WavesHeaderLayout.js","webpack://webhookdb-website/./src/pages/get-started.js"],"sourcesContent":["import \"../styles/custom.scss\";\n\nimport { Button, Form } from \"react-bootstrap\";\n\nimport React from \"react\";\nimport api from \"../modules/api\";\nimport { navigate } from \"gatsby\";\n\nexport default function ContactForm({ hideEmail, alt, className }) {\n  const [email, setEmail] = React.useState(\"\");\n  const [name, setName] = React.useState(\"\");\n  const [message, setMessage] = React.useState(\"\");\n  const [error, setError] = React.useState(\"\");\n  const [disabled, setDisabled] = React.useState(false);\n\n  function handleClear(e) {\n    e.preventDefault();\n    setEmail(\"\");\n    setName(\"\");\n    setMessage(\"\");\n  }\n\n  function handleSubmit(e) {\n    e.preventDefault();\n    setDisabled(true);\n    const body = {\n      form_name: \"contact\",\n      email,\n      name,\n      message,\n    };\n\n    return api\n      .contact(body)\n      .then(() => navigate(\"/thanks\"))\n      .catch((error) => {\n        console.error(error);\n        setError(\n          \"Sorry, something went wrong. Please email hello@webhookdb.com to get in touch.\"\n        );\n      })\n      .finally(() => setDisabled(false));\n  }\n\n  return (\n    <div id=\"contact\" className={className}>\n      <div>\n        {!hideEmail && (\n          <p>\n            Email us at <a href=\"mailto:hello@webhookdb.com\">hello@webhookdb.com</a> or\n            use this form:\n          </p>\n        )}\n        <Form as=\"form\" name=\"contact\" onSubmit={handleSubmit}>\n          <Form.Group controlId=\"name\">\n            <Form.Label>Name</Form.Label>\n            <Form.Control\n              required\n              type=\"name\"\n              name=\"name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </Form.Group>\n          <Form.Group controlId=\"email\">\n            <Form.Label>Email address</Form.Label>\n            <Form.Control\n              required\n              type=\"email\"\n              name=\"email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n            />\n            <Form.Text className={alt ? \"text-light\" : \"text-muted\"}>\n              We&rsquo;ll never share your email with anyone else.\n            </Form.Text>\n          </Form.Group>\n          <Form.Group controlId=\"message\">\n            <Form.Label>Message</Form.Label>\n            <Form.Control\n              as=\"textarea\"\n              type=\"textarea\"\n              name=\"message\"\n              rows={3}\n              value={message}\n              onChange={(e) => setMessage(e.target.value)}\n            />\n          </Form.Group>\n          {error && (\n            <div>\n              <p>{error}</p>\n            </div>\n          )}\n          <div className=\"d-flex justify-content-end\">\n            <Button\n              variant={alt ? \"outline-light\" : \"outline-primary\"}\n              type=\"reset\"\n              onClick={handleClear}\n            >\n              Clear\n            </Button>\n            <Button\n              className=\"ml-3 px-5\"\n              variant={alt ? \"light\" : \"primary\"}\n              type=\"submit\"\n              disabled={disabled}\n            >\n              Submit\n            </Button>\n          </div>\n        </Form>\n      </div>\n    </div>\n  );\n}\n","import ContactForm from \"./ContactForm\";\nimport Hilite from \"./Hilite\";\nimport Lead from \"./Lead\";\nimport { Link } from \"gatsby\";\nimport RLink from \"./RLink\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport staticData from \"./staticData\";\n\nexport default function CtaAction({ alt, className, formClassName }) {\n  const linkCls = alt ? \"alt-link\" : \"\";\n  return (\n    <div className={className}>\n      <Lead>\n        If you&rsquo;re interested in taking WebhookDB for a spin using our publicly\n        available integrations, head on over to the{\" \"}\n        <Link to=\"/terminal\" className={linkCls}>\n          terminal\n        </Link>{\" \"}\n        and <Hilite>get started from your browser.</Hilite> You can upgrade to a paid\n        plan, or{\" \"}\n        <RLink to={staticData.selfHosting} className={linkCls}>\n          switch to self-hosting\n        </RLink>\n        , later.\n      </Lead>\n      <Lead>\n        To get in touch, use this contact form, or email{\" \"}\n        <a href=\"mailto:hello@webhookdb.com\" className={linkCls}>\n          hello@webhookdb.com\n        </a>\n        .\n      </Lead>\n      <ContactForm\n        hideEmail\n        alt={alt}\n        className={clsx(\"max-width-sm\", formClassName)}\n      />\n    </div>\n  );\n}\n","import \"../styles/custom.scss\";\n\nimport Centered from \"../components/Centered\";\nimport { Container } from \"react-bootstrap\";\nimport LayoutPage from \"../components/LayoutPage\";\nimport React from \"react\";\nimport Waves from \"../components/Waves\";\n\nexport default function WavesHeaderLayout({ header, children, paddingClass, noWaves }) {\n  paddingClass = paddingClass || \"px-4\";\n  return (\n    <LayoutPage center>\n      <Container className=\"bg-primary text-light pt-5 px-4\" fluid>\n        <Centered>{header}</Centered>\n      </Container>\n      {!noWaves && <Waves height={100} />}\n      <Container className={`${paddingClass} mb-5`} fluid>\n        <Centered>{children}</Centered>\n        <div className=\"py-2\" />\n      </Container>\n    </LayoutPage>\n  );\n}\n","import \"../styles/custom.scss\";\n\nimport CtaAction from \"../components/CtaAction\";\nimport React from \"react\";\nimport Seo from \"../components/Seo\";\nimport WavesHeaderLayout from \"../components/WavesHeaderLayout\";\n\nexport default function GetStarted() {\n  return (\n    <WavesHeaderLayout header={<CtaAction alt className=\"mb-4\" />}>\n      <Seo title=\"Get Started\" />\n      <div />\n    </WavesHeaderLayout>\n  );\n}\n"],"names":["ContactForm","hideEmail","alt","className","React","email","setEmail","name","setName","message","setMessage","error","setError","disabled","setDisabled","id","href","as","onSubmit","e","preventDefault","body","form_name","api","then","navigate","catch","console","finally","controlId","required","type","value","onChange","target","rows","variant","onClick","CtaAction","formClassName","linkCls","Link","to","staticData","clsx","WavesHeaderLayout","header","children","paddingClass","noWaves","center","fluid","height","GetStarted","title"],"sourceRoot":""}