{"version":3,"sources":["webpack:///./src/components/contact.js","webpack:///./src/templates/service.js"],"names":["Contact","props","state","messageSent","contactSchema","Yup","shape","name","min","max","required","matches","email","companyName","phoneNumber","positive","message","render","id","className","initialValues","to","cc","validationSchema","this","onSubmit","values","resetForm","axios","method","url","data","then","response","statusCode","setState","prevState","catch","error","console","log","errors","touched","placeholder","type","component","rows","React","Component","ServiceTemplate","get","servicesNav","heroImage","background","image","file","backgroundSize","lang","title","content","seoDescription","childMarkdownRemark","rawMarkdownBody","property","host","slug","fluid","src","data-cbid","async","style","approach","dangerouslySetInnerHTML","__html","services","html","platforms","technology","pageQuery"],"mappings":"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","file":"component---src-templates-service-js-af7fee79e8fbac6e418f.js","sourcesContent":["import React from 'react'\nimport Img from 'gatsby-image'\nimport { Link } from 'gatsby'\nimport { Formik, Form, Field} from 'formik'\nimport * as Yup from 'yup'\nimport axios from 'axios'\n\nclass Contact extends React.Component {\n\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tmessageSent: false\n\t\t}\n\t\tthis.contactSchema = Yup.object().shape({\n\t\t\tname: Yup.string().min(2, 'Too Short!').max(50, 'Too Long!').required('Required').matches(/[^0-9]/,'Numbers in the name?'),\n\t\t\temail: Yup.string().email('invalid email').required('Required!'),\n\t\t\tcompanyName: Yup.string().min(2, 'Too short!').required('Required!'),\n\t\t\tphoneNumber: Yup.number().required('Required').positive(),\n\t\t\tmessage: Yup.mixed().required('Required')\n\t\t})\n\t}\n\n\trender() {\n\t\treturn(\n\t\t<section id=\"contact\" className=\"section has-background-light\">\n\t\t\t<div className=\"container\">\n\t\t\t\t<h1 className=\"title has-text-danger has-text-centered is-size-1 is-size-2-mobil\">Contact Us</h1>\n\t\t\t\t<Formik \n\t\t\t\t\tinitialValues={{\n\t\t\t\t\t\tto:'sarahyam%40reddigitalchina.com',\n\t\t\t\t\t\tcc:'stan.sun%40reddigitallab.com',\n\t\t\t\t\t\tname:'',\n\t\t\t\t\t\temail:'',\n\t\t\t\t\t\tcompanyName:'',\n\t\t\t\t\t\tphoneNumber:'',\n\t\t\t\t\t\tmessage:'',\n\t\t\t\t\t}}\n\t\t\t\t\tvalidationSchema={this.contactSchema}\n\t\t\t\t\tonSubmit={(values, {resetForm}) => {\n\t\t\t\t\t\t// same shape as initial values\n\t\t\t\t\t\taxios({\n\t\t\t\t\t\t\tmethod: 'post',\n\t\t\t\t\t\t\turl:'https://8dbp32h7ge.execute-api.eu-west-1.amazonaws.com/dev/?format=json',\n\t\t\t\t\t\t\tdata: `_to=${values[\"to\"]}&_cc=${values[\"cc\"]}&_replyTo=${values[\"email\"]}&name=${values[\"name\"]}&email=${values[\"email\"]}&company=${values[\"companyName\"]}&phone=${values[\"phoneNumber\"]}&message=${values[\"message\"]}`,\n\t\t\t\t\t\t}).then((response) => {\n\t\t\t\t\t\t\tif (response.data.statusCode==200) {\n\t\t\t\t\t\t\t\tthis.setState(prevState => ({\n\t\t\t\t\t\t\t\t\tmessageSent: !prevState.messageSent\n\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\tto:'sarahyam%40reddigitalchina.com',\n\t\t\t\t\t\t\t\tcc:'sunqqxp%40gmail.com',\n\t\t\t\t\t\t\t\tname:'',\n\t\t\t\t\t\t\t\temail:'',\n\t\t\t\t\t\t\t\tcompanyName:'',\n\t\t\t\t\t\t\t\tphoneNumber:'',\n\t\t\t\t\t\t\t\tmessage:'',\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}).catch((error) => {\n\t\t\t\t\t\t\tconsole.log(error)\n\t\t\t\t\t\t})\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{({errors, touched}) => (\n\t\t\t\t\t\t<div className=\"columns is-centered\">\n\t\t\t\t\t\t\t<div className=\"column is-7\">\n\t\t\t\t\t\t\t\t<Form id=\"Red Digital China Contact Form\">\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control has-text-centered\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.messageSent ? (<p className=\"is-danger message-submitted\">Thanks for your message we will get back to you within 3 business days</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"name\" placeholder=\"Name*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-user\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.name && touched.name ? (<p className=\"help is-danger\">{errors.name}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"email\" type=\"email\" placeholder=\"Email*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-envelope\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.email && touched.email ? (<p className=\"help is-danger\">{errors.email}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"companyName\" placeholder=\"Company Name*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-building\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.companyName && touched.companyName ? (<p className=\"help is-danger\">{errors.companyName}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"phoneNumber\"  placeholder=\"Phone Number*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-phone-volume\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.phoneNumber && touched.phoneNumber ? (<p className=\"help is-danger\">Wrong phone number format, please enter number only</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"textarea is-medium\" placeholder=\"Drop your message here*\" component=\"textarea\" name=\"message\" rows=\"8\"/>\t\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.message && touched.message ? (<p className=\"help is-danger\">{errors.message}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control has-text-centered\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button className=\"button is-danger is-medium\" type=\"submit\">Send message</button>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\t\n\t\t\t\t</Formik>\n\n\t\t\t</div>\n\t\t</section>\n\t)}\n}\n\nexport default Contact","import React from 'react'\nimport { graphql } from 'gatsby'\nimport Helmet from 'react-helmet'\nimport get from 'lodash/get'\nimport Img from 'gatsby-image'\nimport Nav from '../components/navigation'\nimport Footer from '../components/footer'\nimport Contact from '../components/contact'\n\n\nclass ServiceTemplate extends React.Component {\n\n  render() {\n    const host = 'https://www.reddigitalchina.com'\n    const data = get(this.props, 'data.contentfulOurServices')\n    const servicesNav = get(this.props,'data.allContentfulOurServices.edges')\n    const heroImage = {\n      background:`linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(\"${data.image.file.url}\")`,\n      backgroundSize:'cover'\n    }\n\n    return (\n      <div>\n        <Helmet>\n          <html lang=\"en\"/>\n          <title>Chinese {data.title} | Red Digital China</title>\n          <meta name=\"description\" content={data.seoDescription.childMarkdownRemark.rawMarkdownBody}/>\n          <meta property=\"og:url\" content={`${host}/services/${data.slug}`}/>\n          <meta property=\"og:type\" content=\"article\"/>\n          <meta property=\"og:local\" content=\"en_GB\"/>\n          <meta property=\"og:title\" content={data.title}/>\n          <meta property=\"og:description\" content={data.seoDescription.childMarkdownRemark.rawMarkdownBody}/>\n          <meta property=\"og:site_name\" content=\"Red Digital China: Chinese digital agency\"/>\n          <meta property=\"og:image\" content={data.image.fluid.src}/>\n          <script id=\"Cookiebot\" src=\"https://consent.cookiebot.com/uc.js\" data-cbid=\"79580515-4c86-4e39-aa84-3d661091d2e0\" type=\"text/javascript\" async></script>\n        </Helmet>\n        <section className=\"hero is-medium\" style={heroImage}>\n          <div className=\"hero-head\">\n            <Nav servicesNav={servicesNav}/>\n          </div>\n          <div className=\"hero-body\">\n            <div className=\"container has-text-centered\">\n              <h1 className=\"title has-text-white is-capitalized is-size-1 is-size-3-mobile\">chinese {data.title}</h1>\n            </div>\n          </div>\n        </section>\n        <section className=\"section\">\n          <div className=\"container\">\n            <div className=\"columns is-centered\">\n              <div className=\"column is-8\">\n                  <div>\n                        <div className=\"content\"> \n                            <h1 className=\"title is-size-2 is-size-4-mobile\">\n                            Approach\n                            </h1>\n                            <hr className=\"title-underline\"/>\n                            <p className=\"content is-large is-size-5-mobile\">{data.approach.childMarkdownRemark.rawMarkdownBody} </p>\n                        </div>\n                        <div className=\"content\">\n                            <h1 className=\"title is-size-2 is-size-4-mobile\">\n                            Services\n                            </h1>\n                            <hr className=\"title-underline\"/>\n                            <div className=\"content is-large is-size-5-mobile\"\n                                dangerouslySetInnerHTML={{\n                                __html: data.services.childMarkdownRemark.html,\n                                }}\n                            />\n                        </div>\n                        {\n                            data.platforms ? (\n                                <div className=\"content\">\n                                    <h1 className=\"title is-size-2 is-size-4-mobile\">\n                                    Platforms\n                                    </h1>\n                                    <hr className=\"title-underline\"/>\n                                    <div className=\"content is-large is-size-5-mobile\"\n                                        dangerouslySetInnerHTML={{\n                                        __html: data.platforms.childMarkdownRemark.html,\n                                        }}\n                                    />\n                                </div>\n                            ) : null\n                        }\n                        {\n                            data.technology? (\n                                <div className=\"content\">\n                                    <h1 className=\"title is-size-2 is-size-4-mobile\">\n                                    Technology\n                                    </h1>\n                                    <hr className=\"title-underline\"/>\n                                    <div className=\"content is-large is-size-5-mobile\"\n                                        dangerouslySetInnerHTML={{\n                                        __html: data.technology.childMarkdownRemark.html,\n                                        }}\n                                    />\n                                </div>\n                               \n                            ): null\n                        }\n                  </div>\n              </div>\n            </div>\n          </div>        \n        </section>\n        <Contact/>\n        <Footer/>\n      </div>\n    )\n  }\n}\n\nexport default ServiceTemplate\n\nexport const pageQuery = graphql`\n  query ServiceBySlug($slug: String!) {\n    allContentfulOurServices(filter: {node_locale: {eq: \"en-GB\"}}, sort: {order: ASC, fields: order}) {\n        edges {\n          node {\n            title\n            slug\n          }\n        }\n      }  \n    contentfulOurServices(slug: { eq: $slug }) {\n        title\n        slug\n        image {\n          fluid(quality: 100, resizingBehavior: FILL) {\n            src\n            }\n            file {\n            url\n            }\n        }\n        featureImage{\n          file{\n            url\n          }\n          fluid(quality:100){\n            src\n          }\n        }\n        seoDescription{\n            childMarkdownRemark{\n              rawMarkdownBody\n            }\n        }\n        approach {\n            childMarkdownRemark {\n                excerpt    \n                rawMarkdownBody\n            }\n        }\n        services {\n            childMarkdownRemark {\n                html\n            }\n        }\n        platforms {\n            childMarkdownRemark {\n                html\n            }\n        }\n        technology{\n            childMarkdownRemark{\n              html\n            }\n        }\n    }\n  }\n`"],"sourceRoot":""}