UNPKG

ran-boilerplate

Version:

React . Apollo (GraphQL) . Next.js Toolkit

github.com/Sly777/ran

Sly777/ran

6 lines (4 loc) • 7.53 kB
1
2
3
4
5
6
window.__NEXT_REGISTER_PAGE('/signin', function() { var comp = module.exports=webpackJsonp([3],{100:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SubmitButton=t.Main=void 0;var r=n(16),i=a(r),l=n(19),u=a(l),o=n(25),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(o),d=(0,i.default)(["\n border-bottom: 1px solid #ececec;\n padding-bottom: 20px;\n margin-bottom: 20px;\n\n > h1 {\n font-size: 20px;\n }\n\n > input {\n display: block;\n margin-bottom: 10px;\n }\n"],["\n border-bottom: 1px solid #ececec;\n padding-bottom: 20px;\n margin-bottom: 20px;\n\n > h1 {\n font-size: 20px;\n }\n\n > input {\n display: block;\n margin-bottom: 10px;\n }\n"]),c=(0,i.default)(["\n opacity: ",";\n"],["\n opacity: ",";\n"]);t.Main=u.default.div(d),t.SubmitButton=s.Button.extend(c,function(e){return e.touched?1:.5})},101:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(29),i=a(r),l=n(35),u=a(l),o=n(102),s=a(o),d=n(106);t.default=function(e){var t={};return(0,s.default)(e).forEach(function(n){var a=(0,u.default)(n,2),r=a[0],i=a[1];return(0,d.isStringEmpty)(i)?void(t[r]="Required"):"email"!==r||(0,d.isEmail)(i)?void("password"===r&&e.password.length<=3&&(t[r]="Must be at least 4 characters")):void(t[r]="Invalid email address")}),{errors:(0,i.default)(t).length>0&&t,touched:!0}}},102:function(e,t,n){e.exports={default:n(103),__esModule:!0}},103:function(e,t,n){n(104),e.exports=n(1).Object.entries},104:function(e,t,n){var a=n(4),r=n(105)(!0);a(a.S,"Object",{entries:function(e){return r(e)}})},105:function(e,t,n){var a=n(22),r=n(14),i=n(37).f;e.exports=function(e){return function(t){for(var n,l=r(t),u=a(l),o=u.length,s=0,d=[];o>s;)i.call(l,n=u[s++])&&d.push(e?[n,l[n]]:l[n]);return d}}},106:function(e,t,n){"use strict";function a(e){return!e||""===e||""===e.trim()}function r(e){return/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.isStringEmpty=a,t.isEmail=r,t.default=function(){}},372:function(e,t,n){e.exports=n(373)},373:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(11),i=a(r),l=n(0),u=a(l),o=n(374),s=a(o),d=n(53),c=a(d),f=n(55),m=a(f);t.default=(0,c.default)(function(e){return u.default.createElement(m.default,(0,i.default)({title:"Sign In"},e),u.default.createElement(s.default,null))})},374:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(29),i=a(r),l=n(8),u=a(l),o=n(2),s=a(o),d=n(3),c=a(d),f=n(9),m=a(f),p=n(10),v=a(p),h=n(0),b=a(h),g=n(5),k=(a(g),n(99)),y=a(k),S=n(101),_=a(S),E=n(375),M=a(E),N=function(e){function t(){var e,n,a,r;(0,s.default)(this,t);for(var i=arguments.length,l=Array(i),o=0;o<i;o++)l[o]=arguments[o];return n=a=(0,m.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(l))),a.state={errors:{},serverErrors:{},touched:!1},a.formFields=[{key:1,attr:{name:"email",type:"email",label:"Email"}},{key:2,attr:{name:"password",type:"password",label:"Password"}}],a.handleTouch=function(){a.setState({touched:!0})},a.handleChange=function(e){var t=e.target.value,n=e.target.name,r={};r[n]=t,a.setState(r)},r=n,(0,m.default)(a,r)}return(0,v.default)(t,e),(0,c.default)(t,[{key:"getServerErrors",value:function(e){if(e.graphQLErrors){var t={};t.message=e.graphQLErrors[0].message,this.setState({serverErrors:t})}}},{key:"handleSubmit",value:function(e,t){var n=this;e.preventDefault(),this.setState({errors:{},serverErrors:{}});var a=(0,_.default)(t);if(a.touched&&this.setState({touched:a.touched}),a.errors)return this.setState({errors:a.errors});this.props.mutations.signIn(t).then(function(e){e.data&&n.props.actions.signIn(e.data.signinUser.token)}).catch(function(e){n.getServerErrors(e)})}},{key:"render",value:function(){var e=this,t=this.formFields,n={};return t.map(function(t){var a=t.attr.name;return n[a]=e.state[a],n}),b.default.createElement("div",null,b.default.createElement(y.default,{handleSubmit:function(t){e.handleSubmit(t,n)},handleChange:this.handleChange,fields:t,errors:this.state.errors,touched:this.state.touched,handleTouch:this.handleTouch,selectFields:"signinFields"}),b.default.createElement("br",null),b.default.createElement("div",null,0===(0,i.default)(this.state.errors).length&&this.state.serverErrors.message))}}]),t}(b.default.Component);t.default=(0,M.default)(N)},375:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(98),r=n(30),i=n(54),l={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"signinUser"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"email"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},defaultValue:null},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"password"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},defaultValue:null}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"signinUser"},arguments:[{kind:"Argument",name:{kind:"Name",value:"email"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"email"},value:{kind:"Variable",name:{kind:"Name",value:"email"}}},{kind:"ObjectField",name:{kind:"Name",value:"password"},value:{kind:"Variable",name:{kind:"Name",value:"password"}}}]}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:null,name:{kind:"Name",value:"token"},arguments:[],directives:[],selectionSet:null}]}}]}}],loc:{start:0,end:137,source:{body:"mutation signinUser($email: String!, $password: String!) {\n signinUser(email: { email: $email, password: $password }) {\n token\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},u=(0,r.graphql)(l,{props:function(e){var t=e.mutate;return{mutations:{signIn:function(e){var n=e.email,a=e.password;return t({variables:{email:n,password:a}})}}}}}),o=function(e){return{actions:{signIn:function(t){e(i.dispatchers.signIn(t))}}}};t.default=function(e){var t=u(e);return(0,a.connect)(null,o)(t)}},99:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=a(r),l=n(5),u=(a(l),n(100)),o=function(e){var t=e.selectFields,n=e.fields,a=e.handleTouch,r=e.handleChange,l=e.handleSubmit,o=e.touched,s=e.errors,d=n.map(function(e){return i.default.createElement("div",{key:e.key},i.default.createElement("input",{name:e.attr.name,type:e.attr.type,placeholder:e.attr.label,onChange:r,onFocus:a}),s&&i.default.createElement("div",null,s[e.attr.name]))}),c="signinFields"===t&&"Sign In"||"Sign Up";return i.default.createElement(u.Main,null,i.default.createElement("h1",null,c),i.default.createElement("form",null,d,i.default.createElement("br",null),i.default.createElement(u.SubmitButton,{onClick:l,touched:o,disabled:!o},c)))};t.default=o}},[372]); return { page: comp.default } })