@isoftdata/svelte-user-configuration 1.0.7 → 1.0.9

package/dist/UserAccountInfo.svelte

@@ -22,7 +22,6 @@ export let sendPasswordRecoveryToken = void 0;
 export let generateNewActivationPIN = () => Promise.resolve();
 let isLoading = false;
 let passwordSetModal;
-let activationPINExpiration = "";
 let deactivateUserModal;
 let passwordRecoveryModal;
 let activationPINInput;
@@ -69,7 +68,7 @@ async function deactivateUserAccount(lockNotes) {
 }
 $: workEmail = userAccount.workEmail;
 $: status = userAccount.status;
-$: activationPIN = userAccount.activationPIN;
+$: activationPIN = userAccount.userActivationData?.activationPIN;
 </script>
 
 <div
@@ -153,8 +152,12 @@ $: activationPIN = userAccount.activationPIN;
 									</div>
 								</div>
 							{/if}
-							{#if activationPIN}
-								<small class="text-danger">{translate('configuratioin.user.activationPINExpireText', 'Activation PIN expires on')} {activationPINExpiration}</small>
+							{#if activationPIN && userAccount.userActivationData?.activationPINExpiration}
+								<small class="text-danger"
+									>{translate('configuratioin.user.activationPINExpireText', 'Activation PIN expires on {{date}}', {
+										date: userAccount.userActivationData.activationPINExpiration.toLocaleString(),
+									})}</small
+								>
 							{/if}
 						</div>
 					{:else}
@@ -163,7 +166,11 @@ $: activationPIN = userAccount.activationPIN;
 								size="sm"
 								outline
 								iconClass="paper-plane"
-								on:click={() => passwordRecoveryModal.open(userAccount.recoveryEmail, userAccount.lastPasswordResetDate)}
+								on:click={() => {
+									if (userAccount.recoveryEmail) {
+										passwordRecoveryModal.open(userAccount.recoveryEmail, userAccount.lastPasswordResetDate)
+									}
+								}}
 							>
 								{translate('configuration.user.sendResetToken', 'Send Reset Token')}...
 							</Button>

package/dist/UserConfiguration.svelte

@@ -8,6 +8,7 @@ export let groupMembershipIcon = "users";
 export let permissionListIcon = "user-lock";
 export let userSiteAccessIcon = "industry-windows";
 export let permissionListCardHeaderTitle = "Permissions";
+export let cardDeckHeight = "500px";
 export let userAccount;
 export let canToggleActive = true;
 export let isCreatingNewUser = false;
@@ -35,7 +36,7 @@ export let permissionValueChange = void 0;
 <div class="form-row">
 	<div class="col-12 col-lg-4 mb-2">
 		<UserAccountInfo
-			{userAccount}
+			bind:userAccount
 			{canToggleActive}
 			{canEditAccountInfo}
 			{isCreatingNewUser}
@@ -48,7 +49,7 @@ export let permissionValueChange = void 0;
 			{sendPasswordRecoveryToken}
 			{generateNewActivationPIN}
 			icon={userAccountInfoIcon}
-			style="height: 500px;"
+			style="height: {cardDeckHeight};"
 		>
 			<slot name="userAccountInfo"></slot>
 		</UserAccountInfo>
@@ -60,7 +61,7 @@ export let permissionValueChange = void 0;
 			{canEditSiteAccess}
 			{siteAccessChange}
 			icon={userSiteAccessIcon}
-			style="height: 500px;"
+			style="height: {cardDeckHeight};"
 		>
 			<slot name="siteAccess"></slot>
 		</UserSiteAccess>
@@ -71,7 +72,7 @@ export let permissionValueChange = void 0;
 			{canEditGroupMembership}
 			{groupMembershipChange}
 			icon={groupMembershipIcon}
-			style="height: 500px;"
+			style="height: {cardDeckHeight};"
 		>
 			<slot name="userGroupMembership"></slot>
 		</UserGroupMembership>

package/dist/UserConfiguration.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         permissionListIcon?: IconName;
         userSiteAccessIcon?: IconName;
         permissionListCardHeaderTitle?: PermissionListCardHeaderTitle;
+        /** The height of the cards in the first row. */ cardDeckHeight?: string;
         userAccount: UserAccount;
         canToggleActive?: CanToggleActive;
         isCreatingNewUser?: IsCreatingNewUser;

package/dist/util.d.ts

@@ -9,15 +9,19 @@ import type PermissionList from './PermissionList.svelte';
 export interface UserAccount {
     id: number | null;
     name: string;
-    workEmail: string;
-    firstName: string;
-    lastName: string;
+    workEmail: string | null;
+    firstName: string | null;
+    lastName: string | null;
     lockNotes: string | null;
-    recoveryEmail: string;
+    recoveryEmail: string | null;
     status: 'ACTIVE' | 'DEACTIVATED' | 'LOCKED' | 'PENDING_ACTIVATION';
     newPassword?: string;
     lastPasswordResetDate?: Date;
     lastAccessDate?: Date;
+    userActivationData?: {
+        activationPIN: string | null;
+        activationPINExpiration: Date | null;
+    } | null;
 }
 export type { IconName } from '@fortawesome/fontawesome-common-types';
 export type HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@isoftdata/svelte-user-configuration",
-	"version": "1.0.7",
+	"version": "1.0.9",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",