@isoftdata/svelte-user-configuration 1.1.3 → 1.2.0

package/README.md

@@ -21,6 +21,8 @@ npm i @isoftdata/svelte-user-configuration
 | `hasPermissionToChangePassword` | boolean | ❌ | `false` | Whether the user has permission to change passwords. |
 | `myAccountMode` | boolean | ❌ | `false` | When `true`, admin controls will be hidden/disabled. This is designed to be used when using the user account info component standalone so the current session user can edit their own account info, including first & last name, password recovery email, & password. |
 
+> Additionally, the `validationRules` & `passwordIsValid` props from the [PasswordFields](<https://github.com/ISoft-Data-Systems/svelte-component-password-fields>) component can be passed and will be used during password setting when `hasPermissionToChangePassword` or `myAccountMode` are `true` .
+
 ### Site Access Properties
 
 | Prop | Type | Required | Default | Description |

package/dist/PasswordSetModal.svelte

@@ -12,6 +12,8 @@ let lastResetDate = void 0;
 let input = void 0;
 let passwordRecoveryEmail = void 0;
 let error = void 0;
+let passwordIsValid = false;
+export let validationRules = void 0;
 export let confirmPasswordSet = void 0;
 export async function open(userAccount) {
   error = void 0;
@@ -32,7 +34,7 @@ const { t: translate } = getContext("i18next") || { t: defaultTranslate };
 	title={translate('configuration.user.accountInfo.setPasswordModal.header', 'Set Password')}
 	confirmButtonText={translate('configuration.user.accountInfo.passwordManagementModal.setPassword', 'Set Password')}
 	confirmButtonIcon="check"
-	confirmButtonDisabled={passwordMismatch || !newPassword || !confirmPassword}
+	confirmButtonDisabled={passwordMismatch || !newPassword || !confirmPassword || !passwordIsValid}
 	on:close={() => (show = false)}
 	confirmButtonType="submit"
 	confirmButtonFormId="setPasswordForm"
@@ -66,7 +68,9 @@ const { t: translate } = getContext("i18next") || { t: defaultTranslate };
 			bind:confirmPassword
 			bind:passwordMismatch
 			bind:passwordInput={input}
+			bind:passwordIsValid
 			columnClass="col-12"
+			{validationRules}
 			passwordLabel={translate('configuration.user.accountInfo.passwordManagementModal.newPassword', 'New Password')}
 			confirmPasswordLabel={translate('configuration.user.accountInfo.passwordManagementModal.confirmNewPassword', 'Confirm New Password')}
 		/>

package/dist/PasswordSetModal.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { UserAccount } from './';
+import type { UserAccount, PasswordValidationRules } from './';
 declare const __propDef: {
     props: {
+        validationRules?: PasswordValidationRules | undefined;
         confirmPasswordSet?: ((ctx: {
             password: string;
         }) => void | Promise<void>) | undefined;

package/dist/UserAccountInfo.svelte

@@ -30,6 +30,7 @@ export let passwordValidationRules = void 0;
 export let cardTitle = translate("configuration.user.accountInfoHeader", "Account");
 export let showPasswordChange = false;
 export let passwordMismatch = false;
+export let passwordIsValid = false;
 let isLoading = false;
 let passwordSetModal;
 let deactivateUserModal;
@@ -76,6 +77,7 @@ $: workEmail = userAccount.workEmail;
 $: status = userAccount.status;
 $: activationPIN = userAccount.userActivationData?.activationPIN;
 $: isCreatingNewUser = userAccount.id === null;
+$: passwordMismatch = !(userAccount.currentPassword && userAccount.newPassword && confirmPassword && userAccount.newPassword === confirmPassword);
 </script>
 
 <div
@@ -311,7 +313,7 @@ $: isCreatingNewUser = userAccount.id === null;
 						<PasswordFields
 							bind:password={userAccount.newPassword}
 							bind:confirmPassword
-							bind:passwordMismatch
+							bind:passwordIsValid
 							columnClass="col-12"
 							passwordLabel={translate('configuration.user.accountInfo.passwordManagementModal.newPassword', 'New Password')}
 							confirmPasswordLabel={translate('configuration.user.accountInfo.passwordManagementModal.confirmNewPassword', 'Confirm New Password')}
@@ -357,4 +359,5 @@ $: isCreatingNewUser = userAccount.id === null;
 			confirmPasswordSet?.({ password })
 		}
 	}}
+	validationRules={passwordValidationRules}
 />

package/package.json

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