@klauswuestefeld/jux-web 2025.5.24 → 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

@@ -1,6 +1,13 @@
 var juxWeb = (function (exports) {
   'use strict';
 
+  let urlPrefix;
+  const setUrlPrefix = (s) => urlPrefix = s;
+  const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+  const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+  const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+  const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
   const getBrowserLanguage = () => {
       const result = (navigator.languages && navigator.languages.length)
           ? navigator.languages[0]
@@ -9,9 +16,9 @@ var juxWeb = (function (exports) {
   };
   const OVERRIDE_KEY = 'jux.language.override';
   let translations = {};
-  const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+  const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
   const reloadWithLanguageOverride = (lang) => {
-      localStorage.setItem(OVERRIDE_KEY, lang);
+      setLocalStorageItem(OVERRIDE_KEY, lang);
       location.reload();
   };
   // @ts-ignore
@@ -148,22 +155,22 @@ var juxWeb = (function (exports) {
       return token;
   };
 
-  const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+  const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
   //@ts-ignore
-  const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+  const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
   //@ts-ignore
   const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
   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
@@ -195,7 +202,7 @@ var juxWeb = (function (exports) {
       (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
   };
   const defaultHandleUnauthorized = () => {
-      localStorage.removeItem('token');
+      removeLocalStorageItem('token');
       alert(getTranslation('session-expired-msg'));
       location.reload();
       // googleAuthSignOut(); TODO
@@ -206,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;
@@ -232,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;
           }
@@ -291,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 {
@@ -327,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 = {
@@ -337,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);
@@ -355,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);
@@ -13989,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) => {
@@ -14344,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';
@@ -14366,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) {
@@ -14500,16 +14557,16 @@ var juxWeb = (function (exports) {
 
   const setBackendToken = (token) => {
       // @ts-ignore
-      window.store.backendToken = token;
+      window.juxwebGlobal.backendToken = token;
       if (token) {
-          localStorage.setItem('token', token);
+          setLocalStorageItem('token', token);
       }
   };
   const getBackendToken = () => {
       var _a;
-      const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _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) => {
@@ -14517,19 +14574,13 @@ var juxWeb = (function (exports) {
       // setSuperToken();
       onUserLogin();
   };
-  const clearSession = (itemsToSave) => {
-      // onUserChanged(null);
-      // TODO: find a better way to preserve backend-url
-      const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-      const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-      localStorage.clear();
-      savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-      setBackendUrl(backendUrl);
+  const clearSession = () => {
+      removeLocalStorageItem('token');
       // @ts-ignore
-      window.store = {};
+      window.juxwebGlobal = {};
   };
   const onAuthenticationFailure = (msg) => {
-      localStorage.removeItem('token');
+      removeLocalStorageItem('token');
       // displayPage(Page.LOGIN);
       alert(getTranslation(msg));
   };
@@ -14538,9 +14589,9 @@ var juxWeb = (function (exports) {
           clearSession();
       }
       // @ts-ignore
-      window.store.currentUser = user;
+      window.juxwebGlobal.currentUser = user;
       if (type === 'Token Authentication') {
-          user.token = localStorage.getItem('token');
+          user.token = getLocalStorageItem('token');
       }
       onTokenAcquired(user.token, onUserLogin);
       // mixpanelIdentify(user);
@@ -14572,22 +14623,24 @@ var juxWeb = (function (exports) {
       const onError = () => onAuthenticationFailure('login-failed');
       getSSOAuthorizationEndpoint(onSuccess, onError);
   };
-  const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+  const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
       // if (startNewDemo()) {
       //   initDemo(setBackendToken, onAuthentication);
       //   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');
       if (signInToken) {
           const onOpenMagicLink = () => {
@@ -14596,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();
               });
@@ -14641,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();
           };
@@ -14674,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();
       };
@@ -14709,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();
           });
@@ -14944,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;
@@ -14953,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) => {
@@ -14977,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/local-storage/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const setUrlPrefix: (s: string) => string;
+export declare const getLocalStorageItem: (k: string) => string | null;
+export declare const setLocalStorageItem: (k: string, v: string) => void;
+export declare const removeLocalStorageItem: (k: string) => void;

package/dist/login/session.d.ts

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

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

@@ -1,5 +1,12 @@
 import * as msal from '@azure/msal-browser';
 
+let urlPrefix;
+const setUrlPrefix = (s) => urlPrefix = s;
+const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
 const getBrowserLanguage = () => {
     const result = (navigator.languages && navigator.languages.length)
         ? navigator.languages[0]
@@ -8,9 +15,9 @@ const getBrowserLanguage = () => {
 };
 const OVERRIDE_KEY = 'jux.language.override';
 let translations = {};
-const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
 const reloadWithLanguageOverride = (lang) => {
-    localStorage.setItem(OVERRIDE_KEY, lang);
+    setLocalStorageItem(OVERRIDE_KEY, lang);
     location.reload();
 };
 // @ts-ignore
@@ -147,22 +154,22 @@ const extractTokenFromWindowLocation = (tokenParam, additionalParam = '') => {
     return token;
 };
 
-const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
 //@ts-ignore
-const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
 //@ts-ignore
 const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
 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
@@ -194,7 +201,7 @@ const removeOverlay = () => {
     (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
 };
 const defaultHandleUnauthorized = () => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     alert(getTranslation('session-expired-msg'));
     location.reload();
     // googleAuthSignOut(); TODO
@@ -205,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;
@@ -231,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;
         }
@@ -290,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 {
@@ -326,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 = {
@@ -336,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);
@@ -354,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);
@@ -474,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) => {
@@ -829,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';
@@ -851,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) {
@@ -985,16 +1042,16 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
 
 const setBackendToken = (token) => {
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     if (token) {
-        localStorage.setItem('token', token);
+        setLocalStorageItem('token', token);
     }
 };
 const getBackendToken = () => {
     var _a;
-    const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _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) => {
@@ -1002,19 +1059,13 @@ const onTokenAcquired = (token, onUserLogin) => {
     // setSuperToken();
     onUserLogin();
 };
-const clearSession = (itemsToSave) => {
-    // onUserChanged(null);
-    // TODO: find a better way to preserve backend-url
-    const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-    const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-    localStorage.clear();
-    savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-    setBackendUrl(backendUrl);
+const clearSession = () => {
+    removeLocalStorageItem('token');
     // @ts-ignore
-    window.store = {};
+    window.juxwebGlobal = {};
 };
 const onAuthenticationFailure = (msg) => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     // displayPage(Page.LOGIN);
     alert(getTranslation(msg));
 };
@@ -1023,9 +1074,9 @@ const onAuthentication = (onUserLogin, user, type) => {
         clearSession();
     }
     // @ts-ignore
-    window.store.currentUser = user;
+    window.juxwebGlobal.currentUser = user;
     if (type === 'Token Authentication') {
-        user.token = localStorage.getItem('token');
+        user.token = getLocalStorageItem('token');
     }
     onTokenAcquired(user.token, onUserLogin);
     // mixpanelIdentify(user);
@@ -1057,22 +1108,24 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   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');
     if (signInToken) {
         const onOpenMagicLink = () => {
@@ -1081,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();
             });
@@ -1126,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();
         };
@@ -1159,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();
     };
@@ -1194,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();
         });
@@ -1429,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;
@@ -1438,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) => {
@@ -1447,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

@@ -24,6 +24,13 @@ function _interopNamespace(e) {
 
 var msal__namespace = /*#__PURE__*/_interopNamespace(msal);
 
+let urlPrefix;
+const setUrlPrefix = (s) => urlPrefix = s;
+const getLocalStorageKey = (k) => urlPrefix ? `${urlPrefix}_${k}` : k;
+const getLocalStorageItem = (k) => localStorage.getItem(getLocalStorageKey(k));
+const setLocalStorageItem = (k, v) => localStorage.setItem(getLocalStorageKey(k), v);
+const removeLocalStorageItem = (k) => localStorage.removeItem(getLocalStorageKey(k));
+
 const getBrowserLanguage = () => {
     const result = (navigator.languages && navigator.languages.length)
         ? navigator.languages[0]
@@ -32,9 +39,9 @@ const getBrowserLanguage = () => {
 };
 const OVERRIDE_KEY = 'jux.language.override';
 let translations = {};
-const chosenLanguage = localStorage.getItem(OVERRIDE_KEY) || getBrowserLanguage();
+const chosenLanguage = getLocalStorageItem(OVERRIDE_KEY) || getBrowserLanguage();
 const reloadWithLanguageOverride = (lang) => {
-    localStorage.setItem(OVERRIDE_KEY, lang);
+    setLocalStorageItem(OVERRIDE_KEY, lang);
     location.reload();
 };
 // @ts-ignore
@@ -171,22 +178,22 @@ const extractTokenFromWindowLocation = (tokenParam, additionalParam = '') => {
     return token;
 };
 
-const setBackendUrl = (backendUrl) => localStorage.setItem('backend-url', backendUrl);
+const setBackendUrl = (backendUrl) => setLocalStorageItem('backend-url', backendUrl);
 //@ts-ignore
-const getBackendUrl = () => process.env.BACKEND_URL || localStorage.getItem('backend-url');
+const getBackendUrl = () => process.env.BACKEND_URL || getLocalStorageItem('backend-url');
 //@ts-ignore
 const getSecondaryBackendUrl = () => process.env.STAGING_BACKEND_URL || getBackendUrl();
 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
@@ -218,7 +225,7 @@ const removeOverlay = () => {
     (_b = document.querySelector('.reconnect-spinner')) === null || _b === void 0 ? void 0 : _b.remove();
 };
 const defaultHandleUnauthorized = () => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     alert(getTranslation('session-expired-msg'));
     location.reload();
     // googleAuthSignOut(); TODO
@@ -229,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;
@@ -255,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;
         }
@@ -314,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 {
@@ -350,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 = {
@@ -360,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);
@@ -378,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);
@@ -498,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) => {
@@ -853,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';
@@ -875,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) {
@@ -1009,16 +1066,16 @@ const unauthorizedMagicLinkRequestPage = (backgroundImg, onReturn, failInfo) =>
 
 const setBackendToken = (token) => {
     // @ts-ignore
-    window.store.backendToken = token;
+    window.juxwebGlobal.backendToken = token;
     if (token) {
-        localStorage.setItem('token', token);
+        setLocalStorageItem('token', token);
     }
 };
 const getBackendToken = () => {
     var _a;
-    const token = (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _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) => {
@@ -1026,19 +1083,13 @@ const onTokenAcquired = (token, onUserLogin) => {
     // setSuperToken();
     onUserLogin();
 };
-const clearSession = (itemsToSave) => {
-    // onUserChanged(null);
-    // TODO: find a better way to preserve backend-url
-    const backendUrl = getBackendUrl(); // Preserve backend, since the authentication was succcessfull
-    const savedItems = itemsToSave === null || itemsToSave === void 0 ? void 0 : itemsToSave.map((item) => ({ key: item, value: localStorage.getItem(item) }));
-    localStorage.clear();
-    savedItems === null || savedItems === void 0 ? void 0 : savedItems.forEach((item) => localStorage.setItem(item.key, item.value));
-    setBackendUrl(backendUrl);
+const clearSession = () => {
+    removeLocalStorageItem('token');
     // @ts-ignore
-    window.store = {};
+    window.juxwebGlobal = {};
 };
 const onAuthenticationFailure = (msg) => {
-    localStorage.removeItem('token');
+    removeLocalStorageItem('token');
     // displayPage(Page.LOGIN);
     alert(getTranslation(msg));
 };
@@ -1047,9 +1098,9 @@ const onAuthentication = (onUserLogin, user, type) => {
         clearSession();
     }
     // @ts-ignore
-    window.store.currentUser = user;
+    window.juxwebGlobal.currentUser = user;
     if (type === 'Token Authentication') {
-        user.token = localStorage.getItem('token');
+        user.token = getLocalStorageItem('token');
     }
     onTokenAcquired(user.token, onUserLogin);
     // mixpanelIdentify(user);
@@ -1081,22 +1132,24 @@ const handleSSOLogin = () => {
     const onError = () => onAuthenticationFailure('login-failed');
     getSSOAuthorizationEndpoint(onSuccess, onError);
 };
-const initSession = (clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint) => {
+const initSession = ({ clientApp, supportedLoginTypes, onUserLogin, onLoginError, backgroundImage, fetchUserBackendUrl, magicLinkRequestEndpoint, magicLinkAuthEndpoint, urlPrefix }) => {
     // if (startNewDemo()) {
     //   initDemo(setBackendToken, onAuthentication);
     //   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');
     if (signInToken) {
         const onOpenMagicLink = () => {
@@ -1105,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();
             });
@@ -1150,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();
         };
@@ -1183,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();
     };
@@ -1218,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();
         });
@@ -1453,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;
@@ -1462,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) => {
@@ -1486,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.24",
+  "version": "2025.6.30",
   "author": "Jux.House",
   "license": "Copyrighted",
   "description": "",