@schukai/monster 4.123.0 → 4.124.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.124.0] - 2026-02-20
+
+### Add Features
+
+- Enhance login component with behavior options for password reset handling
+
+
+
 ## [4.123.0] - 2026-02-17
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.123.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.124.0"}

package/source/components/form/login.mjs

@@ -218,6 +218,8 @@ class Login extends CustomElement {
 	 * @property {Object} callbacks Optional callback hooks for modifying internal behavior
 	 * @property {Function} callbacks.username A function that receives and can transform the entered username before submission
 	 * @property {Function} callbacks.forgotPassword A function that receives and can transform the entered email before submission
+	 * @property {Object} behavior Behavior options for response handling
+	 * @property {number[]} behavior.passwordResetDisabledStatusCodes HTTP status codes that indicate reset is disabled
 	 * @property {number} digits Number of digits required for second factor or password reset code input
 	 * @property {Object[]} successUrls List of URLs shown after successful login (e.g., home or logout)
 	 * @property {string} successUrls.label Label for the success URL (displayed)
@@ -297,6 +299,10 @@ class Login extends CustomElement {
 				forgotPassword: null,
 			},
 
+			behavior: {
+				passwordResetDisabledStatusCodes: [401],
+			},
+
 			digits: 6,
 
 			successUrls: [
@@ -1484,35 +1490,37 @@ function initEventHandler() {
 		getWindow()
 			.fetch(url, options)
 			.then((response) => {
+				const disabledCodes =
+					this.getOption("behavior.passwordResetDisabledStatusCodes") || [401];
+				const isResetDisabled =
+					disabledCodes.includes(response.status) &&
+					response.headers.has("x-password-reset") &&
+					response.headers.get("x-password-reset").includes("disabled");
+
 				if (response.ok) {
 					const timeoutSuccess = this.getOption("timeoutForSuccess");
 					this[requestLinkButtonSymbol].setState("successful", timeoutSuccess);
 					setTimeout(() => {
 						this.openDigits();
 					}, timeoutSuccess);
+				} else if (isResetDisabled) {
+					this[requestLinkButtonSymbol].setMessage(
+						this.getOption("labels.messagePasswordResetDisabled"),
+					);
+				} else if (response.status === 403) {
+					this[requestLinkButtonSymbol].setMessage(
+						this.getOption("labels.messageForbidden"),
+					);
+				} else if (response.status === 401) {
+					this[requestLinkButtonSymbol].setMessage(
+						this.getOption("labels.messageLoginFailed"),
+					);
 				} else {
-					if (response.status === 403) {
-						this[requestLinkButtonSymbol].setMessage(
-							this.getOption("labels.messageForbidden"),
-						);
-					} else if (response.status === 401) {
-						if (
-							response.headers.has("x-password-reset") &&
-							response.headers.get("x-password-reset").includes("disabled")
-						) {
-							this[requestLinkButtonSymbol].setMessage(
-								this.getOption("labels.messagePasswordResetDisabled"),
-							);
-						} else {
-							this[requestLinkButtonSymbol].setMessage(
-								this.getOption("labels.messageLoginFailed"),
-							);
-						}
-					} else {
-						this[requestLinkButtonSymbol].setMessage(
-							this.getOption("labels.messageSomethingWentWrong"),
-						);
-					}
+					this[requestLinkButtonSymbol].setMessage(
+						this.getOption("labels.messageSomethingWentWrong"),
+					);
+				}
+				if (!response.ok) {
 					this[requestLinkButtonSymbol].showMessage(timeout);
 					this[requestLinkButtonSymbol].setState("failed", timeout);
 				}