https://artofmakingthings.com/static/js/Contact.249df2ab.chunk.js

1"use strict";(self.webpackChunkartofmakingthings=self.webpackChunkartofmakingthings||[]).push([[9337],{50926:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(15671),i=n(43144),a=n(97326),s=n(60136),o=n(29388),c=n(47313),p=n(93020),l=n(90182),d=n(46417),u=function(e){(0,s.Z)(n,e);var t=(0,o.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this,e)).state={},(0,p.Z)((0,a.Z)(i)),i}return(0,i.Z)(n,[{key:"render",value:function(){return(0,d.jsxs)("div",{className:"page",children:[!this.props.disableMetadata&&(0,d.jsxs)(l.q,{children:[(0,d.jsx)("title",{children:this.props.title}),(0,d.jsx)("meta",{name:"description",content:this.props.description}),void 0!==this.props.structuredData&&(0,d.jsx)("script",{type:"application/ld+json",children:JSON.stringify(this.props.structuredData)})]}),this.props.children]})}}]),n}(c.Component);u.defaultProps={title:"",description:"",structuredData:void 0,disableMetadata:!1,children:[]};var h=u},65250:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(15671),i=n(43144),a=n(97326),s=n(60136),o=n(29388),c=n(47313),p=n(93020),l=n(32558),d=n(46417),u=function(e){(0,s.Z)(n,e);var t=(0,o.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this)).state={touched:!1},(0,p.Z)((0,a.Z)(i)),i}return(0,i.Z)(n,[{key:"componentDidMount",value:function(){var e=this.props.name;this.props.mountCallback(),void 0!==this.props.inputRef&&(this[this.props.name]=this.props.inputRef.current),void 0!==this[e]&&this[e].addEventListener("keydown",this.enterHandler)}},{key:"changeHandler",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];n?this.props.blurCallback(e,t):this.props.changeCallback(e,t)}},{key:"blurHandler",value:function(e,t){this.changeHandler(e,t,!0),this.setState({touched:!0})}},{key:"enterHandler",value:function(e){13===e.keyCode&&this.props.isEnterBlur&&this[this.props.name].blur()}},{key:"render",value:function(){var e=this,t=!this.props.valid&&this.state.touched&&!this.props.disabled||"submitFalse"===this.props.valid,n="";return n+={normal:" text-input--default ",box:" text-input--box-border "}[this.props.fieldType],n+={clear:" text-input--background-clear ",white:" text-input--background-white "}[this.props.background],n+={normal:" text-input--normal-case ",uppercase:" text-input--uppercase "}[this.props.textCase],n+={red:" text-input--error-message-red ",white:" text-input--error-message-white "}[this.props.errorMessageColor],n+=t?" text-input--error ":" ",n+=this.props.disabled?" text-input--disabled ":" ",n+=""!==this.props.label?" ":" text-input--no-label ",n+=this.props.staticLabel?" text-input--static-label ":" ",n+=""!==this.props.value?" text-input--active ":" ",n+=this.props.hideErrorSpace?" text-input--hide-error-space ":" ",(0,d.jsxs)("div",{className:"text-input "+n,children:[(0,d.jsxs)("span",{className:"text-input__field-wrapper ",children:[(0,d.jsx)("input",{className:"text-input__field "+this.props.textClassNames,ref:void 0===this.props.inputRef?function(t){return(0,l.k$)(e,t,e.props.name)}:this.props.inputRef,value:null===this.props.value?"":this.props.value,type:this.props.type,name:this.props.name,placeholder:this.props.placeholder,min:this.props.min,max:this.props.max,step:this.props.step,required:!0,onChange:function(t){return e.changeHandler(t.target.value,e.props.name)},onBlur:this.props.blurCheck?function(t){return e.blurHandler(t.target.value,e.props.name)}:null}),(0,d.jsx)("label",{className:"text-input__label",children:this.props.label}),(0,d.jsx)("div",{className:"label text-input__spacer ",children:this.props.label})]}),void 0!==this.props.maxCharacters?(0,d.jsx)("p",{style:{fontSize:".8em",color:this.props.value.length>this.props.maxCharacters?"red":"inherit"},children:this.props.value.length+" / "+this.props.maxCharacters}):null,(0,d.jsx)("div",{className:"text-input__error-container",children:t?(0,d.jsx)("p",{className:"text-input__message",children:this.props.exception}):void 0!==this.props.hint&&(0,d.jsx)("p",{className:"text-input__message",children:this.props.hint})})]})}}]),n}(c.Component);u.defaultProps={name:void 0,value:"",valid:!0,exception:null,label:"",hint:void 0,disabled:!1,type:"text",min:void 0,max:void 0,step:1,blurCheck:!0,staticLabel:!1,isEnterBlur:!0,fieldType:"normal",background:"clear",textCase:"normal",textClassNames:"",errorMessageColor:"red",hideErrorSpace:!1,changeCallback:function(){return!1},blurCallback:function(){return!1},mountCallback:function(){return!1}};var h=u},1278:function(e,t,n){n.d(t,{Z:function(){return b}});var r=n(1413),i=n(74165),a=n(15861),s=n(15671),o=n(43144),c=n(97326),p=n(60136),l=n(29388),d=n(47313),u=n(9302

10),h=n(86480);function f(e,t,n){var r={name:e,email:t,message:n};return h.ZP.post("/contact",r)}function m(e){var t={email:e};return h.ZP.post("/user/password-reset-request",t)}function v(e){var t={email:e};return h.ZP.post("/user/email-verification",t)}var g=n(46417),b=function(e){var t=function(t){(0,p.Z)(d,t);var n=(0,l.Z)(d);function d(e){var t;return(0,s.Z)(this,d),(t=n.call(this,e)).state={},(0,u.Z)((0,c.Z)(t)),t}return(0,o.Z)(d,[{key:"sendResetPasswordEmail",value:function(){var e=(0,a.Z)((0,i.Z)().mark((function e(t){var n,r=arguments;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:function(){return!1},e.next=3,m(t);case 3:400===e.sent.status?n(!1):n(!0);case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()},{key:"resendVerificationEmail",value:function(){var e=(0,a.Z)((0,i.Z)().mark((function e(t){var n,r=arguments;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=r.length>1&&void 0!==r[1]?r[1]:function(){return!1},e.next=3,v(t);case 3:400===e.sent.status?n(!1):n(!0);case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()},{key:"sendContactEmail",value:function(){var e=(0,a.Z)((0,i.Z)().mark((function e(t,n,r,a){var s;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(t,n,r);case 2:s=e.sent,a(s.data);case 4:case"end":return e.stop()}}),e)})));return function(t,n,r,i){return e.apply(this,arguments)}}()},{key:"render",value:function(){return(0,g.jsx)(e,(0,r.Z)({sendResetPasswordEmail:this.sendResetPasswordEmail,resendVerificationEmail:this.resendVerificationEmail,sendContactEmail:this.sendContactEmail},this.props))}}]),d}(d.Component);return t}},24083:function(e,t,n){n.r(t),n.d(t,{default:function(){return j}});var r=n(1413),i=n(74165),a=n(15861),s=n(15671),o=n(43144),c=n(97326),p=n(60136),l=n(29388),d=n(47313),u=n(68945),h=n(93020),f=n(95146),m=n(85982),v=n(6870),g=n(68187),b=n(58847),x=n(65250),y=n(51707),k=n(82123),C=n(50926),w=n(62375),Z=n(1278),E=n(46417),_={saveField:m.vR,addFieldWarning:m.BX},L=function(e){(0,p.Z)(n,e);var t=(0,l.Z)(n);function n(e){var r;return(0,s.Z)(this,n),(r=t.call(this,e)).state={captchaVerification:null,emailSent:!1,isLoading:!1,fieldNames:["contactName","contactEmail","contactEmailContents"]},(0,h.Z)((0,c.Z)(r)),r}return(0,o.Z)(n,[{key:"componentDidMount",value:function(){this.clearFields()}},{key:"componentWillUnmount",value:function(){this.clearFields()}},{key:"sendContactEmail",value:function(){var e=(0,a.Z)((0,i.Z)().mark((function e(){var t;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=this.props.fields,e.next=3,this.props.verifySubmit(this.state.fieldNames);case 3:e.sent&&(this.props.sendContactEmail(t.contactName.value,t.contactEmail.value,t.contactEmailContents.value,this.sendContactEmailCallback),this.setState({isLoading:!0}));case 5:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"sendContactEmailCallback",value:function(e){null!==e?(this.setState({emailSent:!0,isLoading:!1}),this.clearFields()):(this.props.saveField("contactEmailContents",this.props.fields.contactEmailContents.value,"submitFalse"),this.props.addFieldWarning("contactEmailContents","Something went wrong, and we were unable to send your message. Please try again later."),this.setState({isLoading:!1}))}},{key:"clearFields",value:function(){var e=this;this.state.fieldNames.map((function(t){return e.props.saveField(t,"",!0)}))}},{key:"setCaptchaVerification",value:function(){this.setState({captchaVerification:!0})}},{key:"checkField",value:function(e,t){this.props.verifyInputs([{name:t,value:e}],!1,!1),this.state.emailSent&&this.setState({emailSent:!1})}},{key:"render",value:function(){var e=this.props.fields,t=this.props.isDesktop;return(0,E.jsxs)(C.Z,{title:"Contact | The Art of Making Things",description:"Contact us to ask questions abuout the website, making things, or anything else you want to inquire about.",children:[(0,E.jsxs)(k.x,{column:!0,maxWidth:"50em",children:[(0,E.jsx)("h1",{className:"text--center",children:"Contact Us"}),(0,E.jsx)("p",{children:"If you have any questions, comments, suggestions, or anything else, please submit this form.\n                        We'll get back to you as soon as possible. Keep in mind that longer, more technical questions may take longer to reply to, but we'll try to respond\n                        as quickly as we can."})]}),(0,E.jsx)("div",{className:"contact",children:(0,E.jsxs)(g.Z,{loading:this.state.isLoading,children:[(0,E.jsx)(x.Z,(0,r.Z)((0,r.Z)({label:"Name"},e.contactName),{},{blurCallback:this.checkField,changeCallback:this.checkField})),(0,E.jsx)(x.Z,(0,r.Z)((0,r.Z)({label:"Email"},e.contactEmail),{},{name:"contactEmail",changeCallback:this.checkField,blurCallback:this.checkField})),(0,E.jsx)(k.x,{marginTop:"1em",children:(0,E.jsx)(y.Z,(0,r.Z)((0,r.Z)({blurCheck:!1,staticLabel:!0,rows:8},e.contactEmailContents),{},{name:"contactEmailContents",changeCallback:this.checkField,blurCallback:this.checkField}))}),(0,E.jsx)(k.x,{center:!0,flex:"1 0 auto",children:(0,E.jsx)(f.Z,{sitekey:v.LI,onChange:this.setCaptchaVerification,size:t?"normal":"compact"})}),(0,E.jsxs)(k.x,{center:!0,flex:"1 0 auto",column:!0,children:[(0,E.jsx)(k.x,{center:!0,width:"100%",children:this.state.isLoading?(0,E.jsx)(b.Z,{color:"orange",children:"Sending..."}):(0,E.jsx)(b.Z,{color:"orange",isDisabled:null===this.state.captchaVerification,onClick:this.sendContactEmail,children:"Send message"})}),this.state.emailSent&&(0,E.jsx)("p",{className:"text--bold",children:"Your email has been sent!"})]})]})})]})}}]),n}(d.Component);

1L.defaultProps={fields:{}};var j=(0,Z.Z)((0,w.Z)((0,u.$j)((function(e){return{fields:e.fields,isDesktop:e.isDesktop}}),_)(L)))},95146:function(e,t,n){n.d(t,{Z:function(){return y}});var r=n(47313),i=n(75192),a=n.n(i);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var c=function(e){var t,n;function i(){var t;return(t=e.call(this)||this).handleExpired=t.handleExpired.bind(o(t)),t.handleErrored=t.handleErrored.bind(o(t)),t.handleRecaptchaRef=t.handleRecaptchaRef.bind(o(t)),t}n=e,(t=i).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var a=i.prototype;return a.getValue=function(){return this.props.grecaptcha&&void 0!==this._widgetId?this.props.grecaptcha.getResponse(this._widgetId):null},a.getWidgetId=function(){return this.props.grecaptcha&&void 0!==this._widgetId?this._widgetId:null},a.execute=function(){var e=this.props.grecaptcha;if(e&&void 0!==this._widgetId)return e.execute(this._widgetId);this._executeRequested=!0},a.reset=function(){this.props.grecaptcha&&void 0!==this._widgetId&&this.props.grecaptcha.reset(this._widgetId)},a.handleExpired=function(){this.props.onExpired?this.props.onExpired():this.props.onChange&&this.props.onChange(null)},a.handleErrored=function(){this.props.onErrored&&this.props.onErrored()},a.explicitRender=function(){if(this.props.grecaptcha&&this.props.grecaptcha.render&&void 0===this._widgetId){var e=document.createElement("div");this._widgetId=this.props.grecaptcha.render(e,{sitekey:this.props.sitekey,callback:this.props.onChange,theme:this.props.theme,type:this.props.type,tabindex:this.props.tabindex,"expired-callback":this.handleExpired,"error-callback":this.handleErrored,size:this.props.size,stoken:this.props.stoken,hl:this.props.hl,badge:this.props.badge}),this.captcha.appendChild(e)}this._executeRequested&&this.props.grecaptcha&&void 0!==this._widgetId&&(this._executeRequested=!1,this.execute())},a.componentDidMount=function(){this.explicitRender()},a.componentDidUpdate=function(){this.explicitRender()},a.componentWillUnmount=function(){void 0!==this._widgetId&&(this.delayOfCaptchaIframeRemoving(),this.reset())},a.delayOfCaptchaIframeRemoving=function(){var e=document.createElement("div");for(document.body.appendChild(e),e.style.display="none";this.captcha.firstChild;)e.appendChild(this.captcha.firstChild);setTimeout((function(){document.body.removeChild(e)}),5e3)},a.handleRecaptchaRef=function(e){this.captcha=e},a.render=function(){var e=this.props,t=(e.sitekey,e.onChange,e.theme,e.type,e.tabindex,e.onExpired,e.onErrored,e.size,e.stoken,e.grecaptcha,e.badge,e.hl,function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,["sitekey","onChange","theme","type","tabindex","onExpired","onErrored","size","stoken","grecaptcha","badge","hl"]));return r.createElement("div",s({},t,{ref:this.handleRecaptchaRef}))},i}(r.Component);c.displayName="ReCAPTCHA",c.propTypes={sitekey:a().string.isRequired,onChange:a().func,grecaptcha:a().object,theme:a().oneOf(["dark","light"]),type:a().oneOf(["image","audio"]),tabindex:a().number,onExpired:a().func,onErrored:a().func,size:a().oneOf(["compact","normal","invisible"]),stoken:a().string,hl:a().string,badge:a().oneOf(["bottomright","bottomleft","inline"])},c.defaultProps={onChange:function(){},theme:"light",type:"image",tabindex:0,size:"normal",badge:"bottomright"};var p=n(67861),l=n.n(p);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}var u={},h=0;function f(){return"undefined"!==typeof window&&window.recaptchaOptions||{}}var m,v,g="onloadcallback",b=f(),x=(m=function(){var e=f(),t=e.lang?"&hl="+e.lang:"";return"https://"+(e.useRecaptchaNet?"recaptcha.net":"www.google.com")+"/recaptcha/api.js?onload="+g+"&render=explicit"+t},v=(v={callbackName:g,globalName:"grecaptcha",removeOnUnmount:b.removeOnUnmount||!1})||{}

1,function(e){var t=e.displayName||e.name||"Component",n=function(t){var n,i;function a(e,n){var r;return(r=t.call(this,e,n)||this).state={},r.__scriptURL="",r}i=t,(n=a).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i;var s=a.prototype;return s.asyncScriptLoaderGetScriptLoaderID=function(){return this.__scriptLoaderID||(this.__scriptLoaderID="async-script-loader-"+h++),this.__scriptLoaderID},s.setupScriptURL=function(){return this.__scriptURL="function"===typeof m?m():m,this.__scriptURL},s.asyncScriptLoaderHandleLoad=function(e){var t=this;this.setState(e,(function(){return t.props.asyncScriptOnLoad&&t.props.asyncScriptOnLoad(t.state)}))},s.asyncScriptLoaderTriggerOnScriptLoaded=function(){var e=u[this.__scriptURL];if(!e||!e.loaded)throw new Error("Script is not loaded.");for(var t in e.observers)e.observers[t](e);delete window[v.callbackName]},s.componentDidMount=function(){var e=this,t=this.setupScriptURL(),n=this.asyncScriptLoaderGetScriptLoaderID(),r=v,i=r.globalName,a=r.callbackName,s=r.scriptId;if(i&&"undefined"!==typeof window[i]&&(u[t]={loaded:!0,observers:{}}),u[t]){var o=u[t];return o&&(o.loaded||o.errored)?void this.asyncScriptLoaderHandleLoad(o):void(o.observers[n]=function(t){return e.asyncScriptLoaderHandleLoad(t)})}var c={};c[n]=function(t){return e.asyncScriptLoaderHandleLoad(t)},u[t]={loaded:!1,observers:c};var p=document.createElement("script");for(var l in p.src=t,p.async=!0,v.attributes)p.setAttribute(l,v.attributes[l]);s&&(p.id=s);var d=function(e){if(u[t]){var n=u[t].observers;for(var r in n)e(n[r])&&delete n[r]}};a&&"undefined"!==typeof window&&(window[a]=function(){return e.asyncScriptLoaderTriggerOnScriptLoaded()}),p.onload=function(){var e=u[t];e&&(e.loaded=!0,d((function(t){return!a&&(t(e),!0)})))},p.onerror=function(){var e=u[t];e&&(e.errored=!0,d((function(t){return t(e),!0})))},document.body.appendChild(p)},s.componentWillUnmount=function(){var e=this.__scriptURL;if(!0===v.removeOnUnmount)for(var t=document.getElementsByTagName("script"),n=0;n<t.length;n+=1)t[n].src.indexOf(e)>-1&&t[n].parentNode&&t[n].parentNode.removeChild(t[n]);var r=u[e];r&&(delete r.observers[this.asyncScriptLoaderGetScriptLoaderID()],!0===v.removeOnUnmount&&delete u[e])},s.render=function(){var t=v.globalName,n=this.props,i=(n.asyncScriptOnLoad,n.forwardedRef),a=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(n,["asyncScriptOnLoad","forwardedRef"]);return t&&"undefined"!==typeof window&&(a[t]="undefined"!==typeof window[t]?window[t]:void 0),a.ref=i,(0,r.createElement)(e,a)},a}(r.Component),i=(0,r.forwardRef)((function(e,t){return(0,r.createElement)(n,d({},e,{forwardedRef:t}))}));return i.displayName="AsyncScriptLoader("+t+")",i.propTypes={asyncScriptOnLoad:a().func},l()(i,e)})(c),y=x}}]);