@klauswuestefeld/jux-web 2024.12.6 → 2024.12.9

package/dist/jux-web.js

@@ -14464,7 +14464,7 @@ var juxWeb = (function (exports) {
       return result;
   };
 
-  const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn) => {
+  const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) => {
       const content = [];
       const notSent = document.createElement('p');
       notSent.id = 'magic-link-not-sent';
@@ -14476,7 +14476,7 @@ var juxWeb = (function (exports) {
       email.style.marginBottom = '10px';
       const info = document.createElement('p');
       info.id = 'magic-link-fail-info';
-      info.innerHTML = getTranslation(info.id);
+      info.innerHTML = getTranslation(failInfo || info.id);
       info.style.padding = '0 30px';
       info.style.textAlign = 'center';
       const back = document.createElement('a');
@@ -14556,7 +14556,7 @@ var juxWeb = (function (exports) {
       const onError = () => onAuthenticationFailure('login-failed');
       getSSOAuthorizationEndpoint(onSuccess, onError);
   };
-  const initSession = (clientApp, supportedLoginTypes, onUserLogin, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+  const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
       // if (startNewDemo()) {
       //   initDemo(setBackendToken, onAuthentication);
       //   return;
@@ -14610,7 +14610,7 @@ var juxWeb = (function (exports) {
           handleSSOLogin();
           return;
       }
-      displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, supportedLoginTypes));
+      displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, onLoginError, supportedLoginTypes));
       // validateThirdPartyCookies(initGapi, () => displayPage(Page.LOGIN));
       // checkMixpanel(() => mixpanel.track('View Login Page'));
   };
@@ -14652,7 +14652,7 @@ var juxWeb = (function (exports) {
           authSignIn(onUserLogin);
       }, onCookieError);
   };
-  const onAuthPasswordLogin = (credentials, onUserLogin, onReturn, clientApp, backgroundImg) => {
+  const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg) => {
       const { email } = credentials;
       enableSignInLayout();
       const onSuccess = (res) => {
@@ -14663,13 +14663,12 @@ var juxWeb = (function (exports) {
           disableSignInLayout();
       };
       const onError = (err) => {
-          console.error(err);
-          reportError(err);
           disableSignInLayout();
+          onLoginError(err);
       };
       const onUnauthorized = () => {
           disableSignInLayout();
-          const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn);
+          const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn, 'auth-password-fail-info');
           const magicLinkEmail = page.querySelector('#magic-link-email');
           magicLinkEmail.textContent = email;
           displayPage(clientApp, page);
@@ -14865,7 +14864,7 @@ var juxWeb = (function (exports) {
       result.append(label, input);
       return result;
   };
-  const authPasswordForm = (clientApp, loginPage, onUserLogin, backgroundImg) => {
+  const authPasswordForm = (clientApp, loginPage, onUserLogin, onLoginError, backgroundImg) => {
       const result = document.createElement('form');
       const emailRow = authPasswordRow('email', 'username');
       const emailInput = emailRow.querySelector('input');
@@ -14878,7 +14877,7 @@ var juxWeb = (function (exports) {
           passwordInput.type = passwordType;
       });
       passwordRow.appendChild(togglePasswordDisplayBtn);
-      const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onReturn, clientApp, backgroundImg);
+      const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg);
       const onReturn = () => clientApp.appendChild(loginPage);
       const button = loginButton('Login', handlePasswordLogin);
       button.classList.add('auth-password');
@@ -14896,7 +14895,7 @@ var juxWeb = (function (exports) {
       const onReturn = () => clientApp.appendChild(loginPage);
       loginPage.appendChild(magicLinkModal(onUserLogin, onReturn, backgroundImage, loginPage, clientApp, loginTypes));
   };
-  const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, loginTypes, backgroundImg) => {
+  const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg) => {
       if (loginTypes.includes('Google')) {
           section.appendChild(loginButton('Google', () => onGoogleSignIn(onUserLogin)));
       }
@@ -14910,10 +14909,10 @@ var juxWeb = (function (exports) {
           section.appendChild(loginButton('Email', () => onEmailLoginRequest(clientApp, loginPage, onUserLogin, backgroundImg, loginTypes)));
       }
       if (loginTypes.includes('auth-password')) {
-          section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, backgroundImg));
+          section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, onLoginError, backgroundImg));
       }
   };
-  const loginPage = (clientApp, backgroundImg, onUserLogin, loginTypes) => {
+  const loginPage = (clientApp, backgroundImg, onUserLogin, onLoginError, loginTypes) => {
       const content = [];
       const salutation = document.createElement('sign-in-salutation');
       salutation.textContent = getTranslation('sign-in-salutation');
@@ -14924,7 +14923,7 @@ var juxWeb = (function (exports) {
       content.push(salutation, explanation, msg);
       const result = basePage('login-page', backgroundImg, content);
       const section = result.querySelector('section');
-      appendLoginTypes(result, section, clientApp, onUserLogin, loginTypes, backgroundImg);
+      appendLoginTypes(result, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg);
       return result;
   };
 

package/dist/login/login-page.d.ts

@@ -1 +1 @@
-export declare const loginPage: (clientApp: HTMLElement, backgroundImg: string, onUserLogin: any, loginTypes: string[]) => HTMLElement;
+export declare const loginPage: (clientApp: HTMLElement, backgroundImg: string, onUserLogin: any, onLoginError: any, loginTypes: string[]) => HTMLElement;

package/dist/login/session.d.ts

@@ -1,7 +1,7 @@
 export declare const setBackendToken: (token: string) => void;
 export declare const onTokenAcquired: (token: string, onUserLogin: any) => void;
-export declare const initSession: (clientApp: HTMLElement, supportedLoginTypes: string[], onUserLogin: any, backgroundImage: string, fetchUserBackendUrl: any, magicLinkRequestEndpoint: string | null, magicLinkAuthEndpoint: string | null) => void;
+export declare const initSession: (clientApp: HTMLElement, supportedLoginTypes: string[], onUserLogin: any, onLoginError: any, backgroundImage: string, fetchUserBackendUrl: any, magicLinkRequestEndpoint: string | null, magicLinkAuthEndpoint: string | null) => void;
 export declare const onMicrosoftSignIn: (onUserLogin: any) => Promise<void>;
 export declare const onGoogleSignIn: (onUserLogin: any) => void;
-export declare const onAuthPasswordLogin: (credentials: any, onUserLogin: any, onReturn: any, clientApp: HTMLElement, backgroundImg: string) => void;
+export declare const onAuthPasswordLogin: (credentials: any, onUserLogin: any, onLoginError: any, onReturn: any, clientApp: HTMLElement, backgroundImg: string) => void;
 export declare const handleMagicLinkRequest: (token: string | null, onReturn: any, backgroundImage: string, currentPage: HTMLElement, clientBody: HTMLElement, email?: string) => void;

package/dist/login/unauthorized-magic-link-request-page.d.ts

@@ -1 +1 @@
-export declare const unauthorizedMagicLinkRequestPage: (backgroundImg: string, onReturn: any) => HTMLElement;
+export declare const unauthorizedMagicLinkRequestPage: (backgroundImg: string, onReturn: any, failInfo?: string) => HTMLElement;

package/dist/main.esm.js

@@ -949,7 +949,7 @@ const magicLinkRequestedPage = (backgroundImg, onReturn) => {
     return result;
 };
 
-const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn) => {
+const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) => {
     const content = [];
     const notSent = document.createElement('p');
     notSent.id = 'magic-link-not-sent';
@@ -961,7 +961,7 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn) => {
     email.style.marginBottom = '10px';
     const info = document.createElement('p');
     info.id = 'magic-link-fail-info';
-    info.innerHTML = getTranslation(info.id);
+    info.innerHTML = getTranslation(failInfo || info.id);
     info.style.padding = '0 30px';
     info.style.textAlign = 'center';
     const back = document.createElement('a');
@@ -1041,7 +1041,7 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
@@ -1095,7 +1095,7 @@ const initSession = (clientApp, supportedLoginTypes, onUserLogin, backgroundImag
         handleSSOLogin();
         return;
     }
-    displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, supportedLoginTypes));
+    displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, onLoginError, supportedLoginTypes));
     // validateThirdPartyCookies(initGapi, () => displayPage(Page.LOGIN));
     // checkMixpanel(() => mixpanel.track('View Login Page'));
 };
@@ -1137,7 +1137,7 @@ const onGoogleSignIn = (onUserLogin) => {
         authSignIn(onUserLogin);
     }, onCookieError);
 };
-const onAuthPasswordLogin = (credentials, onUserLogin, onReturn, clientApp, backgroundImg) => {
+const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg) => {
     const { email } = credentials;
     enableSignInLayout();
     const onSuccess = (res) => {
@@ -1148,13 +1148,12 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onReturn, clientApp, back
         disableSignInLayout();
     };
     const onError = (err) => {
-        console.error(err);
-        reportError(err);
         disableSignInLayout();
+        onLoginError(err);
     };
     const onUnauthorized = () => {
         disableSignInLayout();
-        const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn);
+        const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn, 'auth-password-fail-info');
         const magicLinkEmail = page.querySelector('#magic-link-email');
         magicLinkEmail.textContent = email;
         displayPage(clientApp, page);
@@ -1350,7 +1349,7 @@ const authPasswordRow = (type, autoCompleteValue) => {
     result.append(label, input);
     return result;
 };
-const authPasswordForm = (clientApp, loginPage, onUserLogin, backgroundImg) => {
+const authPasswordForm = (clientApp, loginPage, onUserLogin, onLoginError, backgroundImg) => {
     const result = document.createElement('form');
     const emailRow = authPasswordRow('email', 'username');
     const emailInput = emailRow.querySelector('input');
@@ -1363,7 +1362,7 @@ const authPasswordForm = (clientApp, loginPage, onUserLogin, backgroundImg) => {
         passwordInput.type = passwordType;
     });
     passwordRow.appendChild(togglePasswordDisplayBtn);
-    const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onReturn, clientApp, backgroundImg);
+    const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg);
     const onReturn = () => clientApp.appendChild(loginPage);
     const button = loginButton('Login', handlePasswordLogin);
     button.classList.add('auth-password');
@@ -1381,7 +1380,7 @@ const onEmailLoginRequest = (clientApp, loginPage, onUserLogin, backgroundImage,
     const onReturn = () => clientApp.appendChild(loginPage);
     loginPage.appendChild(magicLinkModal(onUserLogin, onReturn, backgroundImage, loginPage, clientApp, loginTypes));
 };
-const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, loginTypes, backgroundImg) => {
+const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg) => {
     if (loginTypes.includes('Google')) {
         section.appendChild(loginButton('Google', () => onGoogleSignIn(onUserLogin)));
     }
@@ -1395,10 +1394,10 @@ const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, loginTypes
         section.appendChild(loginButton('Email', () => onEmailLoginRequest(clientApp, loginPage, onUserLogin, backgroundImg, loginTypes)));
     }
     if (loginTypes.includes('auth-password')) {
-        section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, backgroundImg));
+        section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, onLoginError, backgroundImg));
     }
 };
-const loginPage = (clientApp, backgroundImg, onUserLogin, loginTypes) => {
+const loginPage = (clientApp, backgroundImg, onUserLogin, onLoginError, loginTypes) => {
     const content = [];
     const salutation = document.createElement('sign-in-salutation');
     salutation.textContent = getTranslation('sign-in-salutation');
@@ -1409,7 +1408,7 @@ const loginPage = (clientApp, backgroundImg, onUserLogin, loginTypes) => {
     content.push(salutation, explanation, msg);
     const result = basePage('login-page', backgroundImg, content);
     const section = result.querySelector('section');
-    appendLoginTypes(result, section, clientApp, onUserLogin, loginTypes, backgroundImg);
+    appendLoginTypes(result, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg);
     return result;
 };
 

package/dist/main.js

@@ -973,7 +973,7 @@ const magicLinkRequestedPage = (backgroundImg, onReturn) => {
     return result;
 };
 
-const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn) => {
+const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) => {
     const content = [];
     const notSent = document.createElement('p');
     notSent.id = 'magic-link-not-sent';
@@ -985,7 +985,7 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn) => {
     email.style.marginBottom = '10px';
     const info = document.createElement('p');
     info.id = 'magic-link-fail-info';
-    info.innerHTML = getTranslation(info.id);
+    info.innerHTML = getTranslation(failInfo || info.id);
     info.style.padding = '0 30px';
     info.style.textAlign = 'center';
     const back = document.createElement('a');
@@ -1065,7 +1065,7 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
@@ -1119,7 +1119,7 @@ const initSession = (clientApp, supportedLoginTypes, onUserLogin, backgroundImag
         handleSSOLogin();
         return;
     }
-    displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, supportedLoginTypes));
+    displayPage(clientApp, loginPage(clientApp, backgroundImage, onUserLogin, onLoginError, supportedLoginTypes));
     // validateThirdPartyCookies(initGapi, () => displayPage(Page.LOGIN));
     // checkMixpanel(() => mixpanel.track('View Login Page'));
 };
@@ -1161,7 +1161,7 @@ const onGoogleSignIn = (onUserLogin) => {
         authSignIn(onUserLogin);
     }, onCookieError);
 };
-const onAuthPasswordLogin = (credentials, onUserLogin, onReturn, clientApp, backgroundImg) => {
+const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg) => {
     const { email } = credentials;
     enableSignInLayout();
     const onSuccess = (res) => {
@@ -1172,13 +1172,12 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onReturn, clientApp, back
         disableSignInLayout();
     };
     const onError = (err) => {
-        console.error(err);
-        reportError(err);
         disableSignInLayout();
+        onLoginError(err);
     };
     const onUnauthorized = () => {
         disableSignInLayout();
-        const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn);
+        const page = unauthorizedMagicLinkRequestPage(backgroundImg, onReturn, 'auth-password-fail-info');
         const magicLinkEmail = page.querySelector('#magic-link-email');
         magicLinkEmail.textContent = email;
         displayPage(clientApp, page);
@@ -1374,7 +1373,7 @@ const authPasswordRow = (type, autoCompleteValue) => {
     result.append(label, input);
     return result;
 };
-const authPasswordForm = (clientApp, loginPage, onUserLogin, backgroundImg) => {
+const authPasswordForm = (clientApp, loginPage, onUserLogin, onLoginError, backgroundImg) => {
     const result = document.createElement('form');
     const emailRow = authPasswordRow('email', 'username');
     const emailInput = emailRow.querySelector('input');
@@ -1387,7 +1386,7 @@ const authPasswordForm = (clientApp, loginPage, onUserLogin, backgroundImg) => {
         passwordInput.type = passwordType;
     });
     passwordRow.appendChild(togglePasswordDisplayBtn);
-    const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onReturn, clientApp, backgroundImg);
+    const handlePasswordLogin = () => onAuthPasswordLogin({ email: emailInput.value, password: passwordInput.value || null }, onUserLogin, onLoginError, onReturn, clientApp, backgroundImg);
     const onReturn = () => clientApp.appendChild(loginPage);
     const button = loginButton('Login', handlePasswordLogin);
     button.classList.add('auth-password');
@@ -1405,7 +1404,7 @@ const onEmailLoginRequest = (clientApp, loginPage, onUserLogin, backgroundImage,
     const onReturn = () => clientApp.appendChild(loginPage);
     loginPage.appendChild(magicLinkModal(onUserLogin, onReturn, backgroundImage, loginPage, clientApp, loginTypes));
 };
-const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, loginTypes, backgroundImg) => {
+const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg) => {
     if (loginTypes.includes('Google')) {
         section.appendChild(loginButton('Google', () => onGoogleSignIn(onUserLogin)));
     }
@@ -1419,10 +1418,10 @@ const appendLoginTypes = (loginPage, section, clientApp, onUserLogin, loginTypes
         section.appendChild(loginButton('Email', () => onEmailLoginRequest(clientApp, loginPage, onUserLogin, backgroundImg, loginTypes)));
     }
     if (loginTypes.includes('auth-password')) {
-        section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, backgroundImg));
+        section.appendChild(authPasswordForm(clientApp, loginPage, onUserLogin, onLoginError, backgroundImg));
     }
 };
-const loginPage = (clientApp, backgroundImg, onUserLogin, loginTypes) => {
+const loginPage = (clientApp, backgroundImg, onUserLogin, onLoginError, loginTypes) => {
     const content = [];
     const salutation = document.createElement('sign-in-salutation');
     salutation.textContent = getTranslation('sign-in-salutation');
@@ -1433,7 +1432,7 @@ const loginPage = (clientApp, backgroundImg, onUserLogin, loginTypes) => {
     content.push(salutation, explanation, msg);
     const result = basePage('login-page', backgroundImg, content);
     const section = result.querySelector('section');
-    appendLoginTypes(result, section, clientApp, onUserLogin, loginTypes, backgroundImg);
+    appendLoginTypes(result, section, clientApp, onUserLogin, onLoginError, loginTypes, backgroundImg);
     return result;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klauswuestefeld/jux-web",
-  "version": "2024.12.6",
+  "version": "2024.12.9",
   "author": "Jux.House",
   "license": "Copyrighted",
   "description": "",