@isoftdata/svelte-user-configuration 1.0.17 → 1.0.19

package/dist/PasswordRecoveryModal.svelte

@@ -3,6 +3,7 @@ import Modal from "@isoftdata/svelte-modal";
 import Input from "@isoftdata/svelte-input";
 const { t: translate } = getContext("i18next") || { t: (_key, fallback) => fallback };
 export let sendPasswordRecoveryToken = void 0;
+export let doSendPasswordRecoveryToken = false;
 let resetDate = void 0;
 let email = void 0;
 let show = false;
@@ -28,6 +29,7 @@ export function open(passwordRecoveryEmail, lastResetDate) {
 		on:submit={async event => {
 			event.preventDefault()
 			try {
+				doSendPasswordRecoveryToken = true
 				await sendPasswordRecoveryToken?.(email)
 				show = false
 			} catch (err) {

package/dist/PasswordRecoveryModal.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         sendPasswordRecoveryToken?: ((email: string | undefined) => void | Promise<void>) | undefined;
+        doSendPasswordRecoveryToken?: boolean;
         open?: (passwordRecoveryEmail: string | undefined, lastResetDate: Date | undefined) => void;
     };
     events: {

package/dist/UserAccountInfo.svelte

@@ -11,7 +11,6 @@ export let userAccount;
 export let icon = "user";
 export let canToggleActive = true;
 export let canEditAccountInfo = true;
-export let isCreatingNewUser = false;
 export let deactivateUser = void 0;
 export let hasPermissionToChangePassword = false;
 export let confirmPasswordSet = void 0;
@@ -19,6 +18,7 @@ export let accountInfoChanged = void 0;
 export let error = void 0;
 export let success = void 0;
 export let sendPasswordRecoveryToken = void 0;
+export let doSendPasswordRecoveryToken = false;
 export let generateNewActivationPIN = () => Promise.resolve();
 export let usernameInput = void 0;
 let isLoading = false;
@@ -65,6 +65,7 @@ async function reactivateUserAccount() {
 $: workEmail = userAccount.workEmail;
 $: status = userAccount.status;
 $: activationPIN = userAccount.userActivationData?.activationPIN;
+$: isCreatingNewUser = userAccount.id === null;
 </script>
 
 <div
@@ -191,7 +192,8 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 						required={isCreatingNewUser}
 						validation={{
 							validator: value => {
-								return value.length > 320 ? 'Username must be less than 320 characters.' : true
+								if (!value) return 'Username is required.'
+								else return value.length > 320 ? 'Username must be less than 320 characters.' : true
 							},
 						}}
 						bind:input={usernameInput}
@@ -257,6 +259,7 @@ $: activationPIN = userAccount.userActivationData?.activationPIN;
 
 <PasswordRecoveryModal
 	bind:this={passwordRecoveryModal}
+	bind:doSendPasswordRecoveryToken
 	{sendPasswordRecoveryToken}
 />
 

package/dist/UserAccountInfo.svelte.d.ts

@@ -5,7 +5,6 @@ declare const __propDef: {
         userAccount: UserAccount;
         canEditAccountInfo?: boolean;
         canToggleActive?: boolean;
-        isCreatingNewUser?: boolean;
         hasPermissionToChangePassword?: boolean;
         generateNewActivationPIN?: (userName: string, hasWorkEmail: boolean) => Promise<void>;
         confirmPasswordSet?: ConfirmPasswordSetFn;
@@ -20,6 +19,7 @@ declare const __propDef: {
         }) => void | Promise<void>) | undefined;
         accountInfoChanged?: (() => void | Promise<void>) | undefined;
         sendPasswordRecoveryToken?: ((email: string | undefined) => void | Promise<void>) | undefined;
+        doSendPasswordRecoveryToken: boolean;
         icon?: IconName;
         usernameInput?: HTMLInputElement | undefined;
     };

package/dist/UserConfiguration.svelte

@@ -12,7 +12,7 @@ export let cardDeckHeight = "500px";
 export let usernameInput = void 0;
 export let userAccount;
 export let canToggleActive = true;
-export let isCreatingNewUser = false;
+export let doSendPasswordRecoveryToken = false;
 export let canEditAccountInfo = true;
 export let hasPermissionToChangePassword = false;
 export let error = void 0;
@@ -39,9 +39,9 @@ export let permissionValueChange = void 0;
 		<UserAccountInfo
 			bind:userAccount
 			bind:usernameInput
+			bind:doSendPasswordRecoveryToken
 			{canToggleActive}
 			{canEditAccountInfo}
-			{isCreatingNewUser}
 			{hasPermissionToChangePassword}
 			{error}
 			{success}

package/dist/UserConfiguration.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ErrorFn, IconName, UserSites, SuccessFn, SiteLabel, UserAccount, Permissions, GroupMembership, CanToggleActive, DeactivateUserFn, CanEditSiteAccess, IsCreatingNewUser, SiteAccessChangeFn, PermissionValueMap, CanEditAccountInfo, ConfirmPasswordSetFn, AccountInfoChangedFn, CanEditGroupMembership, GroupMembershipChangeFn, PermissionValueChangeFn, GroupPermissionValueMap, GenerateNewActivationPINFn, SendPasswordRecoveryTokenFn, HasPermissionToChangePassword, PermissionListCardHeaderTitle } from './util';
+import type { ErrorFn, IconName, UserSites, SuccessFn, SiteLabel, UserAccount, Permissions, GroupMembership, CanToggleActive, DeactivateUserFn, CanEditSiteAccess, SiteAccessChangeFn, PermissionValueMap, CanEditAccountInfo, ConfirmPasswordSetFn, AccountInfoChangedFn, CanEditGroupMembership, GroupMembershipChangeFn, PermissionValueChangeFn, GroupPermissionValueMap, GenerateNewActivationPINFn, SendPasswordRecoveryTokenFn, HasPermissionToChangePassword, PermissionListCardHeaderTitle } from './util';
 declare const __propDef: {
     props: {
         siteLabel?: SiteLabel;
@@ -12,7 +12,7 @@ declare const __propDef: {
         usernameInput?: HTMLInputElement | undefined;
         userAccount: UserAccount;
         canToggleActive?: CanToggleActive;
-        isCreatingNewUser?: IsCreatingNewUser;
+        doSendPasswordRecoveryToken?: boolean;
         canEditAccountInfo?: CanEditAccountInfo;
         hasPermissionToChangePassword?: HasPermissionToChangePassword;
         error?: ErrorFn;

package/dist/util.d.ts

@@ -2,6 +2,7 @@ import type { ComponentProps } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 import DeactivateUserModal from './DeactivateUserModal.svelte';
 import PasswordSetModal from './PasswordSetModal.svelte';
+import PasswordRecoveryModal from './PasswordRecoveryModal.svelte';
 import UserAccountInfo from './UserAccountInfo.svelte';
 import UserSiteAccess from './UserSiteAccess.svelte';
 import UserGroupMembership from './UserGroupMembership.svelte';
@@ -32,13 +33,13 @@ export type GenerateNewActivationPINFn = ComponentProps<UserAccountInfo>['genera
 export type SuccessFn = ComponentProps<UserAccountInfo>['success'];
 export type ErrorFn = ComponentProps<UserAccountInfo>['error'];
 export type AccountInfoChangedFn = ComponentProps<UserAccountInfo>['accountInfoChanged'];
-export type SendPasswordRecoveryTokenFn = ComponentProps<UserAccountInfo>['sendPasswordRecoveryToken'];
 export type CanEditAccountInfo = ComponentProps<UserAccountInfo>['canEditAccountInfo'];
 export type CanToggleActive = ComponentProps<UserAccountInfo>['canToggleActive'];
-export type IsCreatingNewUser = ComponentProps<UserAccountInfo>['isCreatingNewUser'];
 export type HasPermissionToChangePassword = ComponentProps<UserAccountInfo>['hasPermissionToChangePassword'];
 export type ConfirmPasswordSetFn = ComponentProps<PasswordSetModal>['confirmPasswordSet'];
 export type DeactivateUserFn = ComponentProps<DeactivateUserModal>['deactivateUser'];
+export type DoSendPasswordRecoveryToken = ComponentProps<PasswordRecoveryModal>['doSendPasswordRecoveryToken'];
+export type SendPasswordRecoveryTokenFn = ComponentProps<PasswordRecoveryModal>['sendPasswordRecoveryToken'];
 export type UserSites = ComponentProps<UserSiteAccess>['userSites'];
 export type CanEditSiteAccess = ComponentProps<UserSiteAccess>['canEditSiteAccess'];
 export type SiteAccessChangeFn = ComponentProps<UserSiteAccess>['siteAccessChange'];

package/dist/util.js

@@ -1,5 +1,6 @@
 import DeactivateUserModal from './DeactivateUserModal.svelte';
 import PasswordSetModal from './PasswordSetModal.svelte';
+import PasswordRecoveryModal from './PasswordRecoveryModal.svelte';
 import UserAccountInfo from './UserAccountInfo.svelte';
 import UserSiteAccess from './UserSiteAccess.svelte';
 import UserGroupMembership from './UserGroupMembership.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@isoftdata/svelte-user-configuration",
-	"version": "1.0.17",
+	"version": "1.0.19",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -70,4 +70,4 @@
 		"just-camel-case": "^6.2.0",
 		"klona": "^2.0.6"
 	}
-}
+}