@schukai/monster 4.49.1 → 4.51.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.51.0] - 2025-12-25
+
+### Add Features
+
+- Enhance success URL handling in login component
+
+
+
+## [4.50.0] - 2025-12-21
+
+### Add Features
+
+- Refactor login component to centralize field mappings
+
+
+
 ## [4.49.1] - 2025-12-21
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","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.49.1"}
+{"author":"schukai GmbH","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.51.0"}

package/source/components/form/login.mjs

@@ -34,6 +34,8 @@ import "./digits.mjs";
 import "../layout/collapse.mjs";
 import "../datatable/datasource/rest.mjs";
 
+import { isArray, isString, isObject, isFunction } from "../../types/is.mjs";
+
 import { InvalidStyleSheet } from "./stylesheet/invalid.mjs";
 import { getLocaleOfDocument } from "../../dom/locale.mjs";
 import { getWindow } from "../../dom/util.mjs";
@@ -214,9 +216,6 @@ class Login extends CustomElement {
    * @property {boolean} features.redirectToFirstSuccessUrl If true, redirects to the first success URL after login
    * @property {Object} actions Action definitions for custom event handling
    * @property {Function} actions.click Callback function for generic click actions within the login component
-   * @property {Object} fields Field mappings for form inputs
-   * @property {string} fields.identifier Name of the identifier field (username/email)
-   * @property {string} fields.password Name of the password field
    * @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
@@ -247,6 +246,9 @@ class Login extends CustomElement {
    * @property {string} fetch.login.headers.accept Accept header value
    * @property {string} fetch.login.headers.Content-Type Content-Type header value
    * @property {string} fetch.login.credentials Credential mode (e.g., "same-origin")
+   * @property {Object} fetch.login.payload Field mappings for form inputs
+   * @property {string} fetch.login.payload.identifier Name of the identifier field (username/email)
+   * @property {string} fetch.login.payload.password Name of the password field
    * @property {Object} fetch.forgotPassword Fetch config for password reset code request
    * @property {string} fetch.forgotPassword.url Endpoint to request a reset link/code
    * @property {string} fetch.forgotPassword.method HTTP method
@@ -291,11 +293,6 @@ class Login extends CustomElement {
       },
       actions: {},
 
-      fields: {
-        identifier: "username",
-        password: "password",
-      },
-
       callbacks: {
         username: null,
         forgotPassword: null,
@@ -345,6 +342,11 @@ class Login extends CustomElement {
             "Content-Type": "application/json; charset=utf-8",
           },
           credentials: "same-origin",
+
+          payload: {
+            identifier: "identifier",
+            password: "password",
+          },
         },
         forgotPassword: {
           url: "",
@@ -439,11 +441,22 @@ class Login extends CustomElement {
         fireEvent(this, "redirect-to-first-success-url");
 
         const successUrl = this.getOption("successUrls");
-        if (successUrl.length > 0) {
+        if (isArray(successUrl) && successUrl.length > 0) {
           const success = successUrl[0].url;
           if (success) {
             getWindow().location.href = success;
           }
+        } else if (isFunction(successUrl)) {
+          const url = successUrl();
+          if (url) {
+            getWindow().location.href = url;
+          }
+        } else if (isString(successUrl)) {
+          getWindow().location.href = successUrl;
+        } else {
+          console.warn(
+            "[Monster Login] No valid success URL found for redirection.",
+          );
         }
       }, this.getOption("timeoutForSuccess"));
 
@@ -1302,9 +1315,10 @@ function initEventHandler() {
     }
 
     const identifierField =
-      this.getOption("fields.login.identifier") || "username";
+      this.getOption("fetch.login.payload.identifier") || "username";
 
-    const passwordField = this.getOption("fields.login.password") || "password";
+    const passwordField =
+      this.getOption("fetch.login.payload.password") || "password";
 
     const payload = {
       [identifierField]: username,