{"version":3,"sources":["webpack:///./src/components/global/CallToAction/index.js","webpack:///./src/components/global/NewsletterCard/index.js","webpack:///./src/pages/newsletters.js"],"names":["CallToAction","emailInput","callToActiondata","useStaticQuery","SUBSCRIBE_TO_NEWSLETTER","gql","useState","errorsState","setErrors","useMutation","subscribeToAngularNewsletter","data","className","source","strapiGlobalData","subscribeForm","onSubmit","e","preventDefault","email","lastAtPos","lastIndexOf","lastDotPos","indexOf","length","value","variables","input","listId","handleSubmit","style","display","color","textAlign","type","placeholder","ref","node","subscribeFormBtnTxt","backgroundColor","marginTop","createSubscribe","subscribe","NewsletterCard","render","this","props","title","sendDate","position","flexDirection","minHeight","padding","flex","fontSize","fontWeight","textDecoration","transitionTimingFunction","transitionProperty","transitionDuration","to","slugify","toLowerCase","lineHeight","transitionDurationstyle","PureComponent","darkMode","window","localStorage","getItem","NewsletterPage","allStrapiNewsletterArticlesSingleSends","bodyTheme","description","Menu","darkModeToggle","edges","map","i","moment","format","key","Footer"],"mappings":"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","file":"component---src-pages-newsletters-js-56f729d8dfe3001e51ef.js","sourcesContent":["import React, { useState } from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport ReactMarkdown from \"react-markdown\"\nimport { gql, useMutation } from \"@apollo/client\"\n\nconst CallToAction = () => {\n  const callToActiondata = useStaticQuery(graphql`\n    query CallToActionQuery {\n      strapiGlobalData {\n        subscribeForm\n        subscribeFormBtnTxt\n      }\n    }\n  `)\n\n  const SUBSCRIBE_TO_NEWSLETTER = gql`\n    mutation createSubscribe($input: createSubscribeInput) {\n      createSubscribe(input: $input) {\n        subscribe {\n          email\n        }\n      }\n    }\n  `\n  const [errorsState, setErrors] = useState()\n\n  let emailInput\n  const [subscribeToAngularNewsletter, { data }] = useMutation(\n    SUBSCRIBE_TO_NEWSLETTER\n  )\n\n  const postSubscribeContent = {\n    marginTop: \"15px\",\n  }\n\n  const separator = {\n    backgroundColor: \"#ffffff\",\n  }\n\n  const emailLabel = {\n    display: \"block\",\n    color: \"red\",\n    textAlign: \"left\",\n  }\n\n  function handleSubmit(email) {\n    //Email\n    if (!email) {\n      setErrors(\"Cannot be empty\")\n      return\n    }\n\n    if (typeof email !== \"undefined\") {\n      let lastAtPos = email.lastIndexOf(\"@\")\n      let lastDotPos = email.lastIndexOf(\".\")\n\n      if (\n        !(\n          lastAtPos < lastDotPos &&\n          lastAtPos > 0 &&\n          email.indexOf(\"@@\") == -1 &&\n          lastDotPos > 2 &&\n          email.length - lastDotPos > 2\n        )\n      ) {\n        setErrors(\"Email is not valid\")\n        return\n      }\n    }\n\n    emailInput.value = \"\"\n\n    subscribeToAngularNewsletter({\n      variables: {\n        input: {\n          data: {\n            email: email,\n            listId: \"46594b23-205d-436d-b844-80d276fa66bf\",\n          },\n        },\n      },\n    })\n  }\n\n  return (\n    <div className=\"call-to-action\">\n      <div className=\"call-to-action-content\">\n        <ReactMarkdown\n          source={callToActiondata.strapiGlobalData.subscribeForm || \"N/A\"}\n        />\n        {!data && (\n          <form\n            onSubmit={e => {\n              e.preventDefault()\n              handleSubmit(emailInput.value)\n            }}\n          >\n            {errorsState && <label style={emailLabel}>*{errorsState}</label>}\n            <div className=\"form-subscribe\">\n              <input\n                type=\"text\"\n                className=\"form-control\"\n                placeholder=\"Please enter your email address\"\n                ref={node => {\n                  emailInput = node\n                }}\n              />\n              <button type=\"submit\" className=\"btn btn-primary\">\n                {callToActiondata.strapiGlobalData.subscribeFormBtnTxt}\n              </button>\n            </div>\n          </form>\n        )}\n\n        {data && (\n          <div>\n            <hr style={separator} />\n            <div style={postSubscribeContent}>\n              <h4>\n                Look at you go! {data.createSubscribe.subscribe.email} is\n                subscribed!!!\n              </h4>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default CallToAction\n","import React, { PureComponent } from \"react\"\nimport PropTypes from \"prop-types\"\nimport slugify from \"slugify\"\nimport { Link } from \"@reach/router\"\n\nclass NewsletterCard extends PureComponent {\n  static propTypes = {\n    title: PropTypes.string.isRequired,\n    sendDate: PropTypes.string.isRequired,\n  }\n\n  render() {\n    const { title, sendDate } = this.props\n\n    const newsletterCard = {\n      position: \"relative\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      minHeight: \"100%\",\n    }\n\n    const newsletterCardContent = {\n      padding: \"1.75rem\",\n      flex: \"1\",\n      backgroundColor: \"#0c4b40\",\n    }\n\n    const newsletterCardContentSpan = {\n      fontWeight: \"500\",\n      color: \"#FDE4E0\",\n    }\n\n    const newsletterCardDate = {\n      display: \"inline-block\",\n      fontSize: \"0.875rem\",\n      fontWeight: \"400\",\n      textDecoration: \"none\",\n      color: \"rgba(253, 228, 224, 0.5)\",\n      transitionTimingFunction: \"ease\",\n      transitionProperty: \"color\",\n      transitionDuration: \"100ms\",\n    }\n\n    const newsletterCardDateH6 = {\n      marginTop: \"1.25rem\",\n      fontSize: \"1.425rem\",\n      fontWeight: \"500\",\n      lineHeight: \"1.325\",\n    }\n\n    const newsletterCardDateH6Link = {\n      fontWeight: \"500\",\n      color: \"rgb(253, 228, 224)\",\n      transitionTimingFunction: \"ease\",\n      transitionProperty: \"color, background\",\n      transitionDurationstyle: \"100ms\",\n    }\n\n    return (\n      <div style={newsletterCard}>\n        <div style={newsletterCardContent}>\n          <Link\n            style={newsletterCardDate}\n            to={`/${slugify(title.toLowerCase())}/`}\n          >\n            released <span style={newsletterCardContentSpan}>{sendDate}</span>\n          </Link>\n          <h6 style={newsletterCardDateH6}>\n            <Link\n              style={newsletterCardDateH6Link}\n              to={`/${slugify(title.toLowerCase())}/`}\n            >\n              {title}\n            </Link>\n          </h6>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default NewsletterCard\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport Menu from \"../components/global/Menu\"\nimport Footer from \"../components/global/Footer\"\nimport { graphql } from \"gatsby\"\nimport moment from \"moment\"\nimport SEO from \"../components/seo\"\nimport NewsletterCard from \"../components/global/NewsletterCard\"\nimport CallToAction from \"../components/global/CallToAction\"\n\nlet darkMode =\n  typeof window !== `undefined` ? window.localStorage.getItem(\"darkMode\") : null\n\nconst NewsletterPage = ({\n  data: { allStrapiNewsletterArticlesSingleSends },\n}) => {\n  return (\n    <Layout\n      bodyTheme={darkMode === \"true\" ? \"theme-blog-dark\" : \"theme-blog-light\"}\n    >\n      <SEO title=\"Newsletters\" description=\"Razroo Newsletter Archive\" />\n      <header>\n        <Menu darkModeToggle=\"true\" darkMode={darkMode === \"true\"} />\n      </header>\n      <main className=\"page-wrapper\">\n        <section className=\"section section-first\">\n          <div className=\"container\">\n            <div className=\"row\">\n              <div className=\"col-lg-12\">\n                <div className=\"section-heading text-center\">\n                  <div className=\"section-heading-text\">\n                    <h1>Newsletter Archive</h1>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div className=\"row\">\n              <div className=\"col-lg-12\">\n                <div className=\"blog-room\">\n                  <div className=\"blog-room-list\">\n                    <div className=\"grid grid-1 grid-sm-2 grid-lg-4 grid-small-articles\">\n                      {allStrapiNewsletterArticlesSingleSends.edges.map(\n                        ({ node }, i) => {\n                          let sendDate = moment(node[\"send_at\"]).format(\"LL\")\n\n                          return (\n                            <div className=\"grid-item\" key={i}>\n                              <NewsletterCard\n                                title={node[\"name\"]}\n                                sendDate={sendDate}\n                              />\n                            </div>\n                          )\n                        }\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-lg-12\">\n            <CallToAction />\n          </div>\n        </section>\n\n        <Footer />\n      </main>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query allStrapiNewsletterArticlesSingleSendsQuery {\n    allStrapiNewsletterArticlesSingleSends {\n      edges {\n        node {\n          name\n          strapiId\n          send_at\n        }\n      }\n    }\n  }\n`\n\nexport default NewsletterPage\n"],"sourceRoot":""}