@klauswuestefeld/jux-web 2025.5.28 → 2025.6.30

package/dist/api-client.d.ts

@@ -1,7 +1,23 @@
+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;
-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/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-web.js

@@ -164,13 +164,13 @@ var juxWeb = (function (exports) {
   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,17 +213,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, _b;
+      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);
+      }
+      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);
+      if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
+          headers.set('auth', window.juxwebGlobal.backendToken);
       }
       let response;
       requestRunning = true;
@@ -239,17 +287,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 +348,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 +378,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 +388,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 +406,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);
@@ -13996,7 +14046,7 @@ var juxWeb = (function (exports) {
           const onSuccess = (res) => {
               const { token } = res;
               // @ts-ignore
-              window.store.currentUser = res;
+              window.juxwebGlobal.currentUser = res;
               onTokenAcquired(token, onUserLogin);
           };
           const onError = (err) => {
@@ -14351,9 +14401,9 @@ var juxWeb = (function (exports) {
       var _a, _b, _c, _d, _e;
       const result = document.createElement('contact-us-modal');
       // @ts-ignore
-      const currentName = window.store.currentUser ? window.store.currentUser.name : '';
+      const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.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 currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
       const modalBody = document.createElement('modal-body');
       const form = document.createElement('form');
       form.id = 'contact-form';
@@ -14373,7 +14423,7 @@ var juxWeb = (function (exports) {
       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 = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
           backendGet('credits-balance-for', { admin }, (res) => {
               const balance = res;
               if (balance <= 0) {
@@ -14507,7 +14557,7 @@ var juxWeb = (function (exports) {
 
   const setBackendToken = (token) => {
       // @ts-ignore
-      window.store.backendToken = token;
+      window.juxwebGlobal.backendToken = token;
       if (token) {
           setLocalStorageItem('token', token);
       }
@@ -14516,7 +14566,7 @@ var juxWeb = (function (exports) {
       var _a;
       const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
       // @ts-ignore
-      window.store.backendToken = token;
+      window.juxwebGlobal.backendToken = token;
       return token;
   };
   const onTokenAcquired = (token, onUserLogin) => {
@@ -14527,7 +14577,7 @@ var juxWeb = (function (exports) {
   const clearSession = () => {
       removeLocalStorageItem('token');
       // @ts-ignore
-      window.store = {};
+      window.juxwebGlobal = {};
   };
   const onAuthenticationFailure = (msg) => {
       removeLocalStorageItem('token');
@@ -14539,7 +14589,7 @@ var juxWeb = (function (exports) {
           clearSession();
       }
       // @ts-ignore
-      window.store.currentUser = user;
+      window.juxwebGlobal.currentUser = user;
       if (type === 'Token Authentication') {
           user.token = getLocalStorageItem('token');
       }
@@ -14579,16 +14629,16 @@ var juxWeb = (function (exports) {
       //   return;
       // }
       // @ts-ignore
-      if (!window.store) {
+      if (!window.juxwebGlobal) {
           // @ts-ignore
-          window.store = {};
+          window.juxwebGlobal = {};
       }
       // @ts-ignore
-      window.store.fetchUserBackendUrl = fetchUserBackendUrl;
+      window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
       // @ts-ignore
-      window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+      window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
       // @ts-ignore
-      window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+      window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
       if (urlPrefix)
           setUrlPrefix(urlPrefix);
       const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -14599,7 +14649,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();
               });
@@ -14644,7 +14694,7 @@ var juxWeb = (function (exports) {
           const onSuccess = (res) => {
               const { token } = res;
               // @ts-ignore
-              window.store.currentUser = res;
+              window.juxwebGlobal.currentUser = res;
               onTokenAcquired(token, onUserLogin);
               disableSignInLayout();
           };
@@ -14677,7 +14727,7 @@ var juxWeb = (function (exports) {
       const onSuccess = (res) => {
           const { token } = res;
           // @ts-ignore
-          window.store.currentUser = res;
+          window.juxwebGlobal.currentUser = res;
           onTokenAcquired(token, onUserLogin);
           disableSignInLayout();
       };
@@ -14712,9 +14762,9 @@ var juxWeb = (function (exports) {
           requestMagicLink(payload, onSuccess, onUnauthorized);
       };
       // @ts-ignore
-      if (window.store.fetchUserBackendUrl) {
+      if (window.juxwebGlobal.fetchUserBackendUrl) {
           // @ts-ignore
-          window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+          window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
               setBackendUrl(backendUrl);
               onRequestMagicLink();
           });
@@ -14947,7 +14997,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 +15006,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) => {
@@ -14980,6 +15031,7 @@ var juxWeb = (function (exports) {
   exports.query = query;
   exports.reloadWithLanguageOverride = reloadWithLanguageOverride;
   exports.requestMagicLink = requestMagicLink;
+  exports.upload = upload;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/dist/main.d.ts

@@ -2,7 +2,7 @@ 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';
 declare global {

package/dist/main.esm.js

@@ -163,13 +163,13 @@ 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,17 +212,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, _b;
+    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);
+    }
+    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);
+    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
+        headers.set('auth', window.juxwebGlobal.backendToken);
     }
     let response;
     requestRunning = true;
@@ -238,17 +286,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 +347,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 +377,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 +387,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 +405,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);
@@ -481,7 +531,7 @@ const onUserChanged = (googleUser, onUserLogin) => {
         const onSuccess = (res) => {
             const { token } = res;
             // @ts-ignore
-            window.store.currentUser = res;
+            window.juxwebGlobal.currentUser = res;
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -836,9 +886,9 @@ const contactUsModal = (subject) => {
     var _a, _b, _c, _d, _e;
     const result = document.createElement('contact-us-modal');
     // @ts-ignore
-    const currentName = window.store.currentUser ? window.store.currentUser.name : '';
+    const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.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 currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
     const modalBody = document.createElement('modal-body');
     const form = document.createElement('form');
     form.id = 'contact-form';
@@ -858,7 +908,7 @@ const contactUsModal = (subject) => {
     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 = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
         backendGet('credits-balance-for', { admin }, (res) => {
             const balance = res;
             if (balance <= 0) {
@@ -992,7 +1042,7 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
 
 const setBackendToken = (token) => {
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     if (token) {
         setLocalStorageItem('token', token);
     }
@@ -1001,7 +1051,7 @@ const getBackendToken = () => {
     var _a;
     const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1012,7 +1062,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 const clearSession = () => {
     removeLocalStorageItem('token');
     // @ts-ignore
-    window.store = {};
+    window.juxwebGlobal = {};
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1024,7 +1074,7 @@ const onAuthentication = (onUserLogin, user, type) => {
         clearSession();
     }
     // @ts-ignore
-    window.store.currentUser = user;
+    window.juxwebGlobal.currentUser = user;
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1064,16 +1114,16 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   return;
     // }
     // @ts-ignore
-    if (!window.store) {
+    if (!window.juxwebGlobal) {
         // @ts-ignore
-        window.store = {};
+        window.juxwebGlobal = {};
     }
     // @ts-ignore
-    window.store.fetchUserBackendUrl = fetchUserBackendUrl;
+    window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
     // @ts-ignore
-    window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+    window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
     // @ts-ignore
-    window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
     if (urlPrefix)
         setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -1084,7 +1134,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();
             });
@@ -1129,7 +1179,7 @@ const onMicrosoftSignIn = (onUserLogin) => __awaiter(void 0, void 0, void 0, fun
         const onSuccess = (res) => {
             const { token } = res;
             // @ts-ignore
-            window.store.currentUser = res;
+            window.juxwebGlobal.currentUser = res;
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1162,7 +1212,7 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     const onSuccess = (res) => {
         const { token } = res;
         // @ts-ignore
-        window.store.currentUser = res;
+        window.juxwebGlobal.currentUser = res;
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1197,9 +1247,9 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
     // @ts-ignore
-    if (window.store.fetchUserBackendUrl) {
+    if (window.juxwebGlobal.fetchUserBackendUrl) {
         // @ts-ignore
-        window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+        window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1432,7 +1482,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 +1491,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 +1501,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, getTranslation, handleJuxEvent, handleMagicLinkRequest, initLanguage, initSession, loginButton, loginPage, magicLinkModal, onMicrosoftSignIn, query, reloadWithLanguageOverride, requestMagicLink, upload };

package/dist/main.js

@@ -187,13 +187,13 @@ 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,17 +236,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, _b;
+    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);
+    }
+    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);
+    if ((_a = window.juxwebGlobal) === null || _a === void 0 ? void 0 : _a.backendToken) {
+        headers.set('auth', window.juxwebGlobal.backendToken);
     }
     let response;
     requestRunning = true;
@@ -262,17 +310,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 +371,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 +401,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 +411,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 +429,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);
@@ -505,7 +555,7 @@ const onUserChanged = (googleUser, onUserLogin) => {
         const onSuccess = (res) => {
             const { token } = res;
             // @ts-ignore
-            window.store.currentUser = res;
+            window.juxwebGlobal.currentUser = res;
             onTokenAcquired(token, onUserLogin);
         };
         const onError = (err) => {
@@ -860,9 +910,9 @@ const contactUsModal = (subject) => {
     var _a, _b, _c, _d, _e;
     const result = document.createElement('contact-us-modal');
     // @ts-ignore
-    const currentName = window.store.currentUser ? window.store.currentUser.name : '';
+    const currentName = window.juxwebGlobal.currentUser ? window.juxwebGlobal.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 currentEmail = window.juxwebGlobal.currentUser ? window.juxwebGlobal.currentUser.email : (_a = document.querySelector('#magic-link-email')) === null || _a === void 0 ? void 0 : _a.textContent;
     const modalBody = document.createElement('modal-body');
     const form = document.createElement('form');
     form.id = 'contact-form';
@@ -882,7 +932,7 @@ const contactUsModal = (subject) => {
     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 = ((_d = (_c = window.juxwebGlobal) === null || _c === void 0 ? void 0 : _c.selectedTeam) === null || _d === void 0 ? void 0 : _d.admin) || window.juxwebGlobal.currentUser.email;
         backendGet('credits-balance-for', { admin }, (res) => {
             const balance = res;
             if (balance <= 0) {
@@ -1016,7 +1066,7 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
 
 const setBackendToken = (token) => {
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     if (token) {
         setLocalStorageItem('token', token);
     }
@@ -1025,7 +1075,7 @@ const getBackendToken = () => {
     var _a;
     const token = (_a = getLocalStorageItem('token')) !== null && _a !== void 0 ? _a : '';
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     return token;
 };
 const onTokenAcquired = (token, onUserLogin) => {
@@ -1036,7 +1086,7 @@ const onTokenAcquired = (token, onUserLogin) => {
 const clearSession = () => {
     removeLocalStorageItem('token');
     // @ts-ignore
-    window.store = {};
+    window.juxwebGlobal = {};
 };
 const onAuthenticationFailure = (msg) => {
     removeLocalStorageItem('token');
@@ -1048,7 +1098,7 @@ const onAuthentication = (onUserLogin, user, type) => {
         clearSession();
     }
     // @ts-ignore
-    window.store.currentUser = user;
+    window.juxwebGlobal.currentUser = user;
     if (type === 'Token Authentication') {
         user.token = getLocalStorageItem('token');
     }
@@ -1088,16 +1138,16 @@ const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError
     //   return;
     // }
     // @ts-ignore
-    if (!window.store) {
+    if (!window.juxwebGlobal) {
         // @ts-ignore
-        window.store = {};
+        window.juxwebGlobal = {};
     }
     // @ts-ignore
-    window.store.fetchUserBackendUrl = fetchUserBackendUrl;
+    window.juxwebGlobal.fetchUserBackendUrl = fetchUserBackendUrl;
     // @ts-ignore
-    window.store.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
+    window.juxwebGlobal.magicLinkRequestEndpoint = magicLinkRequestEndpoint;
     // @ts-ignore
-    window.store.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
+    window.juxwebGlobal.magicLinkAuthEndpoint = magicLinkAuthEndpoint;
     if (urlPrefix)
         setUrlPrefix(urlPrefix);
     const signInToken = extractTokenFromWindowLocation('sign-in') || extractTokenFromWindowLocation('magic-link');
@@ -1108,7 +1158,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();
             });
@@ -1153,7 +1203,7 @@ const onMicrosoftSignIn = (onUserLogin) => __awaiter(void 0, void 0, void 0, fun
         const onSuccess = (res) => {
             const { token } = res;
             // @ts-ignore
-            window.store.currentUser = res;
+            window.juxwebGlobal.currentUser = res;
             onTokenAcquired(token, onUserLogin);
             disableSignInLayout();
         };
@@ -1186,7 +1236,7 @@ const onAuthPasswordLogin = (credentials, onUserLogin, onLoginError, onReturn, c
     const onSuccess = (res) => {
         const { token } = res;
         // @ts-ignore
-        window.store.currentUser = res;
+        window.juxwebGlobal.currentUser = res;
         onTokenAcquired(token, onUserLogin);
         disableSignInLayout();
     };
@@ -1221,9 +1271,9 @@ const handleMagicLinkRequest = (token, onReturn, backgroundImage, currentPage, c
         requestMagicLink(payload, onSuccess, onUnauthorized);
     };
     // @ts-ignore
-    if (window.store.fetchUserBackendUrl) {
+    if (window.juxwebGlobal.fetchUserBackendUrl) {
         // @ts-ignore
-        window.store.fetchUserBackendUrl({ email }, (backendUrl) => {
+        window.juxwebGlobal.fetchUserBackendUrl({ email }, (backendUrl) => {
             setBackendUrl(backendUrl);
             onRequestMagicLink();
         });
@@ -1456,7 +1506,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 +1515,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) => {
@@ -1489,3 +1540,4 @@ exports.onMicrosoftSignIn = onMicrosoftSignIn;
 exports.query = query;
 exports.reloadWithLanguageOverride = reloadWithLanguageOverride;
 exports.requestMagicLink = requestMagicLink;
+exports.upload = upload;

package/package.json

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