bundle.e12c84907e697df16fc8.js

!function(c){function e(e){for(var t,a,n=e[0],r=e[1],o=e[2],l=0,i=[];l<n.length;l++)a=n[l],Object.prototype.hasOwnProperty.call(u,a)&&u[a]&&i.push(u[a][0]),u[a]=0;for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(c[t]=r[t]);for(f&&f(e);i.length;)i.shift()();return m.push.apply(m,o||[]),s()}function s(){for(var e,t=0;t<m.length;t++){for(var a=m[t],n=!0,r=1;r<a.length;r++){var o=a[r];0!==u[o]&&(n=!1)}n&&(m.splice(t--,1),e=l(l.s=a[0]))}return e}var a={},u={0:0},m=[];function l(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return c[e].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=c,l.c=a,l.d=function(e,t,a){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(t,e){if(1&e&&(t=l(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(l.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)l.d(a,n,function(e){return t[e]}.bind(null,n));return a},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="";var t=window.webpackJsonp=window.webpackJsonp||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var r=0;r<t.length;r++)e(t[r]);var f=n;m.push([16,1]),s()}([,,,,,,function(e){e.exports=JSON.parse('{"name":"octaform-additional","version":"1.1.1","description":"Octaform Additional Validation - Presets validation to use with Octaform validate, this package contains validations such as email, extension, minlength, and others","main":"index.js","repository":{"type":"git","url":"git+https://github.com/octaform/octaform-additional.git"},"author":"Christian Fortes","license":"MIT","bugs":{"url":"https://github.com/octaform/octaform-additional/issues"},"homepage":"https://github.com/octaform/octaform#readme","keywords":["form","forms","formjs","form validation","validation","validations","react","angular","vue","javascript","vanilla","additional","additional validations"],"dependencies":{}}')},function(e){e.exports=JSON.parse('{"name":"octaform","version":"1.4.2","description":"Octaform is designed to help developers easily validate forms, being completely agnostic to the framework.","main":"index.js","repository":{"type":"git","url":"https://github.com/octaform/octaform"},"author":"Octaform","license":"MIT","bugs":"https://github.com/octaform/octaform/issues","homepage":"https://github.com/octaform/octaform#readme","keywords":["octaform","octa","form","forms","formjs","form validation","validation","react","angular","vue","javascript","vanilla"],"dependencies":{}}')},function(e,t,a){e.exports=a(14)()},function(e,t,a){e.exports=a.p+"img/github-logo.ef7a02b69836dc8b6a732a54c4200dcb.png"},,,,,function(e,t,a){"use strict";var i=a(15);function n(){}function r(){}r.resetWarningCache=n,e.exports=function(){function e(e,t,a,n,r,o){if(o!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}var a={array:e.isRequired=e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:n};return a.PropTypes=a}},function(e,t,a){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),o=a(4),l=a.n(o),i=(a(18),a(6)),c=a(3),s=a.n(c),u=a(7),m=a(2),f=a.n(m),p=a(1),d=a.n(p),h=a(8),b=a.n(h),g=function(e,t,a){return t&&v(e.prototype,t),a&&v(e,a),e};function v(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var y=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(E,n.Component),g(E,[{key:"uniqueKey",value:function(){return Math.random().toString(36).substring(2,15)}},{key:"render",value:function(){var a=this,e=this.props.errors;return r.a.createElement("ul",{className:"errors"},e.map(function(t){return t.messages.map(function(e){return r.a.createElement("li",{key:a.uniqueKey()},r.a.createElement("strong",null,"Error:"),r.a.createElement("i",{className:"field"},t.field.split(/(?![a-z])(?=[A-Z])/g).join("-").toLowerCase()),r.a.createElement("span",null,e))})}))}}]),E);function E(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,E),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(E.__proto__||Object.getPrototypeOf(E)).apply(this,arguments))}y.propTypes={errors:b.a.array};var N=y,w={firstName:{rules:{required:!0,minlength:4,letter:!0},messages:{required:"First Name is required"}},lastName:{rules:["required","minlength:3"]},email:{rules:["required","email"]},password:{rules:{required:!0}},confirmPassword:{rules:{required:!0,equalTo:"[name=password]"},messages:{equalTo:"Passwords doesn't match"}},country:{rules:{required:!0,valueNotEquals:"BR"}},range:{rules:{number:!0,range:[5,8]}},url:"url",file:{rules:{required:!0,extension:["png","jpg"],maxsize:5e5}},resume:"required",gender:"required",checkbox:{rules:{required:!0,minchecked:2}}},O=a(9),C={githubLogo:a.n(O).a},x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_=function(e,t,a){return t&&k(e.prototype,t),a&&k(e,a),e};function k(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function j(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function P(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,P);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(P.__proto__||Object.getPrototypeOf(P)).call(this,e));return r.onSubmit=function(e){e.preventDefault();var t=f.a.validate(w);r.setState({fieldErrors:t.reduce(function(e,t){return x({},e,j({},t.field,t))},{})}),console.log("onSubmit::",t)},r.onChange=function(e){var a=e.target.name,n=f.a.validate(j({},a,w[a]));r.setState(function(e){var t=x({},e.fieldErrors,j({},a,n.filter(function(e){return e.field===a})[0]));return n.some(function(e){return e.field===a})||delete t[a],{fieldErrors:t}}),console.log("onChange::",n)},r.state={fieldErrors:{}},f.a.validator.add(Object.keys(s.a).map(function(e){return s.a[e]})),window.GIT_HASH="cfb046a",r}var S=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(P,n.Component),_(P,[{key:"render",value:function(){var t=this,e=this.state.fieldErrors,a=Object.values(e);return r.a.createElement("div",null,r.a.createElement("form",{className:"container",onSubmit:this.onSubmit},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-12"},r.a.createElement("h4",{className:"container__title"},"Octaform Validate - Demo"),r.a.createElement("div",{className:"container__links"},r.a.createElement("a",{href:"https://github.com/octaform/octaform",rel:"noopener noreferrer",target:"_blank",className:"github-link"},r.a.createElement("img",{src:C.githubLogo,alt:"Octaform - Github"}),r.a.createElement("span",null,"Github")))),!!a.length&&r.a.createElement("div",{className:"col-12"},r.a.createElement(N,{errors:a})),r.a.createElement("div",{className:"col-12"},r.a.createElement("span",{className:"span__info"},"* Required fields")),r.a.createElement("label",{className:d()("col-6",{invalid:e.firstName})},r.a.createElement("span",{className:"label"},"First Name*"),r.a.createElement("input",{type:"text",name:"firstName",autoComplete:"given-name",ref:function(e){return t.firstName=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-6",{invalid:e.lastName})},r.a.createElement("span",{className:"label"},"Last Name*"),r.a.createElement("input",{type:"text",name:"lastName",autoComplete:"family-name",ref:function(e){return t.lastName=e},onChange:this.onChange}))),r.a.createElement("div",{className:"row"},r.a.createElement("label",{className:d()("col-6",{invalid:e.email})},r.a.createElement("span",{className:"label"},"Email*"),r.a.createElement("input",{type:"text",name:"email",autoComplete:"email",ref:function(e){return t.email=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-6",{invalid:e.country})},r.a.createElement("span",{className:"label"},"Country*"),r.a.createElement("select",{name:"country",autoComplete:"country-name",ref:function(e){return t.country=e},onChange:this.onChange},r.a.createElement("option",{value:""},"Select a country"),r.a.createElement("option",{value:"BR"},"Brazil"),r.a.createElement("option",{value:"UA"},"Ukraine"),r.a.createElement("option",{value:"US"},"United States"))),r.a.createElement("label",{className:d()("col-6",{invalid:e.password})},r.a.createElement("span",{className:"label"},"Password*"),r.a.createElement("input",{type:"password",name:"password",ref:function(e){return t.password=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-6",{invalid:e.confirmPassword})},r.a.createElement("span",{className:"label"},"Confirm password*"),r.a.createElement("input",{type:"password",name:"confirmPassword",ref:function(e){return t.confirmPassword=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-6",{invalid:e.range})},r.a.createElement("span",{className:"label"},"Type a value between 5 and 8"),r.a.createElement("input",{name:"range",type:"text",ref:function(e){return t.range=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-6",{invalid:e.url})},r.a.createElement("span",{className:"label"},"Type your site address"),r.a.createElement("input",{name:"url",type:"text",ref:function(e){return t.url=e},onChange:this.onChange})),r.a.createElement("label",{className:d()("col-12",{invalid:e.file})},r.a.createElement("span",{className:"label"},"Upload a file*"),r.a.createElement("input",{name:"file",type:"file",ref:function(e){return t.file=e},onChange:this.onChange})),r.a.createElement("div",{className:d()("col-6",{invalid:e.gender})},r.a.createElement("span",{className:"label"},"Gender*"),r.a.createElement("input",{type:"radio",name:"gender",value:"male",id:"genderMale",ref:function(e){return t.gender=e},onChange:this.onChange})," ",r.a.createElement("label",{htmlFor:"genderMale"},"Male"),r.a.createElement("input",{type:"radio",name:"gender",value:"female",id:"genderFemale",ref:function(e){return t.gender=e},onChange:this.onChange})," ",r.a.createElement("label",{htmlFor:"genderFemale"},"Female")),r.a.createElement("div",{className:d()("col-6",{invalid:e.checkbox})},r.a.createElement("span",{className:"label"},"Do you have a portfolio*"),r.a.createElement("label",{className:"checkbox"},r.a.createElement("input",{name:"checkbox",type:"checkbox",value:"yes",ref:function(e){return t.checkbox=e},onChange:this.onChange}),r.a.createElement("span",null,"Yes")),r.a.createElement("label",{className:"checkbox"},r.a.createElement("input",{name:"checkbox",type:"checkbox",value:"no",ref:function(e){return t.checkbox=e},onChange:this.onChange}),r.a.createElement("span",null,"No")),r.a.createElement("label",{className:"checkbox"},r.a.createElement("input",{name:"checkbox",type:"checkbox",value:"maybe",ref:function(e){return t.checkbox=e},onChange:this.onChange}),r.a.createElement("span",null,"Maybe")))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:d()("col-12",{invalid:e.resume})},r.a.createElement("label",null,r.a.createElement("span",{className:"label"},"Resume*"),r.a.createElement("textarea",{name:"resume",ref:function(e){return t.resume=e},onChange:this.onChange})))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-6 col-version"},r.a.createElement("ul",{className:"package-version"},r.a.createElement("li",null,"Octaform v"+u.version),r.a.createElement("li",null,"Octaform Additional v"+i.version))),r.a.createElement("div",{className:"col-6 col-button"},r.a.createElement("button",{className:"button-primary",type:"submit"},"Validate")))))}}]),P);l.a.render(r.a.createElement(S,null),document.getElementById("root"))},,function(e,t){}]);