@schukai/monster 4.49.0 → 4.50.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.50.0] - 2025-12-21
+
+### Add Features
+
+- Refactor login component to centralize field mappings
+
+
+
+## [4.49.1] - 2025-12-21
+
+### Bug Fixes
+
+- missing comma
+
+
+
 ## [4.49.0] - 2025-12-21
 
 ### Add Features

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.0"}
+{"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.50.0"}

package/source/components/form/login.mjs

@@ -214,9 +214,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 +244,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 +291,6 @@ class Login extends CustomElement {
       },
       actions: {},
 
-      fields: {
-        identifier: "username",
-        password: "password",
-      }
-
       callbacks: {
         username: null,
         forgotPassword: null,
@@ -345,6 +340,11 @@ class Login extends CustomElement {
             "Content-Type": "application/json; charset=utf-8",
           },
           credentials: "same-origin",
+
+          payload: {
+            identifier: "identifier",
+            password: "password",
+          },
         },
         forgotPassword: {
           url: "",
@@ -1134,7 +1134,7 @@ function initEventHandler() {
 
   const type = "click";
 
-  element.addEventListener(type, function(event) {
+  element.addEventListener(type, function (event) {
     const callback = self.getOption("actions.click");
 
     fireCustomEvent(self, "monster-login-clicked", {
@@ -1302,10 +1302,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";
+      this.getOption("fetch.login.payload.password") || "password";
 
     const payload = {
       [identifierField]: username,