{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-jsx/src/client/reactive/components/rewritten/conduit/src/components/register-rp19.js"],"names":["ReactiveMorph","authStore","router","ListErrors","Register","attachedCallback","isDummy","reset","onRegisterForm","event","register","target","e","preventDefault","render","errors"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEOA,mB;;AACAC,e;;AACEC,Y,wEAAAA,M;;AACFC,gB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEQ,YAAMC,QAAN,SAAuBJ,aAAvB,CAAqC;;AAElDK,2BAAmB;AACjB;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,wBAA8B,MAAM;AAClC,0FAAI,KAAKC,OAAL,EAAJ;AAAoB;AAApB,aADkC;AAElC,8GAAUC,KAAV;AACD,WAHD,GAGG,8EAAI,KAAKD,OAAL,EAAJ;AAAoB;AAApB,WAJc;AAKjB,4GAAUC,KAAV;AACD;;AAED;AACAC,uBAAeC,KAAf,EAAsB;AAAA;;AACpB,iOAAUC,QAAV,cACQ;AAAM,gJAAoB,EAAEC,QAAQ,MAAV,EAApB;AAAN,WADR,cAESC;AAAA;AAAK,gGAAKA,CAAL;AAAL,WAFT;AADoB;AAIpB,iGAAMC,cAAN;AACD;;AAEDC,iBAAS;AACP,8EACa,WADb,mHAEe,gBAFf,qHAGiB,KAHjB,yHAKmB,gCALnB,wHAMoB,gBANpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wHAOmB,gBAPnB,4IAQ4C,EAAEH,QAAQ,OAAV,EAR5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kEAaY,qGAAW,EAAEI,0GAAQd,SAAR,YAAF,EAAX,CAbZ,8GAemB,cAfnB,kOAkB8B,YAlB9B,8HAoBqB,eApBrB,oCAqBwB,8BArBxB,mCAsBuB,MAtBvB,0CAuB8B,UAvB9B,8IAwB0BA,SAxB1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qIA4B8B,YA5B9B,8HA8BqB,YA9BrB,oCA+BwB,8BA/BxB,mCAgCuB,OAhCvB,0CAiC8B,OAjC9B,8IAkC0BA,SAlC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qIAsC8B,YAtC9B,8HAwCqB,eAxCrB,oCAyCwB,8BAzCxB,mCA0CuB,UA1CvB,0CA2C8B,UA3C9B,8IA4C0BA,SA5C1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mIAiDsB,sCAjDtB,mCAkDqB,QAlDrB,sIAmD2BA,SAnD3B;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;AAgED;;AAnFiD;AAAA;AAAA;AAAA,kHAkC7B,cAlC6B,KAuC3B,eAvC2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCA2CtBA,SA3CsB;AAAA;AAAA;AAAA;AAAA,kHAkC7B,cAlC6B,KAiD3B,YAjD2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAqDtBA,SArDsB;AAAA;AAAA;AAAA;AAAA,kHAkC7B,cAlC6B,KA2D3B,eA3D2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCA+DtBA,SA/DsB;AAAA;AAAA;;AAAA;;yBAA/BG,Q","file":"register-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 Register extends ReactiveMorph {\n  \n  attachedCallback() {\n    super.attachedCallback().then(() => {\n      if (this.isDummy()) return;\n      authStore.reset();\n    });if (this.isDummy()) return;\n    authStore.reset();\n  }\n  \n  /* Event handler */\n  onRegisterForm(event) {\n    authStore.register()\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\n            <div class='col-md-6 offset-md-3 col-xs-12'>\n              <h1 class='text-xs-center'>Sign Up</h1>\n              <p class='text-xs-center'>\n                <link-rp19 v-targetDestination={{ target: 'login' }}>\n                  Have an account?\n                </link-rp19>\n              </p>\n\n              { ListErrors({ errors: authStore.errors }) }\n\n              <form id='registerForm'>\n                <fieldset>\n\n                  <fieldset class='form-group'>\n                    <input\n                      id='usernameInput'\n                      class='form-control form-control-lg'\n                      type='text'\n                      placeholder='Username'\n                      value={ authStore.values.username }\n                    />\n                  </fieldset>\n\n                  <fieldset class='form-group'>\n                    <input\n                      id='emailInput'\n                      class='form-control form-control-lg'\n                      type='email'\n                      placeholder='Email'\n                      value={ authStore.values.email }\n                    />\n                  </fieldset>\n\n                  <fieldset class='form-group'>\n                    <input\n                      id='passwordInput'\n                      class='form-control form-control-lg'\n                      type='password'\n                      placeholder='Password'\n                      value={ authStore.values.password }\n                    />\n                  </fieldset>\n\n                  <button\n                    class='btn btn-lg btn-primary pull-xs-right'\n                    type='submit'\n                    disabled={ authStore.inProgress }\n                  >\n                    Register\n                  </button>\n\n                </fieldset>\n              </form>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    );\n  }\n}"]}