{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-jsx/src/client/reactive/components/rewritten/conduit/src/components/login-rp19.js"],"names":["ReactiveMorph","authStore","router","ListErrors","Login","attachedCallback","isDummy","reset","onLoginForm","event","login","target","e","preventDefault","render","errors"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEOA,mB;;AACAC,e;;AACEC,Y,wEAAAA,M;;AACFC,gB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEQ,YAAMC,KAAN,SAAoBJ,aAApB,CAAkC;;AAE/CK,2BAAmB;AACjB;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAA8B,MAAM;AAClC,0FAAI,KAAKC,OAAL,EAAJ;AAAoB;AAApB,aADkC;AAElC,8GAAUC,KAAV;AACD,WAHD;AAID;;AAED;;AAEAC,oBAAYC,KAAZ,EAAmB;AAAA;;AACjB,8NAAUC,KAAV,cACQ;AAAM,gJAAoB,EAAEC,QAAQ,MAAV,EAApB;AAAN,WADR,cAESC;AAAA;AAAK,gGAAKA,CAAL;AAAL,WAFT;AADiB;AAIjB,iGAAMC,cAAN;AACD;;AAEDC,iBAAS;AACP,8EACa,WADb,mHAEe,gBAFf,qHAGiB,KAHjB,uHAImB,gCAJnB,wHAKoB,gBALpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wHAMmB,gBANnB,4IAO4C,EAAEH,QAAQ,UAAV,EAP5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gFAYY,qGAAW,EAAEI,0GAAQd,SAAR,YAAF,EAAX,CAZZ,4HAcmB,WAdnB,gOAgB8B,YAhB9B,8HAkBqB,YAlBrB,mCAmBuB,OAnBvB,oCAoBwB,8BApBxB,0CAqB8B,OArB9B,8IAsB0BA,SAtB1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mIAwB8B,YAxB9B,8HA0BqB,eA1BrB,mCA2BuB,UA3BvB,oCA4BwB,8BA5BxB,0CA6B8B,UA7B9B,8IA8B0BA,SA9B1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8HAiCmB,mBAjCnB,oCAkCsB,sCAlCtB,mCAmCqB,QAnCrB,sIAoC2BA,SApC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CD;;AAjE8C;AAAA;AAAA;AAAA,kHAiC1B,WAjC0B,KAqCxB,YArCwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAyCnBA,SAzCmB;AAAA;AAAA;AAAA;AAAA,kHAiC1B,WAjC0B,KA6CxB,eA7CwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAiDnBA,SAjDmB;AAAA;AAAA;;AAAA;;yBAA5BG,K","file":"login-rp19.js","sourcesContent":["'enable rp19-jsx';\n\nimport ReactiveMorph from 'src/client/reactive/components/rewritten/conduit/rpComponents/reactiveMorph.js';\nimport authStore from 'src/client/reactive/components/rewritten/conduit/src/stores/authStore.js';\nimport { router } from 'src/client/reactive/components/rewritten/conduit/rpComponents/router-rp19.js';\nimport ListErrors from 'src/client/reactive/components/rewritten/conduit/src/components/generic/list-errors-rp19.js'\n\nexport default class Login extends ReactiveMorph {\n     \n  attachedCallback() {\n    super.attachedCallback().then(() => {\n      if (this.isDummy()) return;\n      authStore.reset();\n    });\n  }\n  \n  /* Event handler */\n  \n  onLoginForm(event) {\n    authStore.login()\n      .then(() => router().navigateTo({ target: 'home' }))\n      .catch(e => void e);\n    event.preventDefault();\n  }\n  \n  render() {\n    return (\n      <div class=\"auth-page\">\n        <div class=\"container page\">\n          <div class=\"row\">\n            <div class=\"col-md-6 offset-md-3 col-xs-12\">\n              <h1 class=\"text-xs-center\">Sign In</h1>\n              <p class=\"text-xs-center\">\n                <link-rp19 v-targetDestination={{ target: 'register' }}>\n                  Need an account?\n                </link-rp19>\n              </p>\n              \n              { ListErrors({ errors: authStore.errors }) }\n              \n              <form id=\"loginForm\">\n                <fieldset>\n                  <fieldset class=\"form-group\">\n                    <input\n                      id=\"emailInput\"\n                      type=\"email\"\n                      class=\"form-control form-control-lg\"\n                      placeholder=\"Email\"\n                      value={ authStore.values.email } />\n                  </fieldset>\n                  <fieldset class=\"form-group\">\n                    <input\n                      id='passwordInput'\n                      type=\"password\"\n                      class=\"form-control form-control-lg\"\n                      placeholder=\"Password\"\n                      value={ authStore.values.password } />\n                  </fieldset>\n                  <button\n                    id='submitLoginButton'\n                    class=\"btn btn-lg btn-primary pull-xs-right\"\n                    type=\"submit\"\n                    disabled={ authStore.inProgress }>\n                    Sign in\n                  </button>\n                </fieldset>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    );  \n  }\n}"]}