@ctx-core/auth0-ui 13.0.0 → 14.0.0

package/src/ui/Auth0_Change_Password_Form.svelte

@@ -1,91 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher } from 'svelte'
-import { AUTH0_DOMAIN__, auth0__token__error__ } from '@ctx-core/auth0'
-import { auth0__ui__o__getContext } from '../auth0__ui__o__getContext.js'
-import { Auth0_c } from './Auth0_c.js'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-const ctx = auth0__ui__o__getContext()
-const dispatch = createEventDispatcher()
-export let error_class = '', input_class = '', button_class = '', label_class = '.js'
-const AUTH0_DOMAIN_ = AUTH0_DOMAIN__(ctx)
-const auth0__token__error_ = auth0__token__error__(ctx)
-const _ = new Auth0_c(ctx)
-let root:HTMLDivElement
-let password_input:HTMLInputElement
-let password_confirmation_input
-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 change_password__onsubmit(event:FormDataEvent) {
-	dispatch('submit__start')
-	try {
-		await _.change_password__onsubmit(event, {
-			password_input,
-			password_confirmation_input,
-		}, ()=>_.forms__clear__schedule(root))
-		dispatch('success')
-	} catch (error) {
-		dispatch('error', { error })
-		throw error
-	} finally {
-		dispatch('submit__end')
-	}
-}
-</script>
-
-<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={change_password__onsubmit}
-	>
-		{#if $auth0_token_error_}
-			<ul>
-				{#if password_error}
-					<li class="error {error_class}">
-						{password_error}
-					</li>
-				{/if}
-				{#if password_error_confirmation}
-					<li class="error {error_class}">
-						{password_error_confirmation}
-					</li>
-				{/if}
-			</ul>
-		{/if}
-		<fieldset>
-		<label class="field">
-			<div class={label_class}>Password</div>
-			<input
-				bind:this={password_input}
-				placeholder="**********"
-				required="required"
-				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>
-			<input
-				bind:this={password_confirmation_input}
-				type="password"
-				id="password_confirmation-change_password"
-				name="password_confirmation"
-				class={input_class}
-				class:invalid={password_error_confirmation}
-				required="required"
-				placeholder="**********"
-			/>
-		</label>
-		</fieldset>
-		<footer>
-			<input type="submit" value="Change Password" class="button {button_class}"/>
-		</footer>
-	</form>
-</div>

package/src/ui/Auth0_Dialog_Close.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-import { CloseDialogHandle } from '@ctx-core/dialog-ui-svelte'
-import { auth0__ui__o__getContext } from '../auth0__ui__o__getContext.js'
-import { Auth0_c } from './Auth0_c.js'
-const ctx = auth0__ui__o__getContext()
-const _ = new Auth0_c(ctx)
-</script>
-
-<CloseDialogHandle on:click={_.onclose}></CloseDialogHandle>

package/src/ui/Auth0_Forgot_Password_Check_Email_Form.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-let root:HTMLDivElement
-</script>
-
-<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>
-</div>

package/src/ui/Auth0_Forgot_Password_Form.svelte

@@ -1,61 +0,0 @@
-<script lang="ts">
-import { AUTH0_DOMAIN__, auth0__token__error__, auth0__login__open, auth0__signup__open } from '@ctx-core/auth0'
-import { auth0__ui__o__getContext } from '../auth0__ui__o__getContext.js'
-import { Auth0_c } from './Auth0_c.js'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-export let error_class = '', input_class = '', button_class = '', label_class = '.js'
-const ctx = auth0__ui__o__getContext()
-const AUTH0_DOMAIN_ = AUTH0_DOMAIN__(ctx)
-const auth0__token__error_ = auth0__token__error__(ctx)
-const _ = new Auth0_c(ctx)
-let email_input:HTMLInputElement, error:typeof $auth0_token_error_?.error
-$: error = $auth0_token_error_?.error
-</script>
-
-<div class="form forgot_password">
-	<Auth0_Dialog_Close></Auth0_Dialog_Close>
-	<h1>Forgot Password</h1>
-	<form
-		action="https://{$AUTH0_DOMAIN_}/passwordless/start"
-		accept-charset="UTF-8"
-		method="post"
-		on:submit={event => _.forgot_password__onsubmit(event, { email_input })}
-	>
-		{#if $auth0_token_error_}
-			<ul>
-				<li class="error {error_class}">
-					{$auth0_token_error_.error}: {$auth0_token_error_.error_description}
-				</li>
-			</ul>
-		{/if}
-		<fieldset>
-			<label class="field">
-				<div class={label_class}>Email</div>
-				<input
-					bind:this={email_input}
-					placeholder="your@email.com"
-					required="required"
-					class="form-control {input_class}"
-					class:invalid={error}
-					type="email"
-					id="email-forgot_password"
-					name="email"/>
-			</label>
-		</fieldset>
-		<footer>
-			<input
-				type="submit"
-				value="Reset Password"
-				class="button {button_class}"
-			/>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__login__open(ctx)}
-			>Have an account? Log in&hellip;</label>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__signup__open(ctx)}
-			>Don't have an account? Signup&hellip;</label>
-		</footer>
-	</form>
-</div>

package/src/ui/Auth0_Login_Form.svelte

@@ -1,83 +0,0 @@
-<script lang="ts">
-import {
-	AUTH0_DOMAIN__, auth0__token__error__, auth0__token__error_txt__, auth0__forgot_password__open, auth0__signup__open
-} from '@ctx-core/auth0'
-import { type Ctx } from '@ctx-core/object'
-import { Auth0_c } from './Auth0_c.js'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-export let ctx:Ctx, error_class = '', input_class = '', button_class = '', label_class = '.js'
-const auth0__token__error_ = auth0__token__error__(ctx)
-const auth0_token_error_txt_ = auth0__token__error_txt__(ctx)
-const AUTH0_DOMAIN = AUTH0_DOMAIN__(ctx)
-const _ = new Auth0_c(ctx)
-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||''}">
-	<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 =>
-			_.login__onsubmit(event, {
-				username_login_input,
-				password_login_input
-			}, ()=>_.forms__clear__schedule(root))}
-	>
-		{#if $auth0_token_error_txt_}
-			<ul>
-				<li class="error {error_class}">
-					{$auth0_token_error_txt_}
-				</li>
-			</ul>
-		{/if}
-		<fieldset>
-			<label class="field">
-				<div class={label_class}>Email</div>
-				<input
-					bind:this={username_login_input}
-					placeholder="your@email.com"
-					required="required"
-					class="form-control {input_class}"
-					class:invalid={error_username}
-					type="email"
-					id="username-login"
-					name="username"/>
-			</label>
-			<label class="field">
-				<div class={label_class}>Password</div>
-				<input
-					bind:this={password_login_input}
-					placeholder="**********"
-					required="required"
-					class={input_class}
-					class:invalid={error_password}
-					id="password-login"
-					type="password"
-					name="password"/>
-			</label>
-		</fieldset>
-		<footer>
-			<input
-				type="submit"
-				value="Login"
-				class="button {button_class}"
-			/>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__signup__open(ctx)}
-			>Don't have an account? Signup&hellip;</label>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__forgot_password__open(ctx)}
-			>Forgot Password?</label>
-		</footer>
-	</form>
-</div>

package/src/ui/Auth0_Signup_Form.svelte

@@ -1,117 +0,0 @@
-<script lang="ts">
-import {
-	AUTH0_DOMAIN__, auth0__token__error__, auth0__forgot_password__open, auth0__login__open,
-} from '@ctx-core/auth0'
-import { auth0__ui__o__getContext } from '../auth0__ui__o__getContext.js'
-import { Auth0_c } from './Auth0_c.js'
-import Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-export let error_class = '', input_class = '', button_class = '', label_class = '.js'
-const ctx = auth0__ui__o__getContext()
-const AUTH0_DOMAIN_ = AUTH0_DOMAIN__(ctx)
-const auth0__token__error_ = auth0__token__error__(ctx)
-const _ = new Auth0_c(ctx)
-let root, signup_email_input, signup_password_input, signup_password_confirmation_input
-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:boolean //region
-$: error_password_confirmation = !!$auth0_token_error_ //endregion
-let error_text:string
-$: {
-	let error_text_a = []
-	if ($auth0_token_error_) {
-		for (let key in $auth0_token_error_) {
-			error_text_a.push($auth0_token_error_[key])
-		}
-	}
-	error_text = error_text_a.join('<br>') || ''
-}
-</script>
-
-<div bind:this={root} class="form signup">
-	<Auth0_Dialog_Close/>
-	<h1><slot name="signup_text">Sign Up</slot></h1>
-	<form
-		action="https://{$AUTH0_DOMAIN_}/dbconnections/signup"
-		accept-charset="UTF-8"
-		method="post"
-		on:submit={event =>
-			_.signup__onsubmit(event, {
-				signup_email_input,
-				signup_password_input,
-				signup_password_confirmation_input
-			}, _.forms__clear__schedule(root))
-		}
-	>
-		{#if $auth0_token_error_}
-			<ul>
-				<li class="error {error_class}">
-					{error_text}
-				</li>
-			</ul>
-		{/if}
-		<fieldset>
-			<label class="field">
-				<div class={label_class}>Email</div>
-				<input
-					bind:this={signup_email_input}
-					placeholder="your@email.com"
-					required="required"
-					autocomplete="email"
-					class="form-control {input_class}"
-					class:invalid={error_username}
-					type="email"
-					id="email-signup"
-					name="email"/>
-			</label>
-			<label class="field">
-				<div class={label_class}>Password</div>
-				<input
-					bind:this={signup_password_input}
-					placeholder="**********"
-					required="required"
-					class={input_class}
-					class:invalid={error_password}
-					id="password-signup"
-					type="password"
-					name="password"/>
-			</label>
-			<label class="field">
-				<div class={label_class}>Confirm Password</div>
-				<input
-					bind:this={signup_password_confirmation_input}
-					placeholder="**********"
-					required="required"
-					class={input_class}
-					class:invalid={error_password_confirmation}
-					type="password"
-					name="password_confirmation"
-					id="password_confirmation-signup"/>
-			</label>
-			<slot name="tos__signup">
-				<p>
-					By clicking ‘Sign up’ you agree to the terms of this Website <br>
-					<a href="." target="_blank">Terms of Service</a>
-					and
-					<a href="." target="_blank">Privacy Policy</a>
-				</p>
-			</slot>
-		</fieldset>
-		<footer>
-			<input
-				type="submit"
-				value="Sign up"
-				class="button {button_class}"
-			/>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__login__open(ctx)}
-			>Have an account? Log in&hellip;</label>
-			<label
-				class="auth_navigation {label_class}"
-				on:click={()=>auth0__forgot_password__open(ctx)}
-			>Forgot Password?</label>
-		</footer>
-	</form>
-</div>

package/src/ui/Auth0_c.ts

@@ -1,251 +0,0 @@
-import type {
-	auth0__client_id__body_T,
-	auth0__grant_type__body_T,
-	auth0__login_data_T,
-	password_realm__body_T,
-	auth0__oauth_token__fetch__body_T,
-	auth0__passwordless_start__fetch__body_T,
-	auth0__passwordless_start__fetch__optional_body_T,
-	auth0__signup_data_T
-} from '@ctx-core/auth0'
-import {
-	auth0__body_,
-	auth0__opened__class__,
-	auth0__token__error__,
-	auth0__token__json__,
-	auth0__token__error__clear,
-	auth0__close,
-	auth0__token__error__logout,
-	auth0__forgot_password__check_email__open,
-	auth0__login__open,
-	password_realm__body_,
-	auth0__change_password__fetch_post,
-	auth0__dbconnections_signup__fetch_get,
-	auth0__oauth_token__fetch_post,
-	auth0__passwordless_start__fetch_post,
-	auth0__change_password__validate,
-	auth0__forgot_password__validate,
-	auth0__signup__validate
-} from '@ctx-core/auth0'
-import { dom_a_, has_dom } from '@ctx-core/dom'
-import { noop } from '@ctx-core/function'
-import type { Ctx } from '@ctx-core/object'
-import type { Auth0Error } from 'auth0-js'
-import { onDestroy } from 'svelte'
-export class Auth0_c {
-	constructor(protected ctx:Ctx) {}
-	readonly auth0__login__body_ = (data:any)=>
-		auth0__body_<login__password_realm__body_T>(
-			this.ctx, data
-		)
-	readonly auth0__login__password_realm__body_ = (data:any)=>
-		password_realm__body_<login__password_realm__body_T>(
-			this.ctx,
-			this.auth0__login__body_(data)
-		)
-	readonly auth0__signup__body_ = (data:any)=>
-		auth0__body_<signup__password_realm__body_T>(this.ctx, data) as signup__password_realm__body_T
-	readonly auth0__signup__password_realm__body_ = (data:any)=>
-		password_realm__body_<signup__password_realm__body_T>(this.ctx, this.auth0__signup__body_(data))
-	readonly auth0__opened__class = auth0__opened__class__(this.ctx)
-	readonly auth0__token__json_ = auth0__token__json__(this.ctx)
-	readonly auth0__token__error_ = auth0__token__error__(this.ctx)
-	readonly auth0__close = ()=>auth0__close(this.ctx)
-	readonly onMount = async (root:HTMLElement)=>{
-		if (has_dom) {
-			const unsubscribe =
-				this.auth0__opened__class.subscribe(()=>this.forms__clear__schedule(root))
-			onDestroy(unsubscribe)
-		}
-	}
-	readonly login = async (data:auth0__login_data_T, forms__clear__schedule = ()=>{})=>{
-		const [auth0_token, response] = await auth0__oauth_token__fetch_post(
-			this.ctx, this.auth0__login__password_realm__body_(data)
-		)
-		if (response.ok) {
-			const auth0_token_json = JSON.stringify(auth0_token)
-			this.auth0__token__json_.$ = auth0_token_json
-			forms__clear__schedule()
-			this.auth0__close()
-		} else {
-			const auth_token_error = auth0_token as Auth0Error
-			this.auth0__token__error_.$ = auth_token_error
-			auth0__token__error__logout(this.ctx, auth_token_error)
-		}
-	}
-	readonly signup = async (data:auth0__signup_data_T, forms__clear__schedule = ()=>{})=>{
-		const [auth0_userinfo] = await auth0__dbconnections_signup__fetch_get(
-			this.ctx,
-			this.auth0__signup__password_realm__body_(data))
-		const auth0_userinfo_Auth0Error = auth0_userinfo as Auth0Error
-		const { statusCode } = auth0_userinfo_Auth0Error
-		if (statusCode) {
-			const {
-				code,
-				description
-			} = auth0_userinfo_Auth0Error
-			const email =
-				code === 'user_exists'
-				? 'This Email is already signed up'
-				: description || ''
-			const auth0_token_error = { email }
-			auth0__token__error__logout(this.ctx, auth0_token_error)
-			return
-		}
-		forms__clear__schedule()
-		await this.login({
-			username: data.email,
-			password: data.password,
-		}, forms__clear__schedule)
-	}
-	readonly change_password = async (form:{ password:string }, forms__clear__schedule = ()=>{})=>{
-		const { password } = form
-		let error
-		try {
-			const [response_json, response] = await auth0__change_password__fetch_post(this.ctx, password)
-			if (!response.ok) {
-				if (response.status == 401) {
-					auth0__login__open(this.ctx)
-					const auth0_token_error = { username: 'Authentication Error - Log in' }
-					auth0__token__error__logout(this.ctx, auth0_token_error)
-					return
-				}
-				error = response_json.error || 'Error changing Password'
-			}
-		} catch (e:any) {
-			console.warn(e)
-			error = e.message
-		}
-		if (error) {
-			const auth0_token_error = { password: error }
-			auth0__token__error__logout(this.ctx, auth0_token_error)
-			return
-		}
-		forms__clear__schedule()
-		this.auth0__close()
-	}
-	readonly forms__clear__schedule_:(root:HTMLElement)=>void = (root:HTMLElement)=>{
-		return ()=>this.forms__clear__schedule(root)
-	}
-	readonly forms__clear__schedule = (root:HTMLElement)=>{
-		setTimeout(()=>{
-			auth0__token__error__clear(this.ctx)
-			inputs__clear(dom_a_('input[type=text]', root))
-			inputs__clear(dom_a_('input[type=password]', root))
-		}, 100)
-	}
-	readonly signup__onsubmit = async (event:Event, ctx:signup__onsubmit__o_T, forms__clear__schedule = ()=>{})=>{
-		event.preventDefault()
-		const {
-			email_input,
-			password_input,
-			password_confirmation_input,
-		} = ctx
-		const email = email_input.value
-		const password = password_input.value
-		const password_confirmation = password_confirmation_input.value
-		const auth0_token_error =
-			auth0__signup__validate({
-				email,
-				password,
-				password_confirmation
-			})
-		if (auth0_token_error) {
-			auth0__token__error__logout(this.ctx, auth0_token_error)
-			return false
-		}
-		await this.signup({
-			email,
-			password
-		}, forms__clear__schedule)
-		return
-	}
-	readonly login__onsubmit = async (event:Event, ctx:login__onsubmit__o_T, forms__clear__schedule = ()=>{})=>{
-		event.preventDefault()
-		const { username_login_input, password_login_input } = ctx
-		const username = username_login_input.value
-		const password = password_login_input.value
-		await this.login({ username, password }, forms__clear__schedule)
-	}
-	readonly forgot_password__onsubmit = async (event:Event, ctx:forgot_password__onsubmit__o_T)=>{
-		event.preventDefault()
-		const { email_input } = ctx
-		const email = email_input.value
-		const data:auth0__passwordless_start__fetch__optional_body_T = {
-			connection: 'email',
-			send: 'link',
-			email
-		}
-		const auth0_token_error = auth0__forgot_password__validate(data)
-		if (auth0_token_error) {
-			auth0__token__error__logout(this.ctx, auth0_token_error)
-			return
-		}
-		await auth0__passwordless_start__fetch_post(
-			this.ctx, this.auth0__login__body_(data) as auth0__passwordless_start__fetch__body_T
-		)
-		auth0__forgot_password__check_email__open(this.ctx)
-	}
-	readonly change_password__onsubmit = async (
-		event:Event, ctx:change_password__onsubmit__o_T, forms__clear__schedule = noop
-	)=>{
-		event.preventDefault()
-		const {
-			password_input,
-			password_confirmation_input,
-		} = ctx
-		const password = password_input.value
-		const password_confirmation = password_confirmation_input.value
-		const auth0_token_error =
-			auth0__change_password__validate(
-				{
-					password,
-					password_confirmation
-				})
-		if (auth0_token_error) {
-			auth0__token__error__logout(this.ctx, auth0_token_error)
-			throw auth0_token_error
-		}
-		return await this.change_password({ password }, forms__clear__schedule)
-	}
-	readonly onclose = async (event:MouseEvent)=>{
-		event.preventDefault()
-		this.auth0__close()
-	}
-}
-function inputs__clear(inputs:NodeList) {
-	for (let i = 0; i < inputs.length; i++) {
-		const input = inputs[i] as HTMLInputElement
-		input.value = ''
-	}
-}
-export interface signup__password_realm__body_T
-	extends auth0__signup_data_T,
-		auth0__client_id__body_T,
-		auth0__passwordless_start__fetch__body_T,
-		password_realm__body_T,
-		auth0__grant_type__body_T,
-		auth0__oauth_token__fetch__body_T {}
-export interface login__password_realm__body_T
-	extends auth0__login_data_T,
-		auth0__client_id__body_T,
-		auth0__passwordless_start__fetch__body_T,
-		password_realm__body_T,
-		auth0__grant_type__body_T,
-		auth0__oauth_token__fetch__body_T {}
-export interface change_password__onsubmit__o_T {
-	password_input:HTMLInputElement
-	password_confirmation_input:HTMLInputElement
-}
-export interface forgot_password__onsubmit__o_T {
-	email_input:HTMLInputElement
-}
-export interface login__onsubmit__o_T {
-	username_login_input:HTMLInputElement
-	password_login_input:HTMLInputElement
-}
-export interface signup__onsubmit__o_T {
-	email_input:HTMLInputElement
-	password_input:HTMLInputElement
-	password_confirmation_input:HTMLInputElement
-}

package/src/ui/index.ts

@@ -1,8 +0,0 @@
-import 'svelte'
-export * as Auth0 from './Auth0.svelte'
-export * as Auth0_Dialog_Close from './Auth0_Dialog_Close.svelte'
-export * as Auth0_Change_Password_Form from './Auth0_Change_Password_Form.svelte'
-export * as Auth0_Forgot_Password_Check_Email_Form from './Auth0_Forgot_Password_Check_Email_Form.svelte'
-export * as Auth0_Forgot_Password_Form from './Auth0_Forgot_Password_Form.svelte'
-export * as Auth0_Login_Form from './Auth0_Login_Form.svelte'
-export * as Auth0_Signup_Form from './Auth0_Signup_Form.svelte'

package/svelte.config.js

@@ -1,16 +0,0 @@
-import adapter from '@sveltejs/adapter-auto'
-import preprocess from 'svelte-preprocess'
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	// Consult https://github.com/sveltejs/svelte-preprocess
-	// for more information about preprocessors
-	preprocess: preprocess(),
-	kit: {
-		adapter: adapter(),
-		package: {
-			dir: 'lib',
-			emitTypes: false
-		}
-	}
-}
-export default config