@ctx-core/auth0-ui 10.0.123 → 11.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @ctx-core/auth0-ui
 
+## 11.0.1
+
+### Patch Changes
+
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+  - @ctx-core/http@9.0.0
+  - @ctx-core/auth0@26.0.0
+  - @ctx-core/jwt@10.0.28
+  - @ctx-core/auth0-management@6.0.102
+
+## 11.0.0
+
+### Major Changes
+
+- extracted @ctx-core/auth0-service from @ctx-core/auth0-ui
+
+### Patch Changes
+
+- Updated dependencies
+  - @ctx-core/http@8.0.0
+
 ## 10.0.123
 
 ### Patch Changes

package/dist/auth0_ui_ctx_I.generated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/auth0_ui_ctx_I.generated.ts"],"sourcesContent":["/*\n * This file was generated by `npm run generate_ctx_I_file` in @ctx-core/dev-tools\n*/\nimport type { jwks_cert__T } from './node/jwks_cert__b.js'\nimport type { jwks_x5c__T } from './node/jwks_x5c__b.js'\nimport type { jwt_token_decoded__T } from './node/jwt_token_decoded__b.js'\nimport type { koa_jwt_token_decoded__T } from './node/koa_jwt_token_decoded__b.js'\nimport type { verify_jwt_email__T } from './node/verify_jwt_email__b.js'\nimport type { verify_jwt_user_id__T } from './node/verify_jwt_user_id__b.js'\nexport interface auth0_ui_ctx_I {\n\tjwks_cert_?:jwks_cert__T\n\tjwks_x5c_?:jwks_x5c__T\n\tjwt_token_decoded_?:jwt_token_decoded__T\n\tkoa_jwt_token_decoded_?:koa_jwt_token_decoded__T\n\tverify_jwt_email_?:verify_jwt_email__T\n\tverify_jwt_user_id_?:verify_jwt_user_id__T\n}"],"names":[],"mappings":"AAAA,EAEE,AAFF;;AAEE,AAFF,EAEE,CACF,MAAM"}
+{"version":3,"sources":["../src/auth0_ui_ctx_I.generated.ts"],"sourcesContent":["/*\n * This file was generated by `npm run generate_ctx_I_file` in @ctx-core/dev-tools\n*/\n\nexport interface auth0_ui_ctx_I {\n\n}"],"names":[],"mappings":"AAAA,EAEE,AAFF;;AAEE,AAFF,EAEE,CAEF,MAAM"}

package/dist/ui/Auth0.svelte

@@ -4,17 +4,16 @@ import {
 	auth0_forgot_password_opened$_b, auth0_opened_class$_b, auth0_login_opened$_b, auth0_signup_opened$_b,
 	auth0_forgot_password_check_email_opened$_b, auth0_change_password_opened$_b
 } from '@ctx-core/auth0'
-import { auth0_ui_ctx_key } from '../auth0_ui_ctx_key.js'
 import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
+import { auth0_ui_ctx_key } from '../auth0_ui_ctx_key.js'
 import { Auth0_c } from './Auth0_c.js'
 import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-import Auth0_Login_Form from './Auth0_Login_Form.svelte'
-import Auth0_Signup_Form from './Auth0_Signup_Form.svelte'
-import Auth0_Forgot_Password_Form from './Auth0_Forgot_Password_Form.svelte'
 import Auth0_Forgot_Password_Check_Email_Form from './Auth0_Forgot_Password_Check_Email_Form.svelte'
 import Auth0_Change_Password_Form from './Auth0_Change_Password_Form.svelte'
-export let ctx = {} as auth0_ui_Ctx
-export let dialog = false
+import Auth0_Forgot_Password_Form from './Auth0_Forgot_Password_Form.svelte'
+import Auth0_Login_Form from './Auth0_Login_Form.svelte'
+import Auth0_Signup_Form from './Auth0_Signup_Form.svelte'
+export let ctx = {} as auth0_ui_Ctx, dialog = false
 setContext(auth0_ui_ctx_key, ctx)
 const auth0_change_password_opened$ = auth0_change_password_opened$_b(ctx)
 const auth0_opened_class$ = auth0_opened_class$_b(ctx)

package/dist/ui/Auth0_Change_Password_Form.svelte

@@ -7,31 +7,24 @@ import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
 import { Auth0_c } from './Auth0_c.js'
 const ctx = getContext_auth0_ui_ctx() as auth0_ui_Ctx
 const dispatch = createEventDispatcher()
-export let error_class = ''
-export let input_class = ''
-export let button_class = ''
-export let label_class = '.js'
+export let error_class = '', input_class = '', button_class = '', label_class = '.js'
 const AUTH0_DOMAIN$ = AUTH0_DOMAIN$_b(ctx)
 const auth0_token_error$ = auth0_token_error$_b(ctx)
 const _ = new Auth0_c(ctx)
-let root
-let password_input
+let root:HTMLDivElement
+let password_input:HTMLInputElement
 let password_confirmation_input
-let password_error //region
-$: password_error =
-	$auth0_token_error$
-	&& $auth0_token_error$.password //endregion
-let password_error_confirmation //region
-$: password_error_confirmation =
-	$auth0_token_error$
-	&& $auth0_token_error$.password_confirmation //endregion
-async function in_onsubmit_change_password(event) {
+let password_error:any|undefined //region
+$: password_error = $auth0_token_error$?.password //endregion
+let password_error_confirmation:string|undefined //region
+$: password_error_confirmation = $auth0_token_error$?.password_confirmation //endregion
+async function onsubmit_change_password(event:FormDataEvent) {
 	dispatch('submit__start')
 	try {
 		await _.onsubmit_change_password(event, {
 			password_input,
 			password_confirmation_input,
-		}, _._schedule_forms_clear(root))
+		}, ()=>_.schedule_forms_clear(root))
 		dispatch('success')
 	} catch (error) {
 		dispatch('error', { error })
@@ -42,14 +35,14 @@ async function in_onsubmit_change_password(event) {
 }
 </script>
 
-<div bind:this="{root}" class="form change_password Auth0_Change_Password_Form">
+<div bind:this={root} class="form change_password Auth0_Change_Password_Form">
 	<Auth0_Dialog_Close></Auth0_Dialog_Close>
 	<h1>Change Password</h1>
 	<form
 		action="https://{$AUTH0_DOMAIN$}/dbconnections/change_password"
 		accept-charset="UTF-8"
 		method="post"
-		on:submit|preventDefault="{in_onsubmit_change_password}"
+		on:submit|preventDefault={onsubmit_change_password}
 	>
 		{#if $auth0_token_error$}
 			<ul>
@@ -67,26 +60,26 @@ async function in_onsubmit_change_password(event) {
 		{/if}
 		<fieldset>
 		<label class="field">
-			<div class="{label_class}">Password</div>
+			<div class={label_class}>Password</div>
 			<input
 				bind:this={password_input}
 				placeholder="**********"
 				required="required"
-				class="{input_class}"
-				class:invalid="{password_error}"
+				class={input_class}
+				class:invalid={password_error}
 				id="password-change_password"
 				type="password"
 				name="password"/>
 		</label>
 		<label class="field">
-			<div class="{label_class}">Confirm Password</div>
+			<div class={label_class}>Confirm Password</div>
 			<input
 				bind:this={password_confirmation_input}
 				type="password"
 				id="password_confirmation-change_password"
 				name="password_confirmation"
-				class="{input_class}"
-				class:invalid="{password_error_confirmation}"
+				class={input_class}
+				class:invalid={password_error_confirmation}
 				required="required"
 				placeholder="**********"
 			/>

package/dist/ui/Auth0_Dialog_Close.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 import { CloseDialogHandle } from '@ctx-core/dialog'
-import { Auth0_c } from './Auth0_c.js'
+import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
 import { getContext_auth0_ui_ctx } from '../getContext_auth0_ui_ctx.js'
-import type { auth0_ui_Ctx } from '../auth0_ui_Ctx'
+import { Auth0_c } from './Auth0_c.js'
 const ctx = getContext_auth0_ui_ctx() as auth0_ui_Ctx
 const _ = new Auth0_c(ctx)
 </script>

package/dist/ui/Auth0_Forgot_Password_Check_Email_Form.svelte

@@ -3,7 +3,7 @@ import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
 let root:HTMLDivElement
 </script>
 
-<div bind:this="{root}" class="form forgot_password_check_email">
+<div bind:this={root} class="form forgot_password_check_email">
 	<Auth0_Dialog_Close></Auth0_Dialog_Close>
 	<h1>Check Your Email</h1>
 	<p>An email to reset you password has been sent to you.</p>

package/dist/ui/Auth0_Forgot_Password_Form.svelte

@@ -1,22 +1,18 @@
 <script lang="ts">
 import { AUTH0_DOMAIN$_b, auth0_token_error$_b, open_auth0_login_b, open_auth0_signup_b } from '@ctx-core/auth0'
+import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
 import { getContext_auth0_ui_ctx } from '../getContext_auth0_ui_ctx.js'
-import type { auth0_ui_Ctx } from '../auth0_ui_Ctx'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
 import { Auth0_c } from './Auth0_c.js'
-export let error_class = ''
-export let input_class = ''
-export let button_class = ''
-export let label_class = '.js'
+import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
+export let error_class = '', input_class = '', button_class = '', label_class = '.js'
 const ctx = getContext_auth0_ui_ctx() as auth0_ui_Ctx
 const AUTH0_DOMAIN$ = AUTH0_DOMAIN$_b(ctx)
 const auth0_token_error$ = auth0_token_error$_b(ctx)
 const open_auth0_login = open_auth0_login_b(ctx)
 const open_auth0_signup = open_auth0_signup_b(ctx)
 const _ = new Auth0_c(ctx)
-let email_input
-let email_error:string[]
-$: email_error = $auth0_token_error$?.email
+let email_input:HTMLInputElement, error:string
+$: error = $auth0_token_error$?.error
 </script>
 
 <div class="form forgot_password">
@@ -26,7 +22,7 @@ $: email_error = $auth0_token_error$?.email
 		action="https://{$AUTH0_DOMAIN$}/passwordless/start"
 		accept-charset="UTF-8"
 		method="post"
-		on:submit="{event => _.onsubmit_forgot_password(event, { email_input })}"
+		on:submit={event => _.onsubmit_forgot_password(event, { email_input })}
 	>
 		{#if $auth0_token_error$}
 			<ul>
@@ -37,13 +33,13 @@ $: email_error = $auth0_token_error$?.email
 		{/if}
 		<fieldset>
 			<label class="field">
-				<div class="{label_class}">Email</div>
+				<div class={label_class}>Email</div>
 				<input
 					bind:this={email_input}
 					placeholder="your@email.com"
 					required="required"
 					class="form-control {input_class}"
-					class:invalid="{email_error}"
+					class:invalid={error}
 					type="email"
 					id="email-forgot_password"
 					name="email"/>
@@ -57,11 +53,11 @@ $: email_error = $auth0_token_error$?.email
 			/>
 			<label
 				class="navigation__auth {label_class}"
-				on:click="{open_auth0_login}"
+				on:click={open_auth0_login}
 			>Have an account? Log in&hellip;</label>
 			<label
 				class="navigation__auth {label_class}"
-				on:click="{open_auth0_signup}"
+				on:click={open_auth0_signup}
 			>Don't have an account? Signup&hellip;</label>
 		</footer>
 	</form>

package/dist/ui/Auth0_Loggedin_If.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { is_auth0_loggedin$_b, is_auth0_loggedout$_b, } from '@ctx-core/auth0'
+import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
 import { getContext_auth0_ui_ctx } from '../getContext_auth0_ui_ctx.js'
-import type { auth0_ui_Ctx } from '../auth0_ui_Ctx'
 const ctx = getContext_auth0_ui_ctx() as auth0_ui_Ctx
 const is_auth0_loggedin$ = is_auth0_loggedin$_b(ctx)
 const is_auth0_loggedout$ = is_auth0_loggedout$_b(ctx)

package/dist/ui/Auth0_Login_Form.svelte

@@ -1,70 +1,66 @@
 <script lang="ts">
 import {
-	AUTH0_DOMAIN$_b, auth0_token_error$_b, auth0_token_error_txt_b, open_auth0_forgot_password_b, open_auth0_signup_b
+	AUTH0_DOMAIN$_b, auth0_token_error$_b, auth0_token_error_txt$_b, open_auth0_forgot_password_b, open_auth0_signup_b
 } from '@ctx-core/auth0'
 import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
 import { Auth0_c } from './Auth0_c.js'
-export let ctx:auth0_ui_Ctx
-export let error_class = ''
-export let input_class = ''
-export let button_class = ''
-export let label_class = '.js'
-const auth0_token_error = auth0_token_error$_b(ctx)
-const auth0_token_error_txt = auth0_token_error_txt_b(ctx)
+import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
+export let ctx:auth0_ui_Ctx, error_class = '', input_class = '', button_class = '', label_class = '.js'
+const auth0_token_error$ = auth0_token_error$_b(ctx)
+const auth0_token_error_txt$ = auth0_token_error_txt$_b(ctx)
 const AUTH0_DOMAIN = AUTH0_DOMAIN$_b(ctx)
 const open_auth0_signup = open_auth0_signup_b(ctx)
 const open_auth0_forgot_password = open_auth0_forgot_password_b(ctx)
 const _ = new Auth0_c(ctx)
-let root
-let username_login_input, password_login_input
-let username_error//region
-$: username_error = $auth0_token_error && $auth0_token_error.username //endregion
-let error__password//region
-$: error__password = $auth0_token_error && $auth0_token_error.password //endregion
+let root:HTMLDivElement
+let username_login_input:HTMLInputElement, password_login_input:HTMLInputElement
+let error_username:string|undefined//region
+$: error_username = $auth0_token_error$?.username //endregion
+let error_password:string|undefined//region
+$: error_password = $auth0_token_error$?.password //endregion
 </script>
 
-<div bind:this="{root}" class="form {$$props.class||''}">
+<div bind:this={root} class="form {$$props.class||''}">
 	<Auth0_Dialog_Close></Auth0_Dialog_Close>
 	<h1><slot name="login_text">Welcome</slot></h1>
 	<form
 		action="https://{$AUTH0_DOMAIN}/oauth/token"
 		accept-charset="UTF-8"
 		method="post"
-		on:submit="{event =>
+		on:submit={event =>
 			_.onsubmit_login(event, {
 				username_login_input,
 				password_login_input
-			}, _._schedule_forms_clear(root))}"
+			}, ()=>_.schedule_forms_clear(root))}
 	>
-		{#if $auth0_token_error_txt}
+		{#if $auth0_token_error_txt$}
 			<ul>
 				<li class="error {error_class}">
-					{$auth0_token_error_txt}
+					{$auth0_token_error_txt$}
 				</li>
 			</ul>
 		{/if}
 		<fieldset>
 			<label class="field">
-				<div class="{label_class}">Email</div>
+				<div class={label_class}>Email</div>
 				<input
-					bind:this="{username_login_input}"
+					bind:this={username_login_input}
 					placeholder="your@email.com"
 					required="required"
 					class="form-control {input_class}"
-					class:invalid="{username_error}"
+					class:invalid={error_username}
 					type="email"
 					id="username-login"
 					name="username"/>
 			</label>
 			<label class="field">
-				<div class="{label_class}">Password</div>
+				<div class={label_class}>Password</div>
 				<input
-					bind:this="{password_login_input}"
+					bind:this={password_login_input}
 					placeholder="**********"
 					required="required"
-					class="{input_class}"
-					class:invalid="{error__password}"
+					class={input_class}
+					class:invalid={error_password}
 					id="password-login"
 					type="password"
 					name="password"/>
@@ -78,11 +74,11 @@ $: error__password = $auth0_token_error && $auth0_token_error.password //endregi
 			/>
 			<label
 				class="navigation__auth {label_class}"
-				on:click="{open_auth0_signup}"
+				on:click={open_auth0_signup}
 			>Don't have an account? Signup&hellip;</label>
 			<label
 				class="navigation__auth {label_class}"
-				on:click="{open_auth0_forgot_password}"
+				on:click={open_auth0_forgot_password}
 			>Forgot Password?</label>
 		</footer>
 	</form>

package/dist/ui/Auth0_Signup_Form.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
-import { AUTH0_DOMAIN$_b, auth0_token_error$_b, open_auth0_forgot_password_b, open_auth0_login_b } from '@ctx-core/auth0'
+import {
+	AUTH0_DOMAIN$_b, auth0_token_error$_b, open_auth0_forgot_password_b, open_auth0_login_b,
+} from '@ctx-core/auth0'
+import type { auth0_ui_Ctx } from '../auth0_ui_Ctx.js'
 import { getContext_auth0_ui_ctx } from '../getContext_auth0_ui_ctx.js'
-import type { auth0_ui_Ctx } from '../auth0_ui_Ctx'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
 import { Auth0_c } from './Auth0_c.js'
-export let class__error = ''
-export let class__input = ''
-export let class__button = ''
-export let class__label = '.js'
+import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
+export let error_class = '', input_class = '', button_class = '', label_class = '.js'
 const ctx = getContext_auth0_ui_ctx() as auth0_ui_Ctx
 const AUTH0_DOMAIN$ = AUTH0_DOMAIN$_b(ctx)
 const auth0_token_error$ = auth0_token_error$_b(ctx)
@@ -15,13 +14,13 @@ const open_auth0_login = open_auth0_login_b(ctx)
 const open_auth0_forgot_password = open_auth0_forgot_password_b(ctx)
 const _ = new Auth0_c(ctx)
 let root, signup_email_input, signup_password_input, signup_password_confirmation_input
-let email_error //region
-$: email_error = $auth0_token_error$ && $auth0_token_error$.email //endregion
-let password_error //region
-$: password_error = $auth0_token_error$ && $auth0_token_error$.password //endregion
-let password_error_confirmation //region
-$: password_error_confirmation = $auth0_token_error$ && password_error_confirmation //endregion
-let error_text
+let error_username:string|undefined //region
+$: error_username = $auth0_token_error$?.username //endregion
+let error_password:string|undefined //region
+$: error_password = $auth0_token_error$?.password //endregion
+let error_password_confirmation:string|undefined //region
+$: error_password_confirmation = $auth0_token_error$ && error_password_confirmation //endregion
+let error_text:string
 $: {
 	let error_text_a = []
 	if ($auth0_token_error$) {
@@ -40,55 +39,55 @@ $: {
 		action="https://{$AUTH0_DOMAIN$}/dbconnections/signup"
 		accept-charset="UTF-8"
 		method="post"
-		on:submit="{event =>
+		on:submit={event =>
 			_.onsubmit_signup(event, {
 				signup_email_input,
 				signup_password_input,
 				signup_password_confirmation_input
-			}, _._schedule_forms_clear(root))
-		}"
+			}, _.schedule_forms_clear(root))
+		}
 	>
 		{#if $auth0_token_error$}
 			<ul>
-				<li class="error {class__error}">
+				<li class="error {error_class}">
 					{error_text}
 				</li>
 			</ul>
 		{/if}
 		<fieldset>
 			<label class="field">
-				<div class="{class__label}">Email</div>
+				<div class={label_class}>Email</div>
 				<input
-					bind:this="{signup_email_input}"
+					bind:this={signup_email_input}
 					placeholder="your@email.com"
 					required="required"
 					autocomplete="email"
-					class="form-control {class__input}"
-					class:invalid="{email_error}"
+					class="form-control {input_class}"
+					class:invalid={error_username}
 					type="email"
 					id="email-signup"
 					name="email"/>
 			</label>
 			<label class="field">
-				<div class="{class__label}">Password</div>
+				<div class={label_class}>Password</div>
 				<input
-					bind:this="{signup_password_input}"
+					bind:this={signup_password_input}
 					placeholder="**********"
 					required="required"
-					class="{class__input}"
-					class:invalid="{password_error}"
+					class={input_class}
+					class:invalid={error_password}
 					id="password-signup"
 					type="password"
 					name="password"/>
 			</label>
 			<label class="field">
-				<div class="{class__label}">Confirm Password</div>
+				<div class={label_class}>Confirm Password</div>
 				<input
-					bind:this="{signup_password_confirmation_input}"
+					bind:this={signup_password_confirmation_input}
 					placeholder="**********"
 					required="required"
-					class="{class__input}"
-					class:invalid="{password_error_confirmation}"
+					class={input_class}
+					class:invalid={error_password_confirmation}
 					type="password"
 					name="password_confirmation"
 					id="password_confirmation-signup"/>
@@ -106,15 +105,15 @@ $: {
 			<input
 				type="submit"
 				value="Sign up"
-				class="button {class__button}"
+				class="button {button_class}"
 			/>
 			<label
-				class="navigation__auth {class__label}"
-				on:click="{open_auth0_login}"
+				class="navigation__auth {label_class}"
+				on:click={open_auth0_login}
 			>Have an account? Log in&hellip;</label>
 			<label
-				class="navigation__auth {class__label}"
-				on:click="{open_auth0_forgot_password}"
+				class="navigation__auth {label_class}"
+				on:click={open_auth0_forgot_password}
 			>Forgot Password?</label>
 		</footer>
 	</form>

package/dist/ui/Auth0_c.js

@@ -1,7 +1,8 @@
 import { onDestroy } from 'svelte';
+import { auth0_body__b, auth0_opened_class$_b, auth0_token_error$_b, auth0_token_json$_b, clear_auth0_token_error_b, close_auth0_b, logout_auth0_token_error_b, open_auth0_forgot_password_check_email_b, open_auth0_login_b, password_realm_body__b, post_auth0_auth_change_password_b, post_auth0_dbconnections_signup_b, post_auth0_oauth_token_b, post_auth0_passwordless_start_b, validate_auth0_change_password, validate_auth0_forgot_password, validate_auth0_signup } from '@ctx-core/auth0';
 import { has_dom, dom_a_ } from '@ctx-core/dom';
+import { noop } from '@ctx-core/function';
 import { subscribe } from '@ctx-core/store';
-import { auth0_body__b, auth0_opened_class$_b, auth0_token_error$_b, auth0_token_json$_b, clear_auth0_token_error_b, close_auth0_b, logout_auth0_token_error_b, open_auth0_forgot_password_check_email_b, open_auth0_login_b, password_realm_body__b, post_auth0_auth_change_password_b, post_auth0_dbconnections_signup_b, post_auth0_oauth_token_b, post_auth0_passwordless_start_b, validate_auth0_change_password, validate_auth0_forgot_password, validate_auth0_signup } from '@ctx-core/auth0';
 export class Auth0_c {
     constructor(ctx1){
         this.ctx = ctx1;
@@ -58,7 +59,7 @@ export class Auth0_c {
             }
             schedule_forms_clear();
             await this.login({
-                username: data.email,
+                username: data.username,
                 password: data.password
             }, schedule_forms_clear);
         };
@@ -73,7 +74,7 @@ export class Auth0_c {
                     if (response.status == 401) {
                         this.open_auth0_login();
                         const auth0_token_error = {
-                            email: 'Authentication Error - Log in'
+                            username: 'Authentication Error - Log in'
                         };
                         this.logout_auth0_token_error(auth0_token_error);
                         return;
@@ -109,11 +110,11 @@ export class Auth0_c {
         })=>{
             event.preventDefault();
             const { email_input , password_input , password_confirmation_input ,  } = ctx;
-            const email = email_input.value;
+            const username = email_input.value;
             const password = password_input.value;
             const password_confirmation = password_confirmation_input.value;
             const auth0_token_error = validate_auth0_signup({
-                email,
+                username,
                 password,
                 password_confirmation
             });
@@ -122,7 +123,7 @@ export class Auth0_c {
                 return false;
             }
             await this.signup({
-                email,
+                username,
                 password
             }, schedule_forms_clear);
             return;
@@ -155,8 +156,7 @@ export class Auth0_c {
             await this.post_auth0_passwordless_start(this.login_auth0_body_(data));
             this.open_auth0_forgot_password_check_email();
         };
-        this.onsubmit_change_password = async (event, ctx, schedule_forms_clear = ()=>{
-        })=>{
+        this.onsubmit_change_password = async (event, ctx, schedule_forms_clear = noop)=>{
             event.preventDefault();
             const { password_input , password_confirmation_input ,  } = ctx;
             const password = password_input.value;