@r3l/app/public/dist/auth-web-profile-form.bundle.cc1f8bdf9e526b24485f.js

Relevant App

(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[33],{"./src/modules/auth/web/profile.form.js":function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return I}));var r=n("../../node_modules/@babel/runtime/helpers/defineProperty.js"),a=n.n(r),o=n("../../node_modules/@babel/runtime/helpers/asyncToGenerator.js"),s=n.n(o),l=n("../../node_modules/@babel/runtime/helpers/extends.js"),i=n.n(l),u=n("../../node_modules/@babel/runtime/regenerator/index.js"),c=n.n(u),m=n("../../node_modules/react/index.js"),d=n.n(m),p=n("../../node_modules/prop-types/index.js"),f=n.n(p),b=n("./src/modules/styled/index.ts"),h=n("./src/utils/index.ts"),v=n("../../node_modules/react-redux/es/index.js"),y=n("./src/modules/auth/auth.actions.js"),g=n("../../node_modules/react-final-form/dist/react-final-form.es.js"),x=n("./src/modules/styled/web.tsx"),j=n("./src/modules/styled/form/reduxformfield.component.js"),w=n("./src/modules/styled/form/reduxformimageupload.component.js"),_=n("./src/modules/form/validators.js"),E={name:"image",component:w.a,placeholder:"/img/blueR.png",imageComponent:d.a.createElement(b.r,null),type:"file-upload",label:"User Image"},k={name:"username",component:j.a,type:"text",label:"Username",autocomplete:"username",validate:Object(_.c)(_.f,_.h,_.b)},O={name:"email",type:"email",label:"Email",component:j.a,validate:Object(_.c)(_.f,_.d,_.a)},C={name:"password",type:"password",label:"Password",autocomplete:"new-password",component:j.a,validate:_.f},P={name:"confirmPassword",type:"password",autocomplete:"new-password",label:"Confirm Password",component:j.a,validate:_.f};function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){a()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=h.c.Alert();function I(e){var t=e.initialValues,n=void 0===t?{}:t,r=e.additionalFields,a=void 0===r?{}:r,o=e.close,l=a.ethLogin,u=function(e){return Object(m.useCallback)(function(){var t=s()(c.a.mark((function t(n){var r,a;return c.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,!((r=A({},n)).image&&r.image.preview&&r.image.fileName)){t.next=7;break}return t.next=5,h.g.uploadFile(r.image.preview,r.image.fileType);case 5:a=t.sent,r.image=a;case 7:e(r),t.next=13;break;case 10:t.prev=10,t.t0=t.catch(0),N.alert(t.t0.message,"error");case 13:case"end":return t.stop()}}),t,null,[[0,10]])})));return function(e){return t.apply(this,arguments)}}(),[e])}(function(e,t,n){var r=Object(v.d)((function(e){return e.auth})),a=Object(v.c)(),o=r.invitecode;return Object(m.useCallback)(function(){var r=s()(c.a.mark((function r(s){var l;return c.a.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,l=A({name:s.username,email:s.email,password:s.password,image:s.image},e),r.next=4,a(Object(y.createUser)(l,o));case 4:n&&n(l),t(),r.next=11;break;case 8:r.prev=8,r.t0=r.catch(0),N.alert(r.t0.message,"error");case 11:case"end":return r.stop()}}),r,null,[[0,8]])})));return function(e){return r.apply(this,arguments)}}(),[e,a,o,t,n])}(a,o,a.signupCallback)),p=n.email?null:O,f=l?null:C,j=[E,k,p,f,f?P:null].filter((function(e){return e}));return d.a.createElement(g.b,{onSubmit:u,validate:_.e,initialValues:n,mutators:{triggerValidation:function(e,t,n){var r=n.changeValue;e.forEach((function(e){r(t,e,(function(e){return e}))}))}},render:function(e){var t=e.handleSubmit,n=e.form;return d.a.createElement(x.c,{onSubmit:t},j.map((function(e){return d.a.createElement(g.a,i()({},e,{key:e.name,form:n}))})),d.a.createElement(x.j,{sx:{justifyContent:"flex-end",mt:6,alignItems:"center"}},d.a.createElement(b.y,null,"By signing up, you agree to our"," ",d.a.createElement(b.w,{to:"//relevant.community/eula.html",external:!0,target:"_blank",inline:1},d.a.createElement(b.y,{sx:{color:"blue"}},"Terms of Use"))),d.a.createElement(x.a,{type:"submit",sx:{ml:3}},"Sign Up")))}})}I.propTypes={initialValues:f.a.object,additionalFields:f.a.object,close:f.a.func}},"./src/modules/form/validators.js":function(e,t,n){"use strict";n.d(t,"f",(function(){return u})),n.d(t,"d",(function(){return c})),n.d(t,"h",(function(){return m})),n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return p})),n.d(t,"g",(function(){return f})),n.d(t,"e",(function(){return b})),n.d(t,"c",(function(){return h}));var r=n("../../node_modules/@babel/runtime/helpers/asyncToGenerator.js"),a=n.n(r),o=n("../../node_modules/@babel/runtime/regenerator/index.js"),s=n.n(o),l=n("./src/utils/text.js"),i=n("./src/modules/auth/auth.actions.js"),u=function(e,t,n){return null!=e?void 0:"Required"},c=function(e,t,n){if(!n.active&&(e&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,15}$/i.test(e)))return"Not a valid e-mail"},m=function(e){if(!l.NAME_PATTERN.test(e))return"Can only contain letters, \nnumbers, dashes and underscores"},d=function(){var e=a()(s.a.mark((function e(t,n,r){return s.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.active){e.next=2;break}return e.abrupt("return",void 0);case 2:return e.next=4,Object(i.checkUser)(t,"email",!0)();case 4:if(!e.sent){e.next=7;break}return e.abrupt("return","This email has already been used");case 7:return e.abrupt("return",void 0);case 8:case"end":return e.stop()}}),e)})));return function(t,n,r){return e.apply(this,arguments)}}(),p=function(){var e=a()(s.a.mark((function e(t,n,r){return s.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.active){e.next=2;break}return e.abrupt("return",void 0);case 2:if(!t){e.next=8;break}return e.next=5,Object(i.checkUser)(t,"name",!0)();case 5:if(!e.sent){e.next=8;break}return e.abrupt("return","This username is already taken");case 8:return e.abrupt("return",void 0);case 9:case"end":return e.stop()}}),e)})));return function(t,n,r){return e.apply(this,arguments)}}(),f=function(){var e=a()(s.a.mark((function e(t,n,r){var a,o,l,i;return s.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a={},!t.username){e.next=6;break}return e.next=4,p(t.username);case 4:(o=e.sent)&&(a.username=o);case 6:if(!t.email){e.next=11;break}return e.next=9,d(t.email);case 9:(l=e.sent)&&(a.email=l);case 11:if(!t.handle){e.next=16;break}return e.next=14,p(t.handle);case 14:(i=e.sent)&&(a.handle=i);case 16:if(!Object.keys(a).length){e.next=18;break}throw a;case 18:case"end":return e.stop()}}),e)})));return function(t,n,r){return e.apply(this,arguments)}}(),b=function(e){var t={};return e.password&&e.confirmPassword?(e.password!==e.confirmPassword&&(t.confirmPassword="Passwords must match"),t):null},h=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.reduce((function(e,t){return e||t.apply(void 0,n)}),void 0)}}},"./src/modules/styled/form/reduxformfield.component.js":function(e,t,n){"use strict";var r=n("../../node_modules/@babel/runtime/helpers/extends.js"),a=n.n(r),o=n("../../node_modules/react/index.js"),s=n.n(o),l=n("../../node_modules/prop-types/index.js"),i=n.n(l),u=n("./src/modules/styled/web.tsx"),c=n("./src/modules/styled/index.ts");function m(e){var t=e.label,n=e.type,r=e.input,o=e.meta,l=e.placeholder,i=e.autocomplete,m=e.form,d=o.dirty,p=o.touched,f=o.error,b=o.warning;return s.a.createElement(c.K,{sx:{mt:3}},t?s.a.createElement("label",{"html-for":name},s.a.createElement(c.y,{sx:{color:"black"}},t)):null,s.a.createElement(u.d,a()({},r,{type:n,placeholder:l||t,autoComplete:i,border:1,p:"2 2",mt:1,onBlur:function(e){var t;r.onBlur(e),null==m||null===(t=m.mutators)||void 0===t||t.triggerValidation(r.name)}})),(d||p)&&(f&&s.a.createElement(c.C,{sx:{color:"red",mt:4.001}},f)||b&&s.a.createElement(c.C,{sx:{color:"red"}},b)))}m.propTypes={error:i.a.string,type:i.a.string,name:i.a.string,label:i.a.oneOfType([i.a.string,i.a.node]),placeholder:i.a.string,meta:i.a.object,input:i.a.object,autocomplete:i.a.string},m.defaultProps={autocomplete:null},t.a=m},"./src/modules/styled/form/reduxformimageupload.component.js":function(e,t,n){"use strict";var r=n("../../node_modules/react/index.js"),a=n.n(r),o=n("../../node_modules/prop-types/index.js"),s=n.n(o),l=n("../../node_modules/@babel/runtime/helpers/asyncToGenerator.js"),i=n.n(l),u=n("../../node_modules/@babel/runtime/helpers/classCallCheck.js"),c=n.n(u),m=n("../../node_modules/@babel/runtime/helpers/createClass.js"),d=n.n(m),p=n("../../node_modules/@babel/runtime/helpers/assertThisInitialized.js"),f=n.n(p),b=n("../../node_modules/@babel/runtime/helpers/inherits.js"),h=n.n(b),v=n("../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"),y=n.n(v),g=n("../../node_modules/@babel/runtime/helpers/getPrototypeOf.js"),x=n.n(g),j=n("../../node_modules/@babel/runtime/helpers/defineProperty.js"),w=n.n(j),_=n("../../node_modules/@babel/runtime/regenerator/index.js"),E=n.n(_),k=n("./src/utils/index.ts"),O=n("./src/modules/styled/index.ts");function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=x()(e);if(t){var a=x()(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y()(this,n)}}var P=k.c.Alert(),T=function(e){h()(r,e);var t,n=C(r);function r(){var e;c()(this,r);for(var t=arguments.length,a=new Array(t),o=0;o<t;o++)a[o]=arguments[o];return e=n.call.apply(n,[this].concat(a)),w()(f()(e),"state",{preview:null,fileName:null,fileType:""}),e}return d()(r,[{key:"processImage",value:function(){var e=this,t=this.fileInput.files[0];k.e.loadImage(t).then((function(n){var r=n.split(",")[0].split("/")[1].split(";")[0],a=t.name.substr(0,r.lastIndexOf("."))+"."+r;e.setState({preview:n,fileName:a,fileType:t.type}),e.props.onChange({preview:n,fileName:a,fileType:t.type})})).catch((function(e){P.alert("Error uploading image "+e)}))}},{key:"uploadImage",value:(t=i()(E.a.mark((function e(){var t;return E.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.state.fileName&&this.state.preview){e.next=3;break}return P("Please select an image"),e.abrupt("return",null);case 3:return e.next=5,k.g.uploadFile(this.state.preview,this.state.fileName);case 5:return t=e.sent,this.setState({preview:null,fileName:null}),this.props.onChange(t),e.abrupt("return",t);case 9:case"end":return e.stop()}}),e,this)}))),function(){return t.apply(this,arguments)})},{key:"renderPreview",value:function(){var e=this.props,t=e.placeholder,n=e.imageComponent,r=this.state.preview;return!r&&t?a.a.cloneElement(n,{source:{uri:t}}):r&&n?a.a.cloneElement(n,{source:{uri:r}}):r?a.a.createElement("img",{alt:"preview",src:r,style:{maxWidth:"300px"}}):null}},{key:"render",value:function(){var e=this,t=this.renderPreview();return a.a.createElement(O.B,{sx:{alignItems:"center"}},a.a.createElement(O.K,{sx:{mr:2}},t),a.a.createElement("input",{ref:function(t){return e.fileInput=t},onChange:this.processImage.bind(this),accept:"image/*",name:"img",type:"file"}))}}]),r}(r.Component);w()(T,"propTypes",{placeholder:s.a.string,imageComponent:s.a.node,onChange:s.a.func});var A=function(e){var t=e.label,n=e.meta,r=e.name,o=e.placeholder,s=e.imageComponent,l=e.input,i=l.onChange,u=l.value,c=n.touched,m=n.error,d=n.warning;return a.a.createElement(O.K,{sx:{mt:3}},t?a.a.createElement("label",{"html-for":r},a.a.createElement(O.y,{sx:{color:"black"}},t)):null,a.a.createElement(T,{placeholder:u||o,imageComponent:s,onChange:function(e){i(e)}}),c&&(m&&a.a.createElement(O.C,{sx:{color:"red",mt:1}},m)||d&&a.a.createElement(O.C,{sx:{color:"red"}},d)))};A.propTypes={name:s.a.string,label:s.a.string,meta:s.a.object,input:s.a.object,placeholder:s.a.node,imageComponent:s.a.node};t.a=A}}]);
//# sourceMappingURL=auth-web-profile-form.bundle.cc1f8bdf9e526b24485f.js.map