{"version":3,"sources":["webpack:///./src/pages/enquiries.js"],"names":["IndexPage","props","state","buttonVisibility","responseMessage","signUp","fullName","email","phone","message","handleChange","bind","handleSubmit","event","Object","assign","this","target","id","value","setState","console","log","JSON","stringify","preventDefault","apigClient","window","apigClientFactory","newClient","body","contactPost","then","result","data","catch","render","title","className","onSubmit","htmlFor","maxlength","name","placeholder","type","required","onChange","cols","rows","Component"],"mappings":"uLAMMA,E,YACF,WAAYC,GAAQ,IAAD,SACf,cAAMA,IAAN,MACKC,MAAQ,CACTC,iBAAkB,UAClBC,gBAAiB,GACjBC,OAAQ,CACJC,SAAU,GACVC,MAAO,GACPC,MAAO,GACPC,QAAS,KAIjB,EAAKC,aAAe,EAAKA,aAAaC,KAAlB,gBACpB,EAAKC,aAAe,EAAKA,aAAaD,KAAlB,gBAdL,E,4CAiBnBD,aAAA,SAAaG,GAAQ,IAAD,EACZX,EAAQY,OAAOC,OAAOC,KAAKd,MAAO,CAClCG,OAAQS,OAAOC,OAAOC,KAAKd,MAAMG,QAAzB,OAAoCQ,EAAMI,OAAOC,IAAKL,EAAMI,OAAOE,MAAnE,MAGZH,KAAKI,SAASlB,GAEdmB,QAAQC,IAAIT,EAAMI,OAAOE,Q,EAG7BP,aAAA,SAAaC,GAAQ,IAAD,OAChBG,KAAKI,SAAS,CAACjB,iBAAkB,cACjCkB,QAAQC,IAAI,eAAiBC,KAAKC,UAAUR,KAAKd,QACjDW,EAAMY,iBAEN,IAAIC,EAAaC,OAAOC,kBAAkBC,YACtCC,EAAO,CACPxB,SAAUU,KAAKd,MAAMG,OAAOC,SAC5BC,MAAOS,KAAKd,MAAMG,OAAOE,MACzBC,MAAOQ,KAAKd,MAAMG,OAAOG,MACzBC,QAASO,KAAKd,MAAMG,OAAOI,SAG/BiB,EAAWK,YAAY,GAAID,EAAM,IAC5BE,MAAK,SAASC,GACX,OAAOA,KAEVD,MAAK,SAAAC,GACkB,aAAhBA,EAAOC,KACP,EAAKd,SAAS,CACVhB,gBAAiB,oDAGrB,EAAKgB,SAAS,CACVhB,gBAAiB,2CAGzBiB,QAAQC,IAAIW,MAEfE,OAAO,SAASF,GACbZ,QAAQC,IAAIW,O,EAIxBG,OAAA,WACI,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKC,MAAM,cAEX,yBAAKC,UAAU,WACX,4BAAQA,UAAU,yCACd,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,mDACX,wBAAIA,UAAU,iBAAd,aACA,wBAAIA,UAAU,mBAAd,mGAMpB,yBAAKA,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,6DACX,0BAAMC,SAAUvB,KAAKJ,cACjB,yBAAK0B,UAAU,cACX,2BAAOE,QAAQ,YAAf,aAAoC,6CACpC,2BAAOF,UAAU,eAAepB,GAAG,WAAWuB,UAAU,MAAMC,KAAK,WAAWC,YAAY,YAAYC,KAAK,OAAOC,UAAQ,EAACC,SAAU9B,KAAKN,gBAE9I,yBAAK4B,UAAU,cACX,2BAAOE,QAAQ,SAAf,SAA6B,6CAC7B,2BAAOF,UAAU,eAAepB,GAAG,QAAQuB,UAAU,MAAMC,KAAK,QAAQC,YAAY,QAAQC,KAAK,QAAQC,UAAQ,EAACC,SAAU9B,KAAKN,gBAErI,yBAAK4B,UAAU,cACX,2BAAOE,QAAQ,SAAf,iBAAqC,6CACrC,2BAAOF,UAAU,eAAepB,GAAG,QAAQuB,UAAU,KAAKC,KAAK,QAAQC,YAAY,gBAAgBC,KAAK,OAAOC,UAAQ,EAACC,SAAU9B,KAAKN,gBAE3I,yBAAK4B,UAAU,cACX,2BAAOE,QAAQ,WAAf,WACA,8BAAUF,UAAU,eAAeS,KAAK,KAAK7B,GAAG,UAAUwB,KAAK,UAAUM,KAAK,KAAKF,SAAU9B,KAAKN,gBAGtG,4BAAQkC,KAAK,SAASN,UAAS,mBAAqBtB,KAAKd,MAAMC,kBAA/D,UACA,4BAAKa,KAAKd,MAAME,sBAOpC,kBAAC,IAAD,Q,GA7GQ6C,aAoHTjD","file":"component---src-pages-enquiries-js-fef165443001265c34b5.js","sourcesContent":["import React, { Component } from \"react\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport { FooterAlternate1 } from \"../components/footer\"\r\nimport SEO from \"../components/seo\"\r\n\r\nclass IndexPage extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            buttonVisibility: 'visible',\r\n            responseMessage: '',\r\n            signUp: {\r\n                fullName: '',\r\n                email: '',\r\n                phone: '',\r\n                message: ''                \r\n            }\r\n        };\r\n\r\n        this.handleChange = this.handleChange.bind(this);\r\n        this.handleSubmit = this.handleSubmit.bind(this);\r\n    }\r\n\r\n    handleChange(event) {\r\n        var state = Object.assign(this.state, {\r\n            signUp: Object.assign(this.state.signUp, { [event.target.id]: event.target.value }),\r\n        });\r\n        \r\n        this.setState(state);\r\n\r\n        console.log(event.target.value);\r\n    }\r\n\r\n    handleSubmit(event) {\r\n        this.setState({buttonVisibility: 'invisible'});\r\n        console.log('State Data: ' + JSON.stringify(this.state));\r\n        event.preventDefault();\r\n\r\n        var apigClient = window.apigClientFactory.newClient();\r\n        var body = {\r\n            fullName: this.state.signUp.fullName,\r\n            email: this.state.signUp.email,\r\n            phone: this.state.signUp.phone,\r\n            message: this.state.signUp.message\r\n        };\r\n        \r\n        apigClient.contactPost({}, body, {})\r\n            .then(function(result){\r\n                return result;\r\n            })\r\n            .then(result => {\r\n                if (result.data !== \"Complete\") {\r\n                    this.setState({\r\n                        responseMessage: 'An error occurred while submitting your enquiry'\r\n                    })\r\n                } else {\r\n                    this.setState({\r\n                        responseMessage: 'Thank you for submitting your enquiry!'\r\n                    })\r\n                }\r\n                console.log(result);\r\n            })\r\n            .catch( function(result){\r\n                console.log(result);\r\n            });\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <Layout>\r\n                <SEO title=\"Enquiries\" />\r\n                \r\n                <div className=\"article\">\r\n                    <header className=\"header header--basic article__header \">\r\n                        <div className=\"header__content\">\r\n                            <div className=\"container\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"header__inner col-md-9 col-lg-7 col-lg-offset-1\">\r\n                                        <h1 className=\"header__title\">Enquiries</h1>\r\n                                        <h3 className=\"header__caption\">Send us a short description of your needs and a member of the Tribe will respond promptly.</h3>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </header>\r\n                    <div className=\"container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"article__body col-sm-12 col-md-8 col-lg-offset-1 col-lg-7\">\r\n                                <form onSubmit={this.handleSubmit}>\r\n                                    <div className=\"form-group\">\r\n                                        <label htmlFor=\"fullName\">Full name <span>(required)</span></label>\r\n                                        <input className=\"form-control\" id=\"fullName\" maxlength=\"200\" name=\"fullName\" placeholder=\"Full Name\" type=\"text\" required onChange={this.handleChange} />\r\n                                    </div>\r\n                                    <div className=\"form-group\">\r\n                                        <label htmlFor=\"email\">Email <span>(required)</span></label>\r\n                                        <input className=\"form-control\" id=\"email\" maxlength=\"254\" name=\"email\" placeholder=\"Email\" type=\"email\" required onChange={this.handleChange} />\r\n                                    </div>\r\n                                    <div className=\"form-group\">\r\n                                        <label htmlFor=\"phone\">Contact phone <span>(required)</span></label>\r\n                                        <input className=\"form-control\" id=\"phone\" maxlength=\"20\" name=\"phone\" placeholder=\"Contact Phone\" type=\"text\" required onChange={this.handleChange} />\r\n                                    </div>\r\n                                    <div className=\"form-group\">\r\n                                        <label htmlFor=\"message\">Message</label>\r\n                                        <textarea className=\"form-control\" cols=\"40\" id=\"message\" name=\"message\" rows=\"10\" onChange={this.handleChange}>\r\n                                        </textarea>\r\n                                    </div>\r\n                                    <button type=\"submit\" className={`btn btn-default ${this.state.buttonVisibility}`}>Submit</button>\r\n                                    <h3>{this.state.responseMessage}</h3>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                \r\n                <FooterAlternate1 />\r\n\r\n            </Layout>\r\n        )\r\n    }\r\n}\r\n\r\nexport default IndexPage"],"sourceRoot":""}