@klauswuestefeld/jux-web 2025.5.28 → 2025.7.9

package/dist/api-client.d.ts

@@ -1,7 +1,15 @@
 export declare const setBackendUrl: (backendUrl: string) => void;
 export declare const getBackendUrl: () => string;
 export declare const handleJuxEvent: (ev: Event) => void;
-export declare const backendRequest: (url: string, options: any, onSuccess: any, onError: any, onRedirect?: any, requestType?: string, handleUnauthorized?: (res: any) => void, retrial?: boolean, retrialNum?: number) => Promise<any>;
+export interface BackendRequestOptions extends RequestInit {
+    file?: File;
+    onProgress?: (percent: number) => void;
+}
+export type RequestType = 'query' | 'command' | 'upload';
+export declare const upload: (endpoint: string, file: File, onResult?: (result: any) => any, onError?: (error: any) => void, extras?: {
+    onProgress?: (percent: number) => void;
+    onStart?: () => void;
+}) => void;
 export declare const backendPost: (endpoint: string, postContent: any, onJsonResponse: (response: any) => any, onHelpMessage: (message: string) => any, handleUnauthorized?: any) => void;
 export declare const backendGet: (endpoint: string, params: any, onJsonResponse: (response: any) => any, onHelpMessage: (message: string) => any, handleUnauthorized?: any) => void;
 export declare const requestMagicLink: (data: any, onJsonResponse: (response: any) => any, onUnauthorized: () => void) => 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-event.d.ts

@@ -6,7 +6,8 @@ export declare class JuxEvent extends Event {
     params: any;
     onError?: (error: any) => void;
     onRedirect?: (result: any) => any;
-    constructor(type: string, method: string, endpoint: string, onResult?: (result: any) => any, params?: any, onError?: (error: any) => void, onRedirect?: (result: any) => any);
+    extras?: any;
+    constructor(type: string, method: string, endpoint: string, onResult?: (result: any) => any, params?: any, onError?: (error: any) => void, onRedirect?: (result: any) => any, extras?: {});
 }
 export declare const query: (element: HTMLElement, endpoint: string, onResult: (result: any) => any, params?: any, onError?: (error: any) => void, onRedirect?: (result: any) => any) => void;
 export declare const command: (element: HTMLElement, endpoint: string, onResult?: (result: any) => any, params?: any, onError?: (error: any) => void, onRedirect?: (result: any) => any) => void;

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 === null || window === void 0 ? void 0 : window.store) === 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 === null || window === void 0 ? void 0 : window.store) === 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
@@ -213,18 +211,65 @@ var juxWeb = (function (exports) {
   const slowRequestTimeout = 2000;
   // @ts-ignore
   window.setRequestTimeout = (newTimeout) => timeout = newTimeout;
-  const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1) => __awaiter$2(void 0, [url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1], void 0, function* (url, options, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0) {
+  const upload = (endpoint, file, onResult, onError, extras) => {
+      apiRequest(endpoint, {
+          file,
+          onProgress: (pct) => { var _a; return (_a = extras === null || extras === void 0 ? void 0 : extras.onProgress) === null || _a === void 0 ? void 0 : _a.call(extras, pct); }
+      }, (text) => onResult === null || onResult === void 0 ? void 0 : onResult(text), (err) => onError === null || onError === void 0 ? void 0 : onError(err), undefined, // no redirect handler
+      'upload', // requestType
+      undefined, undefined, undefined, extras);
+  };
+  const apiRequest = (url_1, ...args_1) => __awaiter$2(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+      url = getApiUrl() + url;
+      backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
+  });
+  const uploadRequest = (url, file, onSuccess, onError, extras) => {
+      var _a;
+      requestRunning = true;
+      const xhr = new XMLHttpRequest();
+      xhr.open('POST', url);
+      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));
+          }
+      };
+      xhr.onload = () => {
+          requestRunning = false;
+          if (xhr.status >= 200 && xhr.status < 300) {
+              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(xhr.responseText);
+          }
+          else {
+              onError === null || onError === void 0 ? void 0 : onError(xhr.responseText);
+          }
+      };
+      xhr.onerror = () => {
+          requestRunning = false;
+          onError === null || onError === void 0 ? void 0 : onError('Error sending file. Please try again.');
+      };
+      xhr.send(file);
+      if (extras === null || extras === void 0 ? void 0 : extras.onStart) {
+          extras.onStart({
+              abortUpload: () => {
+                  console.log('Aborting upload');
+                  xhr.abort();
+                  requestRunning = false;
+              }
+          });
+      }
+  };
+  const backendRequest = (url_1, ...args_1) => __awaiter$2(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+      var _a;
       if (requestRunning && !retrial) { // only allow one request at a time
-          setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false), 300);
+          setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
           return;
       }
-      // @ts-ignore
-      const backendToken = window.store.backendToken;
-      if (backendToken) {
-          if (!options.headers)
-              options.headers = {};
-          options.headers.auth = backendToken;
-      }
+      const headers = new Headers(options.headers);
+      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();
@@ -239,17 +284,19 @@ var juxWeb = (function (exports) {
           const event = new CustomEvent('slow-request', { detail: requestUrl.pathname, bubbles: true });
           window.dispatchEvent(event);
       }, slowRequestTimeout);
-      const requestInit = Object.assign(Object.assign({}, options), { signal: controller.signal });
+      const requestInit = Object.assign(Object.assign({}, options), { headers, signal: controller.signal });
       if (onRedirect)
           requestInit.redirect = 'manual'; // Treat redirects manually instead of following them automatically.
+      if (requestType === 'upload') {
+          uploadRequest(url, options.file, onSuccess, onError, extras);
+          return;
+      }
       try {
           response = yield fetch(url, requestInit);
       }
       catch (err) {
-          // network errors
           if (requestType === 'command') {
-              // Do not retry applying command if it fails for the first time.
-              onError('There was an error performing your request. Please try again later.');
+              onError === null || onError === void 0 ? void 0 : onError('There was an error performing your request. Please try again later.');
               requestRunning = false;
               return;
           }
@@ -298,20 +345,14 @@ var juxWeb = (function (exports) {
       try {
           const jsonResponse = yield response.json();
           if (response.ok) {
-              if (onSuccess) {
-                  onSuccess(jsonResponse);
-              }
-              else {
-                  return jsonResponse;
-              }
+              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(jsonResponse);
+              return;
           }
           else {
-              // backend exceptions
-              onError(jsonResponse);
+              onError === null || onError === void 0 ? void 0 : onError(jsonResponse);
           }
       }
       catch (err) {
-          // json conversion error / json response dealing errors / onSuccess errors
           console.error(err);
       }
       finally {
@@ -334,7 +375,7 @@ var juxWeb = (function (exports) {
           // @ts-ignore
           options.body = content;
       }
-      return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
+      return apiRequest(endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
   };
   const get = (endpoint, onSuccess, onError, onRedirect, handleUnauthorized) => {
       const options = {
@@ -344,7 +385,7 @@ var juxWeb = (function (exports) {
               'Content-Type': 'application/json',
           }
       };
-      return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
+      return apiRequest(endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
   };
   const backendPost = (endpoint, postContent, onJsonResponse, onHelpMessage, handleUnauthorized) => {
       post(endpoint, postContent, onJsonResponse, onHelpMessage, null, 'command', handleUnauthorized);
@@ -362,9 +403,15 @@ var juxWeb = (function (exports) {
   };
   const requestMagicLink = (data, onJsonResponse, onUnauthorized) => {
       const { email, token } = data;
-      const url = getMagicAuthReqUrl() + encodeURIComponent(email) + '&destination=' + extractTokenFromWindowLocation('destination') + '&token=' + token;
+      const url = getMagicAuthReqUrl() +
+          encodeURIComponent(email) +
+          '&destination=' +
+          extractTokenFromWindowLocation('destination') +
+          '&token=' +
+          token;
       const options = {};
-      backendRequest(url, options, onJsonResponse, console.error, null, 'query', onUnauthorized);
+      backendRequest(url, options, onJsonResponse, console.error, undefined, // ← use undefined instead of null
+      'query', onUnauthorized);
   };
   const openMagicLink = (magicToken, onJsonResponse, onHelpMessage) => {
       backendRequest(getMagicAuthUrl() + magicToken, {}, onJsonResponse, onHelpMessage);
@@ -13994,9 +14041,9 @@ var juxWeb = (function (exports) {
       if (googleUser) {
           // mixpanelIdentify(googleUser); TODO
           const onSuccess = (res) => {
+              var _a;
               const { token } = res;
-              // @ts-ignore
-              window.store.currentUser = res;
+              (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
               onTokenAcquired(token, onUserLogin);
           };
           const onError = (err) => {
@@ -14348,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.store.currentUser ? window.store.currentUser.name : '';
-      // @ts-ignore
-      const currentEmail = window.store.currentUser ? window.store.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';
@@ -14369,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.store) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.store.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) {
@@ -14385,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'));
@@ -14505,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.store.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.store.backendToken = token;
+      (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
       return token;
   };
   const onTokenAcquired = (token, onUserLogin) => {
@@ -14526,8 +14592,7 @@ var juxWeb = (function (exports) {
   };
   const clearSession = () => {
       removeLocalStorageItem('token');
-      // @ts-ignore
-      window.store = {};
+      resetJuxWebGlobal();
   };
   const onAuthenticationFailure = (msg) => {
       removeLocalStorageItem('token');
@@ -14535,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.store.currentUser = user;
+      (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
       if (type === 'Token Authentication') {
           user.token = getLocalStorageItem('token');
       }
@@ -14578,17 +14643,11 @@ var juxWeb = (function (exports) {
       //   initDemo(setBackendToken, onAuthentication);
       //   return;
       // }
-      // @ts-ignore
-      if (!window.store) {
-          // @ts-ignore
-          window.store = {};
-      }
-      // @ts-ignore
-      window.store.fetchUserBackendUrl = fetchUserBackendUrl;
-      // @ts-ignore
-      window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-      // @ts-ignore
-      window.store.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');
@@ -14598,8 +14657,7 @@ var juxWeb = (function (exports) {
           };
           const host = extractTokenFromWindowLocation('host');
           if (host) {
-              // @ts-ignore
-              window.store.fetchUserBackendUrl({ host }, (backendUrl) => {
+              window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                   setBackendUrl(backendUrl);
                   onOpenMagicLink();
               });
@@ -14642,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.store.currentUser = res;
+              (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
               onTokenAcquired(token, onUserLogin);
               disableSignInLayout();
           };
@@ -14675,9 +14733,9 @@ var juxWeb = (function (exports) {
       const { email } = credentials;
       enableSignInLayout();
       const onSuccess = (res) => {
+          var _a;
           const { token } = res;
-          // @ts-ignore
-          window.store.currentUser = res;
+          (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
           onTokenAcquired(token, onUserLogin);
           disableSignInLayout();
       };
@@ -14695,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;
@@ -14711,10 +14770,8 @@ var juxWeb = (function (exports) {
           const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
           requestMagicLink(payload, onSuccess, onUnauthorized);
       };
-      // @ts-ignore
-      if (window.store.fetchUserBackendUrl) {
-          // @ts-ignore
-          window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+      if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+          window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
               setBackendUrl(backendUrl);
               onRequestMagicLink();
           });
@@ -14947,7 +15004,7 @@ var juxWeb = (function (exports) {
   };
 
   class JuxEvent extends Event {
-      constructor(type, method, endpoint, onResult, params, onError, onRedirect) {
+      constructor(type, method, endpoint, onResult, params, onError, onRedirect, extras) {
           super('jux-event', { bubbles: true, cancelable: true, composed: true });
           this.requestType = type;
           this.method = method;
@@ -14956,6 +15013,7 @@ var juxWeb = (function (exports) {
           this.params = params;
           this.onError = onError;
           this.onRedirect = onRedirect;
+          this.extras = extras;
       }
   }
   const query = (element, endpoint, onResult, params, onError, onRedirect) => {
@@ -14968,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;
@@ -14980,6 +15039,8 @@ 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

@@ -2,9 +2,10 @@ export { chosenLanguage, reloadWithLanguageOverride, initLanguage, getTranslatio
 export { loginButton } from './login/login-button';
 export { loginPage } from './login/login-page';
 export { handleMagicLinkRequest, initSession, onMicrosoftSignIn, clearSession } from './login/session';
-export { handleJuxEvent, requestMagicLink } from './api-client';
+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 === null || window === void 0 ? void 0 : window.store) === 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 === null || window === void 0 ? void 0 : window.store) === 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
@@ -212,18 +210,65 @@ let timeout = 20000;
 const slowRequestTimeout = 2000;
 // @ts-ignore
 window.setRequestTimeout = (newTimeout) => timeout = newTimeout;
-const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1) => __awaiter(void 0, [url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1], void 0, function* (url, options, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0) {
+const upload = (endpoint, file, onResult, onError, extras) => {
+    apiRequest(endpoint, {
+        file,
+        onProgress: (pct) => { var _a; return (_a = extras === null || extras === void 0 ? void 0 : extras.onProgress) === null || _a === void 0 ? void 0 : _a.call(extras, pct); }
+    }, (text) => onResult === null || onResult === void 0 ? void 0 : onResult(text), (err) => onError === null || onError === void 0 ? void 0 : onError(err), undefined, // no redirect handler
+    'upload', // requestType
+    undefined, undefined, undefined, extras);
+};
+const apiRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+    url = getApiUrl() + url;
+    backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
+});
+const uploadRequest = (url, file, onSuccess, onError, extras) => {
+    var _a;
+    requestRunning = true;
+    const xhr = new XMLHttpRequest();
+    xhr.open('POST', url);
+    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));
+        }
+    };
+    xhr.onload = () => {
+        requestRunning = false;
+        if (xhr.status >= 200 && xhr.status < 300) {
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(xhr.responseText);
+        }
+        else {
+            onError === null || onError === void 0 ? void 0 : onError(xhr.responseText);
+        }
+    };
+    xhr.onerror = () => {
+        requestRunning = false;
+        onError === null || onError === void 0 ? void 0 : onError('Error sending file. Please try again.');
+    };
+    xhr.send(file);
+    if (extras === null || extras === void 0 ? void 0 : extras.onStart) {
+        extras.onStart({
+            abortUpload: () => {
+                console.log('Aborting upload');
+                xhr.abort();
+                requestRunning = false;
+            }
+        });
+    }
+};
+const backendRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+    var _a;
     if (requestRunning && !retrial) { // only allow one request at a time
-        setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false), 300);
+        setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
         return;
     }
-    // @ts-ignore
-    const backendToken = window.store.backendToken;
-    if (backendToken) {
-        if (!options.headers)
-            options.headers = {};
-        options.headers.auth = backendToken;
-    }
+    const headers = new Headers(options.headers);
+    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();
@@ -238,17 +283,19 @@ const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1,
         const event = new CustomEvent('slow-request', { detail: requestUrl.pathname, bubbles: true });
         window.dispatchEvent(event);
     }, slowRequestTimeout);
-    const requestInit = Object.assign(Object.assign({}, options), { signal: controller.signal });
+    const requestInit = Object.assign(Object.assign({}, options), { headers, signal: controller.signal });
     if (onRedirect)
         requestInit.redirect = 'manual'; // Treat redirects manually instead of following them automatically.
+    if (requestType === 'upload') {
+        uploadRequest(url, options.file, onSuccess, onError, extras);
+        return;
+    }
     try {
         response = yield fetch(url, requestInit);
     }
     catch (err) {
-        // network errors
         if (requestType === 'command') {
-            // Do not retry applying command if it fails for the first time.
-            onError('There was an error performing your request. Please try again later.');
+            onError === null || onError === void 0 ? void 0 : onError('There was an error performing your request. Please try again later.');
             requestRunning = false;
             return;
         }
@@ -297,20 +344,14 @@ const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1,
     try {
         const jsonResponse = yield response.json();
         if (response.ok) {
-            if (onSuccess) {
-                onSuccess(jsonResponse);
-            }
-            else {
-                return jsonResponse;
-            }
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(jsonResponse);
+            return;
         }
         else {
-            // backend exceptions
-            onError(jsonResponse);
+            onError === null || onError === void 0 ? void 0 : onError(jsonResponse);
         }
     }
     catch (err) {
-        // json conversion error / json response dealing errors / onSuccess errors
         console.error(err);
     }
     finally {
@@ -333,7 +374,7 @@ const post = (endpoint, params, onSuccess, onError, onRedirect, requestType = "q
         // @ts-ignore
         options.body = content;
     }
-    return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
+    return apiRequest(endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
 };
 const get = (endpoint, onSuccess, onError, onRedirect, handleUnauthorized) => {
     const options = {
@@ -343,7 +384,7 @@ const get = (endpoint, onSuccess, onError, onRedirect, handleUnauthorized) => {
             'Content-Type': 'application/json',
         }
     };
-    return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
+    return apiRequest(endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
 };
 const backendPost = (endpoint, postContent, onJsonResponse, onHelpMessage, handleUnauthorized) => {
     post(endpoint, postContent, onJsonResponse, onHelpMessage, null, 'command', handleUnauthorized);
@@ -361,9 +402,15 @@ const backendGet = (endpoint, params, onJsonResponse, onHelpMessage, handleUnaut
 };
 const requestMagicLink = (data, onJsonResponse, onUnauthorized) => {
     const { email, token } = data;
-    const url = getMagicAuthReqUrl() + encodeURIComponent(email) + '&destination=' + extractTokenFromWindowLocation('destination') + '&token=' + token;
+    const url = getMagicAuthReqUrl() +
+        encodeURIComponent(email) +
+        '&destination=' +
+        extractTokenFromWindowLocation('destination') +
+        '&token=' +
+        token;
     const options = {};
-    backendRequest(url, options, onJsonResponse, console.error, null, 'query', onUnauthorized);
+    backendRequest(url, options, onJsonResponse, console.error, undefined, // ← use undefined instead of null
+    'query', onUnauthorized);
 };
 const openMagicLink = (magicToken, onJsonResponse, onHelpMessage) => {
     backendRequest(getMagicAuthUrl() + magicToken, {}, onJsonResponse, onHelpMessage);
@@ -479,9 +526,9 @@ const onUserChanged = (googleUser, onUserLogin) => {
     if (googleUser) {
         // mixpanelIdentify(googleUser); TODO
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.store.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -833,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.store.currentUser ? window.store.currentUser.name : '';
-    // @ts-ignore
-    const currentEmail = window.store.currentUser ? window.store.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';
@@ -854,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.store) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.store.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) {
@@ -870,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'));
@@ -990,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.store.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.store.backendToken = token;
+    (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1011,8 +1077,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 };
 const clearSession = () => {
     removeLocalStorageItem('token');
-    // @ts-ignore
-    window.store = {};
+    resetJuxWebGlobal();
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1020,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.store.currentUser = user;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1063,17 +1128,11 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
     // }
-    // @ts-ignore
-    if (!window.store) {
-        // @ts-ignore
-        window.store = {};
-    }
-    // @ts-ignore
-    window.store.fetchUserBackendUrl = fetchUserBackendUrl;
-    // @ts-ignore
-    window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-    // @ts-ignore
-    window.store.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');
@@ -1083,8 +1142,7 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
         };
         const host = extractTokenFromWindowLocation('host');
         if (host) {
-            // @ts-ignore
-            window.store.fetchUserBackendUrl({ host }, (backendUrl) => {
+            window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                 setBackendUrl(backendUrl);
                 onOpenMagicLink();
             });
@@ -1127,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.store.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1160,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.store.currentUser = res;
+        (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1180,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;
@@ -1196,10 +1255,8 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
-    // @ts-ignore
-    if (window.store.fetchUserBackendUrl) {
-        // @ts-ignore
-        window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+    if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+        window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1432,7 +1489,7 @@ const loginPage = (clientApp, backgroundImg, onUserLogin, onLoginError, loginTyp
 };
 
 class JuxEvent extends Event {
-    constructor(type, method, endpoint, onResult, params, onError, onRedirect) {
+    constructor(type, method, endpoint, onResult, params, onError, onRedirect, extras) {
         super('jux-event', { bubbles: true, cancelable: true, composed: true });
         this.requestType = type;
         this.method = method;
@@ -1441,6 +1498,7 @@ class JuxEvent extends Event {
         this.params = params;
         this.onError = onError;
         this.onRedirect = onRedirect;
+        this.extras = extras;
     }
 }
 const query = (element, endpoint, onResult, params, onError, onRedirect) => {
@@ -1450,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 };
+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 === null || window === void 0 ? void 0 : window.store) === 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 === null || window === void 0 ? void 0 : window.store) === 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
@@ -236,18 +234,65 @@ let timeout = 20000;
 const slowRequestTimeout = 2000;
 // @ts-ignore
 window.setRequestTimeout = (newTimeout) => timeout = newTimeout;
-const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1) => __awaiter(void 0, [url_1, options_1, onSuccess_1, onError_1, onRedirect_1, ...args_1], void 0, function* (url, options, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0) {
+const upload = (endpoint, file, onResult, onError, extras) => {
+    apiRequest(endpoint, {
+        file,
+        onProgress: (pct) => { var _a; return (_a = extras === null || extras === void 0 ? void 0 : extras.onProgress) === null || _a === void 0 ? void 0 : _a.call(extras, pct); }
+    }, (text) => onResult === null || onResult === void 0 ? void 0 : onResult(text), (err) => onError === null || onError === void 0 ? void 0 : onError(err), undefined, // no redirect handler
+    'upload', // requestType
+    undefined, undefined, undefined, extras);
+};
+const apiRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+    url = getApiUrl() + url;
+    backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, retrial, retrialNum, extras);
+});
+const uploadRequest = (url, file, onSuccess, onError, extras) => {
+    var _a;
+    requestRunning = true;
+    const xhr = new XMLHttpRequest();
+    xhr.open('POST', url);
+    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));
+        }
+    };
+    xhr.onload = () => {
+        requestRunning = false;
+        if (xhr.status >= 200 && xhr.status < 300) {
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(xhr.responseText);
+        }
+        else {
+            onError === null || onError === void 0 ? void 0 : onError(xhr.responseText);
+        }
+    };
+    xhr.onerror = () => {
+        requestRunning = false;
+        onError === null || onError === void 0 ? void 0 : onError('Error sending file. Please try again.');
+    };
+    xhr.send(file);
+    if (extras === null || extras === void 0 ? void 0 : extras.onStart) {
+        extras.onStart({
+            abortUpload: () => {
+                console.log('Aborting upload');
+                xhr.abort();
+                requestRunning = false;
+            }
+        });
+    }
+};
+const backendRequest = (url_1, ...args_1) => __awaiter(void 0, [url_1, ...args_1], void 0, function* (url, options = {}, onSuccess, onError, onRedirect, requestType = 'query', handleUnauthorized = defaultHandleUnauthorized, retrial = false, retrialNum = 0, extras) {
+    var _a;
     if (requestRunning && !retrial) { // only allow one request at a time
-        setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false), 300);
+        setTimeout(() => backendRequest(url, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized, false, retrialNum), 300);
         return;
     }
-    // @ts-ignore
-    const backendToken = window.store.backendToken;
-    if (backendToken) {
-        if (!options.headers)
-            options.headers = {};
-        options.headers.auth = backendToken;
-    }
+    const headers = new Headers(options.headers);
+    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();
@@ -262,17 +307,19 @@ const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1,
         const event = new CustomEvent('slow-request', { detail: requestUrl.pathname, bubbles: true });
         window.dispatchEvent(event);
     }, slowRequestTimeout);
-    const requestInit = Object.assign(Object.assign({}, options), { signal: controller.signal });
+    const requestInit = Object.assign(Object.assign({}, options), { headers, signal: controller.signal });
     if (onRedirect)
         requestInit.redirect = 'manual'; // Treat redirects manually instead of following them automatically.
+    if (requestType === 'upload') {
+        uploadRequest(url, options.file, onSuccess, onError, extras);
+        return;
+    }
     try {
         response = yield fetch(url, requestInit);
     }
     catch (err) {
-        // network errors
         if (requestType === 'command') {
-            // Do not retry applying command if it fails for the first time.
-            onError('There was an error performing your request. Please try again later.');
+            onError === null || onError === void 0 ? void 0 : onError('There was an error performing your request. Please try again later.');
             requestRunning = false;
             return;
         }
@@ -321,20 +368,14 @@ const backendRequest = (url_1, options_1, onSuccess_1, onError_1, onRedirect_1,
     try {
         const jsonResponse = yield response.json();
         if (response.ok) {
-            if (onSuccess) {
-                onSuccess(jsonResponse);
-            }
-            else {
-                return jsonResponse;
-            }
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(jsonResponse);
+            return;
         }
         else {
-            // backend exceptions
-            onError(jsonResponse);
+            onError === null || onError === void 0 ? void 0 : onError(jsonResponse);
         }
     }
     catch (err) {
-        // json conversion error / json response dealing errors / onSuccess errors
         console.error(err);
     }
     finally {
@@ -357,7 +398,7 @@ const post = (endpoint, params, onSuccess, onError, onRedirect, requestType = "q
         // @ts-ignore
         options.body = content;
     }
-    return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
+    return apiRequest(endpoint, options, onSuccess, onError, onRedirect, requestType, handleUnauthorized);
 };
 const get = (endpoint, onSuccess, onError, onRedirect, handleUnauthorized) => {
     const options = {
@@ -367,7 +408,7 @@ const get = (endpoint, onSuccess, onError, onRedirect, handleUnauthorized) => {
             'Content-Type': 'application/json',
         }
     };
-    return backendRequest(getApiUrl() + endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
+    return apiRequest(endpoint, options, onSuccess, onError, onRedirect, 'query', handleUnauthorized);
 };
 const backendPost = (endpoint, postContent, onJsonResponse, onHelpMessage, handleUnauthorized) => {
     post(endpoint, postContent, onJsonResponse, onHelpMessage, null, 'command', handleUnauthorized);
@@ -385,9 +426,15 @@ const backendGet = (endpoint, params, onJsonResponse, onHelpMessage, handleUnaut
 };
 const requestMagicLink = (data, onJsonResponse, onUnauthorized) => {
     const { email, token } = data;
-    const url = getMagicAuthReqUrl() + encodeURIComponent(email) + '&destination=' + extractTokenFromWindowLocation('destination') + '&token=' + token;
+    const url = getMagicAuthReqUrl() +
+        encodeURIComponent(email) +
+        '&destination=' +
+        extractTokenFromWindowLocation('destination') +
+        '&token=' +
+        token;
     const options = {};
-    backendRequest(url, options, onJsonResponse, console.error, null, 'query', onUnauthorized);
+    backendRequest(url, options, onJsonResponse, console.error, undefined, // ← use undefined instead of null
+    'query', onUnauthorized);
 };
 const openMagicLink = (magicToken, onJsonResponse, onHelpMessage) => {
     backendRequest(getMagicAuthUrl() + magicToken, {}, onJsonResponse, onHelpMessage);
@@ -503,9 +550,9 @@ const onUserChanged = (googleUser, onUserLogin) => {
     if (googleUser) {
         // mixpanelIdentify(googleUser); TODO
         const onSuccess = (res) => {
+            var _a;
             const { token } = res;
-            // @ts-ignore
-            window.store.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -857,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.store.currentUser ? window.store.currentUser.name : '';
-    // @ts-ignore
-    const currentEmail = window.store.currentUser ? window.store.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';
@@ -878,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.store) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.store.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) {
@@ -894,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'));
@@ -1014,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.store.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.store.backendToken = token;
+    (_b = window.juxWebGlobal) === null || _b === void 0 ? void 0 : _b.setBackendToken(token);
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1035,8 +1101,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 };
 const clearSession = () => {
     removeLocalStorageItem('token');
-    // @ts-ignore
-    window.store = {};
+    resetJuxWebGlobal();
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1044,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.store.currentUser = user;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(user);
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1087,17 +1152,11 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   initDemo(setBackendToken, onAuthentication);
     //   return;
     // }
-    // @ts-ignore
-    if (!window.store) {
-        // @ts-ignore
-        window.store = {};
-    }
-    // @ts-ignore
-    window.store.fetchUserBackendUrl = fetchUserBackendUrl;
-    // @ts-ignore
-    window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
-    // @ts-ignore
-    window.store.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');
@@ -1107,8 +1166,7 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
         };
         const host = extractTokenFromWindowLocation('host');
         if (host) {
-            // @ts-ignore
-            window.store.fetchUserBackendUrl({ host }, (backendUrl) => {
+            window.juxWebGlobal.fetchUserBackendUrl({ host }, (backendUrl) => {
                 setBackendUrl(backendUrl);
                 onOpenMagicLink();
             });
@@ -1151,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.store.currentUser = res;
+            (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1184,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.store.currentUser = res;
+        (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setCurrentUser(res);
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1204,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;
@@ -1220,10 +1279,8 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         const onUnauthorized = () => onResponse(unauthorizedMagicLinkRequestPage(backgroundImage, onReturn));
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
-    // @ts-ignore
-    if (window.store.fetchUserBackendUrl) {
-        // @ts-ignore
-        window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+    if ((_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.fetchUserBackendUrl) {
+        window.juxWebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1456,7 +1513,7 @@ const loginPage = (clientApp, backgroundImg, onUserLogin, onLoginError, loginTyp
 };
 
 class JuxEvent extends Event {
-    constructor(type, method, endpoint, onResult, params, onError, onRedirect) {
+    constructor(type, method, endpoint, onResult, params, onError, onRedirect, extras) {
         super('jux-event', { bubbles: true, cancelable: true, composed: true });
         this.requestType = type;
         this.method = method;
@@ -1465,6 +1522,7 @@ class JuxEvent extends Event {
         this.params = params;
         this.onError = onError;
         this.onRedirect = onRedirect;
+        this.extras = extras;
     }
 }
 const query = (element, endpoint, onResult, params, onError, onRedirect) => {
@@ -1477,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;
@@ -1489,3 +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.5.28",
+  "version": "2025.7.09",
   "author": "Jux.House",
   "license": "Copyrighted",
   "description": "",