@klauswuestefeld/jux-web 2025.6.30 → 2025.7.9

package/dist/api-client.d.ts

@@ -1,11 +1,3 @@
-export {};
-declare global {
-    interface Window {
-        store: {
-            backendToken?: string;
-        };
-    }
-}
 export declare const setBackendUrl: (backendUrl: string) => void;
 export declare const getBackendUrl: () => string;
 export declare const handleJuxEvent: (ev: Event) => void;

package/dist/contact-us/contact-field.d.ts

@@ -1 +1 @@
-export declare const contactField: (tag: string | undefined, elType: string, elName: string, required?: boolean, value?: string) => HTMLElement;
+export declare const contactField: (tag: string | undefined, elType: string, elName: string, required?: boolean, value?: string | null) => HTMLElement;

package/dist/jux/jux-web-global/utils.d.ts

@@ -0,0 +1,3 @@
+import { CurrentUser } from '../jux-web-global';
+export declare const resetJuxWebGlobal: () => void;
+export declare const getCurrentUser: () => CurrentUser | undefined;

package/dist/jux/jux-web-global.d.ts

@@ -0,0 +1,22 @@
+export declare class SelectedTeam {
+    admin?: string;
+}
+export declare class CurrentUser {
+    token: string;
+    admin?: boolean;
+    email: string;
+    name?: string;
+    constructor(token: string, admin: boolean, email: string);
+}
+export declare class JuxWebGlobal {
+    private _currentUser?;
+    private _backendToken?;
+    selectedTeam?: SelectedTeam;
+    fetchUserBackendUrl?: any;
+    magicLinkAuthEndpoint?: string;
+    magicLinkRequestEndpoint?: string;
+    setCurrentUser(newUser: CurrentUser): void;
+    getCurrentUser(): CurrentUser | undefined;
+    setBackendToken(token: string): void;
+    getBackendToken(): string | undefined;
+}

package/dist/jux-web.js

@@ -163,14 +163,12 @@ var juxWeb = (function (exports) {
   const getApiUrl = () => getBackendUrl() + 'api/';
   const getMagicAuthUrl = () => {
       var _a;
-      // @ts-ignore
-      const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
+      const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
       return getBackendUrl() + endpoint + '?token=';
   };
   const getMagicAuthReqUrl = () => {
       var _a;
-      // @ts-ignore
-      const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
+      const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
       return getBackendUrl() + endpoint + '?email=';
   };
   // TODO: use jux-events to call commands and queries inside jux-web library
@@ -226,13 +224,13 @@ var juxWeb = (function (exports) {
       backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
   });
   const uploadRequest = (url, file, onSuccess, onError, extras) => {
-      var _a, _b;
+      var _a;
       requestRunning = true;
       const xhr = new XMLHttpRequest();
       xhr.open('POST', url);
-      if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-          xhr.setRequestHeader('auth', (_b = window.juxwebGlobal) === null || _b === void 0 ? void 0 : _b.backendToken);
-      }
+      const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+      if (backendToken)
+          xhr.setRequestHeader('auth', backendToken);
       xhr.upload.onprogress = (e) => {
           if (e.lengthComputable && (extras === null || extras === void 0 ? void 0 : extras.onProgress)) {
               extras.onProgress(Math.round((e.loaded / e.total) * 100));
@@ -268,11 +266,10 @@ var juxWeb = (function (exports) {
           setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
           return;
       }
-      // @ts-ignore
       const headers = new Headers(options.headers);
-      if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-          headers.set('auth', window.juxwebGlobal.backendToken);
-      }
+      const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+      if (backendToken)
+          headers.set('auth', backendToken);
       let response;
       requestRunning = true;
       const controller = new AbortController();
@@ -14044,9 +14041,9 @@ var juxWeb = (function (exports) {
       if (googleUser) {
           // mixpanelIdentify(googleUser); TODO
           const onSuccess = (res) => {
+              var _a;
               const { token } = res;
-              // @ts-ignore
-              window.juxwebGlobal.currentUser = res;
+              (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
               onTokenAcquired(token, onUserLogin);
           };
           const onError = (err) => {
@@ -14398,12 +14395,11 @@ var juxWeb = (function (exports) {
       // checkMixpanel(() => mixpanel.track('Sent Contact Inquiry', {}));
   };
   const contactUsModal = (subject) => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const result = document.createElement('contact-us-modal');
-      // @ts-ignore
-      const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.name : '';
-      // @ts-ignore
-      const currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
+      const currentUser = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+      const currentName = currentUser ? currentUser.name : '';
+      const currentEmail = currentUser ? currentUser.email : (_b = document.querySelector('#magic-link-email')) === null || _b === void 0 ? void 0 : _b.textContent;
       const modalBody = document.createElement('modal-body');
       const form = document.createElement('form');
       form.id = 'contact-form';
@@ -14419,11 +14415,10 @@ var juxWeb = (function (exports) {
       const modal = juxModal(getTranslation('contact-page'), [], '', false, false, modalBody, '', '', () => result.remove());
       modal.id = 'contact-us-modal';
       document.body.appendChild(modal);
-      (_b = modal.querySelector('modal-wrapper')) === null || _b === void 0 ? void 0 : _b.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
+      (_c = modal.querySelector('modal-wrapper')) === null || _c === void 0 ? void 0 : _c.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
       const captcha = googleCaptcha();
       if (subject !== 'email-not-sent') {
-          // @ts-ignore
-          const admin = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
+          const admin = ((_e = (_d = window.juxWebGlobal) === null || _d === void 0 ? void 0 : _d.selectedTeam) === null || _e === void 0 ? void 0 : _e.admin) || ((_g = (_f = window.juxWebGlobal) === null || _f === void 0 ? void 0 : _f.getCurrentUser()) === null || _g === void 0 ? void 0 : _g.email);
           backendGet('credits-balance-for', { admin }, (res) => {
               const balance = res;
               if (balance <= 0) {
@@ -14435,7 +14430,7 @@ var juxWeb = (function (exports) {
       else {
           form.insertBefore(captcha, btn);
       }
-      (_e = nameField.querySelector('input')) === null || _e === void 0 ? void 0 : _e.select();
+      (_h = nameField.querySelector('input')) === null || _h === void 0 ? void 0 : _h.select();
       form.addEventListener('submit', (event) => {
           event.preventDefault();
           sendInquiry(nameField, emailField, messageField, whatsappField, subject, captcha.getAttribute('token'));
@@ -14555,18 +14550,39 @@ var juxWeb = (function (exports) {
       return result;
   };
 
+  class JuxWebGlobal {
+      setCurrentUser(newUser) {
+          this._currentUser = newUser;
+      }
+      getCurrentUser() {
+          return this._currentUser;
+      }
+      setBackendToken(token) {
+          this._backendToken = token;
+      }
+      getBackendToken() {
+          return this._backendToken;
+      }
+  }
+
+  const resetJuxWebGlobal = () => {
+      window.juxWebGlobal = new JuxWebGlobal();
+  };
+  const getCurrentUser = () => {
+      var _a;
+      return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+  };
+
   const setBackendToken = (token) => {
-      // @ts-ignore
-      window.juxwebGlobal.backendToken = token;
-      if (token) {
+      var _a;
+      (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+      if (token)
           setLocalStorageItem('token', token);
-      }
   };
   const getBackendToken = () => {
-      var _a;
+      var _a, _b;
       const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
-      // @ts-ignore
-      window.juxwebGlobal.backendToken = token;
+      (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
       return token;
   };
   const onTokenAcquired = (token, onUserLogin) => {
@@ -14576,8 +14592,7 @@ var juxWeb = (function (exports) {
   };
   const clearSession = () => {
       removeLocalStorageItem('token');
-      // @ts-ignore
-      window.juxwebGlobal = {};
+      resetJuxWebGlobal();
   };
   const onAuthenticationFailure = (msg) => {
       removeLocalStorageItem('token');
@@ -14585,11 +14600,11 @@ var juxWeb = (function (exports) {
       alert(getTranslation(msg));
   };
   const onAuthentication = (onUserLogin, user, type) => {
+      var _a;
       if ((user.token && getBackendToken()) && getBackendToken() !== user.token) {
           clearSession();
       }
-      // @ts-ignore
-      window.juxwebGlobal.currentUser = user;
+      (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
       if (type === 'Token Authentication') {
           user.token = getLocalStorageItem('token');
       }
@@ -14628,17 +14643,11 @@ var juxWeb = (function (exports) {
       //   initDemo(setBackendToken, onAuthentication);
       //   return;
       // }
-      // @ts-ignore
-      if (!window.juxwebGlobal) {
-          // @ts-ignore
-          window.juxwebGlobal = {};
-      }
-      // @ts-ignore
-      window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
-      // @ts-ignore
-      window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-      // @ts-ignore
-      window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+      if (!window.juxWebGlobal)
+          window.juxWebGlobal = new JuxWebGlobal();
+      window.juxWebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
+      window.juxWebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+      window.juxWebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
       if (urlPrefix)
           setUrlPrefix(urlPrefix);
       const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -14648,8 +14657,7 @@ var juxWeb = (function (exports) {
           };
           const host = extractTokenFromWindowLocation('host');
           if (host) {
-              // @ts-ignore
-              window.juxwebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
+              window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                   setBackendUrl(backendUrl);
                   onOpenMagicLink();
               });
@@ -14692,9 +14700,9 @@ var juxWeb = (function (exports) {
           const loginResponse = yield msalInstance.loginPopup(loginRequest);
           const { accessToken } = loginResponse;
           const onSuccess = (res) => {
+              var _a;
               const { token } = res;
-              // @ts-ignore
-              window.juxwebGlobal.currentUser = res;
+              (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
               onTokenAcquired(token, onUserLogin);
               disableSignInLayout();
           };
@@ -14725,9 +14733,9 @@ var juxWeb = (function (exports) {
       const { email } = credentials;
       enableSignInLayout();
       const onSuccess = (res) => {
+          var _a;
           const { token } = res;
-          // @ts-ignore
-          window.juxwebGlobal.currentUser = res;
+          (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
           onTokenAcquired(token, onUserLogin);
           disableSignInLayout();
       };
@@ -14745,6 +14753,7 @@ var juxWeb = (function (exports) {
       authPasswordLogin(credentials, onSuccess, onError, onUnauthorized);
   };
   const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, clientBody, email = '') => {
+      var _a;
       if (!email) {
           const mailMagic = document.querySelector('#mail-magic');
           email = mailMagic.value;
@@ -14761,10 +14770,8 @@ var juxWeb = (function (exports) {
           const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
           requestMagicLink(payload, onSuccess, onUnauthorized);
       };
-      // @ts-ignore
-      if (window.juxwebGlobal.fetchUserBackendUrl) {
-          // @ts-ignore
-          window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
+      if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+          window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
               setBackendUrl(backendUrl);
               onRequestMagicLink();
           });
@@ -15019,6 +15026,7 @@ var juxWeb = (function (exports) {
   exports.chosenLanguage = chosenLanguage;
   exports.clearSession = clearSession;
   exports.command = command;
+  exports.getCurrentUser = getCurrentUser;
   exports.getTranslation = getTranslation;
   exports.handleJuxEvent = handleJuxEvent;
   exports.handleMagicLinkRequest = handleMagicLinkRequest;
@@ -15031,6 +15039,7 @@ var juxWeb = (function (exports) {
   exports.query = query;
   exports.reloadWithLanguageOverride = reloadWithLanguageOverride;
   exports.requestMagicLink = requestMagicLink;
+  exports.resetJuxWebGlobal = resetJuxWebGlobal;
   exports.upload = upload;
 
   Object.defineProperty(exports, '__esModule', { value: true });

package/dist/login/session.d.ts

@@ -8,8 +8,8 @@ interface InitSessionParams {
     onLoginError: any;
     backgroundImage: string;
     fetchUserBackendUrl: any;
-    magicLinkRequestEndpoint: string | null;
-    magicLinkAuthEndpoint: string | null;
+    magicLinkRequestEndpoint?: string;
+    magicLinkAuthEndpoint?: string;
     urlPrefix: string;
 }
 export declare const initSession: ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }: InitSessionParams) => void;

package/dist/main.d.ts

@@ -5,6 +5,7 @@ export { handleMagicLinkRequest, initSession, onMicrosoftSignIn, clearSession }
 export { handleJuxEvent, requestMagicLink, upload } from './api-client';
 export { magicLinkModal } from './login/magic-link-modal';
 export { command, query } from './jux/jux-event';
+export { getCurrentUser, resetJuxWebGlobal } from './jux/jux-web-global/utils';
 declare global {
     interface Window {
         submitCaptcha: any;

package/dist/main.esm.js

@@ -162,14 +162,12 @@ const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBacke
 const getApiUrl = () => getBackendUrl() + 'api/';
 const getMagicAuthUrl = () => {
     var _a;
-    // @ts-ignore
-    const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
+    const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
     return getBackendUrl() + endpoint + '?token=';
 };
 const getMagicAuthReqUrl = () => {
     var _a;
-    // @ts-ignore
-    const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
+    const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
     return getBackendUrl() + endpoint + '?email=';
 };
 // TODO: use jux-events to call commands and queries inside jux-web library
@@ -225,13 +223,13 @@ const apiRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], v
     backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
 });
 const uploadRequest = (url, file, onSuccess, onError, extras) => {
-    var _a, _b;
+    var _a;
     requestRunning = true;
     const xhr = new XMLHttpRequest();
     xhr.open('POST', url);
-    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-        xhr.setRequestHeader('auth', (_b = window.juxwebGlobal) === null || _b === void 0 ? void 0 : _b.backendToken);
-    }
+    const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+    if (backendToken)
+        xhr.setRequestHeader('auth', backendToken);
     xhr.upload.onprogress = (e) => {
         if (e.lengthComputable && (extras === null || extras === void 0 ? void 0 : extras.onProgress)) {
             extras.onProgress(Math.round((e.loaded / e.total) * 100));
@@ -267,11 +265,10 @@ const backendRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1
         setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
         return;
     }
-    // @ts-ignore
     const headers = new Headers(options.headers);
-    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-        headers.set('auth', window.juxwebGlobal.backendToken);
-    }
+    const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+    if (backendToken)
+        headers.set('auth', backendToken);
     let response;
     requestRunning = true;
     const controller = new AbortController();
@@ -529,9 +526,9 @@ const onUserChanged = (googleUser, onUserLogin) => {
     if (googleUser) {
         // mixpanelIdentify(googleUser); TODO
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.juxwebGlobal.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -883,12 +880,11 @@ const sendInquiry = (name, email, msg, whatsapp, subject, token) => {
     // checkMixpanel(() => mixpanel.track('Sent Contact Inquiry', {}));
 };
 const contactUsModal = (subject) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const result = document.createElement('contact-us-modal');
-    // @ts-ignore
-    const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.name : '';
-    // @ts-ignore
-    const currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
+    const currentUser = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+    const currentName = currentUser ? currentUser.name : '';
+    const currentEmail = currentUser ? currentUser.email : (_b = document.querySelector('#magic-link-email')) === null || _b === void 0 ? void 0 : _b.textContent;
     const modalBody = document.createElement('modal-body');
     const form = document.createElement('form');
     form.id = 'contact-form';
@@ -904,11 +900,10 @@ const contactUsModal = (subject) => {
     const modal = juxModal(getTranslation('contact-page'), [], '', false, false, modalBody, '', '', () => result.remove());
     modal.id = 'contact-us-modal';
     document.body.appendChild(modal);
-    (_b = modal.querySelector('modal-wrapper')) === null || _b === void 0 ? void 0 : _b.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
+    (_c = modal.querySelector('modal-wrapper')) === null || _c === void 0 ? void 0 : _c.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
     const captcha = googleCaptcha();
     if (subject !== 'email-not-sent') {
-        // @ts-ignore
-        const admin = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
+        const admin = ((_e = (_d = window.juxWebGlobal) === null || _d === void 0 ? void 0 : _d.selectedTeam) === null || _e === void 0 ? void 0 : _e.admin) || ((_g = (_f = window.juxWebGlobal) === null || _f === void 0 ? void 0 : _f.getCurrentUser()) === null || _g === void 0 ? void 0 : _g.email);
         backendGet('credits-balance-for', { admin }, (res) => {
             const balance = res;
             if (balance <= 0) {
@@ -920,7 +915,7 @@ const contactUsModal = (subject) => {
     else {
         form.insertBefore(captcha, btn);
     }
-    (_e = nameField.querySelector('input')) === null || _e === void 0 ? void 0 : _e.select();
+    (_h = nameField.querySelector('input')) === null || _h === void 0 ? void 0 : _h.select();
     form.addEventListener('submit', (event) => {
         event.preventDefault();
         sendInquiry(nameField, emailField, messageField, whatsappField, subject, captcha.getAttribute('token'));
@@ -1040,18 +1035,39 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
     return result;
 };
 
+class JuxWebGlobal {
+    setCurrentUser(newUser) {
+        this._currentUser = newUser;
+    }
+    getCurrentUser() {
+        return this._currentUser;
+    }
+    setBackendToken(token) {
+        this._backendToken = token;
+    }
+    getBackendToken() {
+        return this._backendToken;
+    }
+}
+
+const resetJuxWebGlobal = () => {
+    window.juxWebGlobal = new JuxWebGlobal();
+};
+const getCurrentUser = () => {
+    var _a;
+    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+};
+
 const setBackendToken = (token) => {
-    // @ts-ignore
-    window.juxwebGlobal.backendToken = token;
-    if (token) {
+    var _a;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+    if (token)
         setLocalStorageItem('token', token);
-    }
 };
 const getBackendToken = () => {
-    var _a;
+    var _a, _b;
     const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
-    // @ts-ignore
-    window.juxwebGlobal.backendToken = token;
+    (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1061,8 +1077,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 };
 const clearSession = () => {
     removeLocalStorageItem('token');
-    // @ts-ignore
-    window.juxwebGlobal = {};
+    resetJuxWebGlobal();
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1070,11 +1085,11 @@ const onAuthenticationFailure = (msg) => {
     alert(getTranslation(msg));
 };
 const onAuthentication = (onUserLogin, user, type) => {
+    var _a;
     if ((user.token && getBackendToken()) && getBackendToken() !== user.token) {
         clearSession();
     }
-    // @ts-ignore
-    window.juxwebGlobal.currentUser = user;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1113,17 +1128,11 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
     // }
-    // @ts-ignore
-    if (!window.juxwebGlobal) {
-        // @ts-ignore
-        window.juxwebGlobal = {};
-    }
-    // @ts-ignore
-    window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
-    // @ts-ignore
-    window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-    // @ts-ignore
-    window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    if (!window.juxWebGlobal)
+        window.juxWebGlobal = new JuxWebGlobal();
+    window.juxWebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
+    window.juxWebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+    window.juxWebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
     if (urlPrefix)
         setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -1133,8 +1142,7 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
         };
         const host = extractTokenFromWindowLocation('host');
         if (host) {
-            // @ts-ignore
-            window.juxwebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
+            window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                 setBackendUrl(backendUrl);
                 onOpenMagicLink();
             });
@@ -1177,9 +1185,9 @@ const onMicrosoftSignIn = (onUserLogin) => __awaiter(void 0, void 0, void 0, fun
         const loginResponse = yield msalInstance.loginPopup(loginRequest);
         const { accessToken } = loginResponse;
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.juxwebGlobal.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1210,9 +1218,9 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     const { email } = credentials;
     enableSignInLayout();
     const onSuccess = (res) => {
+        var _a;
         const { token } = res;
-        // @ts-ignore
-        window.juxwebGlobal.currentUser = res;
+        (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1230,6 +1238,7 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     authPasswordLogin(credentials, onSuccess, onError, onUnauthorized);
 };
 const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, clientBody, email = '') => {
+    var _a;
     if (!email) {
         const mailMagic = document.querySelector('#mail-magic');
         email = mailMagic.value;
@@ -1246,10 +1255,8 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
-    // @ts-ignore
-    if (window.juxwebGlobal.fetchUserBackendUrl) {
-        // @ts-ignore
-        window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
+    if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+        window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1501,4 +1508,4 @@ const command = (element, endpoint, onResult, params, onError, onRedirect) => {
     element.dispatchEvent(new JuxEvent('command', 'POST', endpoint, onResult, params, onError, onRedirect));
 };
 
-export { chosenLanguage, clearSession, command, getTranslation, handleJuxEvent, handleMagicLinkRequest, initLanguage, initSession, loginButton, loginPage, magicLinkModal, onMicrosoftSignIn, query, reloadWithLanguageOverride, requestMagicLink, upload };
+export { chosenLanguage, clearSession, command, getCurrentUser, getTranslation, handleJuxEvent, handleMagicLinkRequest, initLanguage, initSession, loginButton, loginPage, magicLinkModal, onMicrosoftSignIn, query, reloadWithLanguageOverride, requestMagicLink, resetJuxWebGlobal, upload };

package/dist/main.js

@@ -186,14 +186,12 @@ const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBacke
 const getApiUrl = () => getBackendUrl() + 'api/';
 const getMagicAuthUrl = () => {
     var _a;
-    // @ts-ignore
-    const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
+    const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkAuthEndpoint) || 'auth-magic';
     return getBackendUrl() + endpoint + '?token=';
 };
 const getMagicAuthReqUrl = () => {
     var _a;
-    // @ts-ignore
-    const endpoint = ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
+    const endpoint = ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.magicLinkRequestEndpoint) || 'magic-link-request';
     return getBackendUrl() + endpoint + '?email=';
 };
 // TODO: use jux-events to call commands and queries inside jux-web library
@@ -249,13 +247,13 @@ const apiRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], v
     backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
 });
 const uploadRequest = (url, file, onSuccess, onError, extras) => {
-    var _a, _b;
+    var _a;
     requestRunning = true;
     const xhr = new XMLHttpRequest();
     xhr.open('POST', url);
-    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-        xhr.setRequestHeader('auth', (_b = window.juxwebGlobal) === null || _b === void 0 ? void 0 : _b.backendToken);
-    }
+    const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+    if (backendToken)
+        xhr.setRequestHeader('auth', backendToken);
     xhr.upload.onprogress = (e) => {
         if (e.lengthComputable && (extras === null || extras === void 0 ? void 0 : extras.onProgress)) {
             extras.onProgress(Math.round((e.loaded / e.total) * 100));
@@ -291,11 +289,10 @@ const backendRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1
         setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
         return;
     }
-    // @ts-ignore
     const headers = new Headers(options.headers);
-    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
-        headers.set('auth', window.juxwebGlobal.backendToken);
-    }
+    const backendToken = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getBackendToken();
+    if (backendToken)
+        headers.set('auth', backendToken);
     let response;
     requestRunning = true;
     const controller = new AbortController();
@@ -553,9 +550,9 @@ const onUserChanged = (googleUser, onUserLogin) => {
     if (googleUser) {
         // mixpanelIdentify(googleUser); TODO
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.juxwebGlobal.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -907,12 +904,11 @@ const sendInquiry = (name, email, msg, whatsapp, subject, token) => {
     // checkMixpanel(() => mixpanel.track('Sent Contact Inquiry', {}));
 };
 const contactUsModal = (subject) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const result = document.createElement('contact-us-modal');
-    // @ts-ignore
-    const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.name : '';
-    // @ts-ignore
-    const currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
+    const currentUser = (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+    const currentName = currentUser ? currentUser.name : '';
+    const currentEmail = currentUser ? currentUser.email : (_b = document.querySelector('#magic-link-email')) === null || _b === void 0 ? void 0 : _b.textContent;
     const modalBody = document.createElement('modal-body');
     const form = document.createElement('form');
     form.id = 'contact-form';
@@ -928,11 +924,10 @@ const contactUsModal = (subject) => {
     const modal = juxModal(getTranslation('contact-page'), [], '', false, false, modalBody, '', '', () => result.remove());
     modal.id = 'contact-us-modal';
     document.body.appendChild(modal);
-    (_b = modal.querySelector('modal-wrapper')) === null || _b === void 0 ? void 0 : _b.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
+    (_c = modal.querySelector('modal-wrapper')) === null || _c === void 0 ? void 0 : _c.setAttribute('style', 'max-width: 680px; width: 100%; overflow-y: auto;');
     const captcha = googleCaptcha();
     if (subject !== 'email-not-sent') {
-        // @ts-ignore
-        const admin = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
+        const admin = ((_e = (_d = window.juxWebGlobal) === null || _d === void 0 ? void 0 : _d.selectedTeam) === null || _e === void 0 ? void 0 : _e.admin) || ((_g = (_f = window.juxWebGlobal) === null || _f === void 0 ? void 0 : _f.getCurrentUser()) === null || _g === void 0 ? void 0 : _g.email);
         backendGet('credits-balance-for', { admin }, (res) => {
             const balance = res;
             if (balance <= 0) {
@@ -944,7 +939,7 @@ const contactUsModal = (subject) => {
     else {
         form.insertBefore(captcha, btn);
     }
-    (_e = nameField.querySelector('input')) === null || _e === void 0 ? void 0 : _e.select();
+    (_h = nameField.querySelector('input')) === null || _h === void 0 ? void 0 : _h.select();
     form.addEventListener('submit', (event) => {
         event.preventDefault();
         sendInquiry(nameField, emailField, messageField, whatsappField, subject, captcha.getAttribute('token'));
@@ -1064,18 +1059,39 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
     return result;
 };
 
+class JuxWebGlobal {
+    setCurrentUser(newUser) {
+        this._currentUser = newUser;
+    }
+    getCurrentUser() {
+        return this._currentUser;
+    }
+    setBackendToken(token) {
+        this._backendToken = token;
+    }
+    getBackendToken() {
+        return this._backendToken;
+    }
+}
+
+const resetJuxWebGlobal = () => {
+    window.juxWebGlobal = new JuxWebGlobal();
+};
+const getCurrentUser = () => {
+    var _a;
+    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+};
+
 const setBackendToken = (token) => {
-    // @ts-ignore
-    window.juxwebGlobal.backendToken = token;
-    if (token) {
+    var _a;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+    if (token)
         setLocalStorageItem('token', token);
-    }
 };
 const getBackendToken = () => {
-    var _a;
+    var _a, _b;
     const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
-    // @ts-ignore
-    window.juxwebGlobal.backendToken = token;
+    (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1085,8 +1101,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 };
 const clearSession = () => {
     removeLocalStorageItem('token');
-    // @ts-ignore
-    window.juxwebGlobal = {};
+    resetJuxWebGlobal();
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1094,11 +1109,11 @@ const onAuthenticationFailure = (msg) => {
     alert(getTranslation(msg));
 };
 const onAuthentication = (onUserLogin, user, type) => {
+    var _a;
     if ((user.token && getBackendToken()) && getBackendToken() !== user.token) {
         clearSession();
     }
-    // @ts-ignore
-    window.juxwebGlobal.currentUser = user;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1137,17 +1152,11 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
     // }
-    // @ts-ignore
-    if (!window.juxwebGlobal) {
-        // @ts-ignore
-        window.juxwebGlobal = {};
-    }
-    // @ts-ignore
-    window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
-    // @ts-ignore
-    window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-    // @ts-ignore
-    window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    if (!window.juxWebGlobal)
+        window.juxWebGlobal = new JuxWebGlobal();
+    window.juxWebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
+    window.juxWebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+    window.juxWebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
     if (urlPrefix)
         setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -1157,8 +1166,7 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
         };
         const host = extractTokenFromWindowLocation('host');
         if (host) {
-            // @ts-ignore
-            window.juxwebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
+            window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                 setBackendUrl(backendUrl);
                 onOpenMagicLink();
             });
@@ -1201,9 +1209,9 @@ const onMicrosoftSignIn = (onUserLogin) => __awaiter(void 0, void 0, void 0, fun
         const loginResponse = yield msalInstance.loginPopup(loginRequest);
         const { accessToken } = loginResponse;
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.juxwebGlobal.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1234,9 +1242,9 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     const { email } = credentials;
     enableSignInLayout();
     const onSuccess = (res) => {
+        var _a;
         const { token } = res;
-        // @ts-ignore
-        window.juxwebGlobal.currentUser = res;
+        (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1254,6 +1262,7 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     authPasswordLogin(credentials, onSuccess, onError, onUnauthorized);
 };
 const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, clientBody, email = '') => {
+    var _a;
     if (!email) {
         const mailMagic = document.querySelector('#mail-magic');
         email = mailMagic.value;
@@ -1270,10 +1279,8 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
-    // @ts-ignore
-    if (window.juxwebGlobal.fetchUserBackendUrl) {
-        // @ts-ignore
-        window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
+    if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+        window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1528,6 +1535,7 @@ const command = (element, endpoint, onResult, params, onError, onRedirect) => {
 exports.chosenLanguage = chosenLanguage;
 exports.clearSession = clearSession;
 exports.command = command;
+exports.getCurrentUser = getCurrentUser;
 exports.getTranslation = getTranslation;
 exports.handleJuxEvent = handleJuxEvent;
 exports.handleMagicLinkRequest = handleMagicLinkRequest;
@@ -1540,4 +1548,5 @@ exports.onMicrosoftSignIn = onMicrosoftSignIn;
 exports.query = query;
 exports.reloadWithLanguageOverride = reloadWithLanguageOverride;
 exports.requestMagicLink = requestMagicLink;
+exports.resetJuxWebGlobal = resetJuxWebGlobal;
 exports.upload = upload;

package/package.json

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